FREE THEMES TEMPLATE

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDNE0Rd67R6kCXgPVtPgpxh2Um_bcEYwW5bhpA64xybnoOUyeWok-ES1LeiPKrOT-hw5rUJ16JHzVBynCQgMDGV_0GVTRbrXQufGnIPLeZXkYyOo0vhBWSzmtij_Q2LxEcoItd20LDmSI/s1600/Sporty+Magazine+2.gif" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="228" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDNE0Rd67R6kCXgPVtPgpxh2Um_bcEYwW5bhpA64xybnoOUyeWok-ES1LeiPKrOT-hw5rUJ16JHzVBynCQgMDGV_0GVTRbrXQufGnIPLeZXkYyOo0vhBWSzmtij_Q2LxEcoItd20LDmSI/s320/Sporty+Magazine+2.gif" width="320" /></a></div><b>Name</b> : Sporty Magazine 2<br /><b>Author</b> : Herdiansyah Hamzah<br /><b>Url Author</b> : <a href="http://www.herdiansyah.net/" target="_blank"><b>Herdiansyah Hamzah</b></a><br /><b>Designer </b>: Themesplate.blogspot.com<br /><b>Url Designer</b> : <a href="http://www.themesplate.blogspot.com/"><b>Themesplate.blogspot.com</b></a><br /><b>Published </b>: Themesplate.blogspot.com<br /><b>Url Published</b> : <a href="http://www.themesplate.blogspot.com/"><b>Themesplate.blogspot.com</b></a><br /><br /><b style="color: orange;">Description and Featured</b> : Sporty Magazine 2 is blogger template with premium looks, professional design, menu navigation dropdwon, featured slidehow content, news ticker, twitter widget, 3 column main page, 5 column footer page, social bookmark on postpage, all image host on blogger, SEO ready, and time script on top.<br /><br /><b><span style="color: orange;">Sporty Magazine 2 Privacy Policy</span> </b>:  <b>First</b>, do not change the credit link at the bottom of this  template. delete or modify this template links, as well as premises did  not appreciate my work. <b>Second</b>, this template for free, not for  sale. for it is forbidden to sell this template to any company or  business without my knowledge, and <b>Third</b>, after you see a live  demo of this template, please leave your comment. this is important as  an input for me to make a template that is much better in the future.<br /><br /><a href="http://sportymagazine2.blogspot.com/" target="_blank"><img alt="View themes live demo" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2pUPKA2jVfUrtDbRWXDLYCkKaX6ConHaBRoppVH6MhLtDuBjkEwXQ2JSCoZGiJxc1MrXs2FCODN18wbXWMUaBZlJ_4V4ebEOn6eWM2y_jZEzhWwwS0I7_E09LkNfUEs5VcS2GxqCBZd8/s1600/demo.gif" style="margin: 0 10px 0 0; padding: 0px;" /></a> <a href="http://www.ziddu.com/download/17704330/SportyMagazine2.rar.html" target="_blank"><img alt="View themes live demo" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglqewTCvgmHZ5NKX6fwBpU5miT_4q4DKtN5pj-ZqF5KAf6F7knQy7aq5_RdyZ3j2E_hodgTaKVgXNj4sGPagMCj1OpCv_fNR37Mc5SSN6gza41McXoWgaJeaM3M_Fc_lzKVjEDOAH158Y/s1600/download.gif" style="margin: 0 10px 0 0; padding: 0px;" /></a><br /><br /><div style="color: orange;"><span style="font-size: large;"><b>TUTORIALS HOW TO USE SPORTY MAGAZINE 2</b></span></div><br />First step, you have to download Sporty Magazine 2 files. After that, follow the instruction below.<br /><br /><div style="color: orange;"><b>Menu Navigation Dropdown</b></div><br />To set this menu, please go to your HTML stukrut page (no need to expand), then scroll down and find the following code : <b style="color: orange;"><div id='menuwrapperpic'></b> (Notes : for quick search, press the F3 key, type the code above and enter). After this code, you will find menu navigation dropdwon below :<br /><br /><div style="background-color: white; border: 1px solid rgb(204, 204, 204); color: black; height: 120px; overflow: auto; padding: 5px 15px; width: 94%;"><div id='menuwrapperpic'><br /><div id='menuwrapper'><br /><ul id='menubar'><br /><li class='selected'><a href='/'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCiHJ22s1CNdhVZGqzmB-okMtGz2cZZeGZQryyTUsNi6cJp3c6_FMzP7DDASBCSrTULdc8DxOzGSAsQWABX8n8a0GO1AqQ_ZyI-Uj9TRBC-CgjnjLCMAIPlwRC0MMk6RPDY75ZHMj_5oI/s1600/home_white.png' style='padding:0px;'/></a></li><br /><li class='selected'><a href='#'>About Us</a></li><br /><li><a class='trigger' href='#'>Contact Us</a><br /><ul><br /><li><a href='#'>Herdiansyah Blog</a></li><br /><li class='hr'/><br /><li><a href='#'>Contact on Facebook</a></li><br /><li><a href='#'>Contact on Twitter</a></li><br /><li class='hr'/><br /><li><a href='#'>Free Template Design</a></li><br /></ul><br /></li><br /><li><a href='#'>Moto GP</a></li><br /><li><a href='#'>Football</a></li><br /><li><a href='#'>Formula 1</a></li><br /><li><a href='#'>Web Design</a></li><br /><li><a href='#'>Free Template</a></li><br /><li><a href='#'>Videos</a></li><br /><li><a href='#'>Image</a></li><br /><li><a href='#'>Download</a></li><br /><li><a class='trigger' href='#'>More</a><br /><ul><br /><li><a href='#'>Editorial</a></li><br /><li class='hr'/><br /><li><a href='#'>Off Topic</a></li><br /></ul><br /></li><br /></ul><br /><br class='clearit'/><br /></div><br /><div style='clear:both;'/><br /></div></div><br /><b>Notes</b> : change the code <span style="font-size: large;"><b style="color: orange;">#</b></span> with your link url address, and name labels with your label or categories.<br /><br /><div style="color: orange;"><b>News Ticker </b></div><br />First step, you have to register your blog to <b><a href="http://code.google.com/apis/loader/signup.html" target="_blank">API Google Code</a></b> and you will see your API code. After that, find this code below on your edit HTML tabs :<br /><br /><div style="background-color: white; border: 1px solid rgb(204, 204, 204); color: black; height: 80px; overflow: auto; padding: 5px 15px; width: 94%;"><br /><script src='http://www.google.com/jsapi?key=<b style="color: #0b5394;">ABQIAAAA4qkT5i26SQ6NmgJd5KQemhRQ_a6zv5_Bim3H_GL4gaueIFZ15xRdt8jcAUk8ZHokIVo-TBZgYVbkzw</b>'/></div><br /><b>Notes</b> : replace the <b><span style="color: #0b5394;">blue code</span></b>, with yourAPI Key.<br /><br />Next step, you have to change your url link to make it news ticker appear with your latest post. Find this code below on edit HTML tabs.<br /><br /><div style="background-color: white; border: 1px solid rgb(204, 204, 204); color: black; height: 198px; overflow: auto; padding: 5px 15px; width: 94%;"><div class='newspic'><br /><div class='news'><br /><div style='float:left;padding:5px 60px 5px 0;font:bold 14px Arial;color:#333;text-transform:none;'>News Update :</div><br /><div style='float:left;width:800px;padding:4px 0; position:relative; overflow:hidden;'><br /><script type='text/javascript'><br />var cssfeed=new gfeedrssticker(&quot;example1&quot;, &quot;example1class&quot;, 4000, &quot;_new&quot;)<br />cssfeed.addFeed(&quot;News Update&quot;, &quot;<b style="color: red;">http://sportymagazine2.blogspot.com</b>/feeds/posts/default&quot;) //Specify &quot;label&quot; plus URL to RSS feed<br />cssfeed.displayoptions(&quot;date&quot;) //show the specified additional fields<br />cssfeed.setentrycontainer(&quot;div&quot;) //Wrap each entry with a DIV tag<br />cssfeed.filterfeed(10, &quot;date&quot;) //Show 10 entries, sort by date<br />cssfeed.entries_per_page(1)<br />cssfeed.init()<br /></script><br /></div><br /></div><div style='clear:both;'/><br /></div></div><br />Notes : replace the <b style="color: red;">red code</b>, with your site/blog url link.<br /><br /><div style="color: orange;"><b>Featured Slideshow Content</b></div><br />First step, add new html/java script widget on your page. Put this code below :<br /><br /><div style="background-color: white; border: 1px solid rgb(204, 204, 204); color: black; height: 120px; overflow: auto; padding: 5px 15px; width: 94%;"><div id='featured'><br /><ul class='ui-tabs-nav'><br /><br /><br /><li class='ui-tabs-nav-item ui-tabs-selected' id='nav-fragment-1'><a href='#fragment-1'><img alt="" src="<span style="color: red; font-size: large;"><b>#</b></span>" /><span><b style="color: orange;">Post Title</b></span></a></li><br /><br /><br /><li class='ui-tabs-nav-item' id='nav-fragment-2'><a href='#fragment-2'><img alt="" src="<span style="color: red; font-size: large;"><b>#</b></span>" /><span><b style="color: orange;">Post Title</b></span></a></li><br /><br /><br /><li class='ui-tabs-nav-item' id='nav-fragment-3'><a href='#fragment-3'><img alt="" src="<span style="color: red; font-size: large;"><b>#</b></span>" /><span><b style="color: orange;">Post Title</b></span></a></li><br /><br /><br /><li class='ui-tabs-nav-item' id='nav-fragment-4'><a href='#fragment-4'><img alt="" src="<span style="color: red; font-size: large;"><b>#</b></span>" /><span><b style="color: orange;">Post Title</b></span></a></li><br /></ul><br /><br /><br /><div class='ui-tabs-panel' id='fragment-1' style=''><br /><img alt="" src="<span style="color: red; font-size: large;"><b>#</b></span>" /><br /><div class='info'><br /><h2><a href='<b style="color: #0b5394;"> your-url-link</b> '><b style="color: orange;">Post Title</b></a></h2><br /></div></div><br /><br /><br /><div class='ui-tabs-panel ui-tabs-hide' id='fragment-2' style=''><br /><img alt="" src="<span style="color: red; font-size: large;"><b>#</b></span>" /><br /><div class='info'><br /><h2><a href='<b><span style="color: #0b5394;"> your-url-link</span></b> '><b style="color: orange;">Post Title</b></a></h2><br /></div></div><br /><br /><br /><div class='ui-tabs-panel ui-tabs-hide' id='fragment-3' style=''><br /><img alt="" src="<span style="color: red; font-size: large;"><b>#</b></span>" /><br /><div class='info'><br /><h2><a href=' <b style="color: #0b5394;">your-url-link</b> '><b style="color: orange;">Post Title</b></a></h2><br /></div></div><br /><br /><br /><div class='ui-tabs-panel ui-tabs-hide' id='fragment-4' style=''><br /><img alt="" src="<span style="color: red; font-size: large;"><b>#</b></span>" /><br /><div class='info'><br /><h2><a href='<b style="color: #0b5394;">your-url-link</b>'><b style="color: orange;">Post Title</b></a></h2><br /></div></div><br /></div></div><br /><b>Notes</b> : replace red code (<span style="color: red; font-size: large;"><b>#</b></span>) with your image url link, orange code (<b style="color: orange;">Post Title</b>) with your post title, and blue code (<b style="color: #0b5394;">your-url-link</b>) with your url link post.<br /><br /><div style="color: orange;"><b>Featured Label Categories</b></div><br />First step, open your blog page and add new HTML/Java Script widget. Next step, put this code below :<br /><br /><div style="background-color: white; border: 1px solid rgb(204, 204, 204); color: black; height: 110px; overflow: auto; padding: 5px 15px; width: 94%;"><script type='text/javascript'>var numposts = <span style="color: orange; font-size: small;"><b>3</b></span>;var showpostthumbnails = true;var displaymore = false;var displayseparator = false;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 60;</script><br /><br /><script type="text/javascript" src="/feeds/posts/default/-/<span style="color: red; font-size: small;"><b>Borneo</b></span>?orderby=updated&alt=json-in-script&callback=labelthumbs"></script></div><br /><b>Notes</b> : Change orange code (<b style="color: orange;">3</b>), with number of post will be appear, and red code (<b style="color: red;">Borneo</b>) with your label or categories.<br /><br /><div style="color: orange;"><b>Twitter Widget (Live Updates)</b></div><br />Open your page elements and put this code below with add new HTML/Java Script.<br /><br /><div style="background-color: white; border: 1px solid rgb(204, 204, 204); color: black; height: 110px; overflow: auto; padding: 5px 15px; width: 94%;"><div style="background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEih9csA4iAyKeqiqsCqmiLhjkPITsXhjz5nT5NIqc1hV5fGG03CyF6T-AhF1YgcmbRAf2fvR3uYMGG28uy7nAMeYkQg57EgawpcoUXKTIS6PrQ3pdcsjauxhgySvrq2Ws_zcOUhwwYgRPc/s1600/bg_twitter.gif) no-repeat;padding-top:40px;padding-left:5px"><br /><script src="http://widgets.twimg.com/j/2/widget.js"></script><br /><script><br />new TWTR.Widget({<br />version: 2,<br />type: 'profile',<br />rpp: 10,<br />interval: 3000,<br />width: 285,<br />height: 118,<br />theme: {<br />shell: {<br />background: 'transparent',<br />color: '#000000'<br />},<br />tweets: {<br />background: 'transparent',<br />color: '#000000',<br />links: '#B45F04'<br />}<br />},<br />features: {<br />scrollbar: true,<br />loop: true,<br />live: true,<br />hashtags: true,<br />timestamp: true,<br />avatars: false,<br />behavior: 'default'<br />}<br />}).render().setUser('<b style="color: orange;">themesplate.blogspot.com</b>').start();<br /></script><br /></div></div><br /><b>Notes</b> : change orange code (<b style="color: orange;">themesplate.blogspot.com</b>) with your twitter username.<br /><br /><div style="color: orange;"><b>Search Widget </b></div><br />Open your page elements and put this code below with add new HTML/Java Script.<br /><br /><div style="background-color: white; border: 1px solid rgb(204, 204, 204); color: black; height: 110px; overflow: auto; padding: 5px 15px; width: 94%;"><form name="jksearch" action="http://www.google.com/search" method="get" onsubmit="jksitesearch(this)" target="_blank"><br /><br /><input id="hiddenquery" type="hidden" name="q" /><br /><input name="qfront" onfocus="if(this.value==this.defaultValue)this.value=&#39;&#39;;" value="Search on this site..." type="text" onblur="if(this.value==&#39;&#39;)this.value=this.defaultValue;" style="width: 240px;border:none;padding:8px 10px; font:normal 11px arial;color:#666; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-9cr1HIcTzO2pgv5EVDHdcnItlDewDRoy7t2WfemXERlm_647BcZ_lplH1wKmonmar3Lt1hQLkXh3CjtZmTbAhzwHX0LSNiK_H8I2j0doqmEvyEp01tnat_MMKomGBypRpcjEzU1g7KQ/s1600/search_field.jpg) no-repeat;" /><input type="image" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_eIuSAWOOTMOcgY_HynByKwafzJPK3U4zX4PBxO9UpRZL7lj_n6V1i4aeC6E9_zto0aakex_QzhsgiZwhmTUh1F0lqWz0iNQ0kdsebL4aGa1jyvxXHRoFV_3-9u2SUJj4tReUYCu8-fk/s1600/search_button.jpg" align="top" value="Search"/> <br /><br /><div style="font: normal 11px Arial;color:#666;padding:2px 0;"><br /><input name="se" type="radio" checked /> Google  <br /><input name="se" type="radio" /> Yahoo <br /><input name="se" type="radio" /> Msn<br /></div><br /><br /><script type="text/javascript"><br /><br />// All-in-one Internal Site Search script- By JavaScriptKit.com (http://www.javascriptkit.com)<br />// For this and over 400+ free scripts, visit JavaScript Kit- http://www.javascriptkit.com/<br />// This notice must stay intact for use<br /><br />//Enter domain of site to search.<br />var domainroot="<b style="color: orange;">www.themesplate.blogspot.com</b>"<br /><br />var searchaction=[ //form action for the 3 search engines<br />"http://www.google.com/search",<br />"http://search.yahoo.com/search",<br />"http://search.msn.com/results.aspx"<br />]<br /><br />var queryfieldname=["q","p","q"] //name of hidden query form for the 3 search engines<br /><br />function switchaction(cur, index){<br />cur.form.action=searchaction[index]<br />document.getElementById("hiddenquery").name=queryfieldname[index]<br />}<br />function jksitesearch(curobj){<br />for (i=0; i< document.jksearch.se.length; i++){ //loop through radio to see which is checked<br />if (document.jksearch.se[i].checked==true)<br />switchaction(document.jksearch.se[i], i)<br />}<br />document.getElementById("hiddenquery").value="site:"+domainroot+" "+curobj.qfront.value<br />}<br /></script><br /></form></div><br /><b>Notes</b> : change orange code (<b style="color: orange;">www.themesplate.blogspot.com</b>) with your twitter username.<br /><br />Thats it, happy blogging. If you have question about Sporty Magazine 2 Templates, please leave your comment below or contact me via email on <b style="color: orange;">mail themesplate.blogger.com</b>. <br /><br /><div style="color: orange;"><b>Warm Regards,</b></div>Themesplate.blogspot.com<br /><b><a href="http://www.themesplate.blogspot.com/">www.themesplate.blogspot.com</a></b>

Sporty Magazine 2 Free

Name : Sporty Magazine 2 Author : Herdiansyah Hamzah Url Author : Herdiansyah Hamzah Designer : Themesplate.blogspot.com Url Designer : ...

Sporty Magazine 2 Free

Ads

Populars

Archive