FREE THEMES TEMPLATE

How to Make Newsticker Width Google API

News Ticker, is one of the widgets that can make a web or blog beautify the looka. But its not only one function you can get. Because this widget facility can make your visitors more easy to open your article links on your blog. This newsticker tutorials, I get from <a href="http://www.dynamicdrive.com/" target="_blank"><b>Dynamic Drive</b></a> site.<br /><br />Because this widget uses scripts that affect the loading page, then I do a bit of a change in placement of the script code in your blog page. Before it, the script must be hosted by yourself, or use the default script provided by original script from <a href="http://www.dynamicdrive.com/" target="_blank"><b>Dynamic Drive</b></a>, then I place it directly on the encoding of the page or without third-party host again.<br /><br />Okay, we just headed to the scene. The first step, you should get the API key code to your blog first. It's easy, please go to the <a href="http://code.google.com/apis/loader/signup.html" target="_blank"><b>Google API key Code</b></a> page , and put your blog address and press the Generate API key. Then automatically your API key will appear. For example as below :<br /><br /><b>ABQIAAAAUMsU2d40bO1-m8DeADFRexSdupW3UblI5-uymDD3tToJ_XzTzRTHuyVgfpokD8LoL9kqMyn5QmrKKA</b><br /><br />When the API key code you've got, please go to the tab edit HTML page element on your blog (no checked needed). Then enter the code below just above the tag <b></head></b> :<br /><br /><div style="background-color: #f7f7f7; border: 1px solid rgb(204, 204, 204); height: 100px; overflow: auto; padding: 5px 15px; width: 92%;"><script src='http://www.google.com/jsapi?key=<b><span style="color: red;">your-API-key</span></b>'/><br /><script type='text/javascript'><br />//<![CDATA[<br />var gfeedfetcher_loading_image="indicator.gif";google.load("feeds","1");function gfeedfetcher(c,a,b){this.linktarget=b||"";this.feedlabels=[];this.feedurls=[];this.feeds=[];this.feedsfetched=0;this.feedlimit=5;this.showoptions="";this.sortstring="date";document.write('<div id="'+c+'" class="'+a+'"></div>');this.feedcontainer=document.getElementById(c);this.itemcontainer="<li>"}gfeedfetcher.prototype.addFeed=function(b,a){this.feedlabels[this.feedlabels.length]=b;this.feedurls[this.feedurls.length]=a};gfeedfetcher.prototype.filterfeed=function(b,a){this.feedlimit=b;if(typeof a!="undefined"){this.sortstring=a}};gfeedfetcher.prototype.displayoptions=function(a){this.showoptions=a};gfeedfetcher.prototype.setentrycontainer=function(a){this.itemcontainer="<"+a.toLowerCase()+">"};gfeedfetcher.prototype.init=function(){this.feedsfetched=0;this.feeds=[];this.feedcontainer.innerHTML='<img src="'+gfeedfetcher_loading_image+'" /> Retrieving RSS feed(s)';var a=this;for(var b=0;b<this.feedurls.length;b++){var c=new google.feeds.Feed(this.feedurls[b]);var d=(this.feedlimit<=this.feedurls.length)?1:Math.floor(this.feedlimit/this.feedurls.length);if(this.feedlimit%this.feedurls.length>0&&this.feedlimit>this.feedurls.length&&b==this.feedurls.length-1){d+=(this.feedlimit%this.feedurls.length)}c.setNumEntries(d);c.load(function(e){return function(f){a._fetch_data_as_array(f,e)}}(this.feedlabels[b]))}};gfeedfetcher._formatdate=function(a,c){var d=new Date(a);var b=(c.indexOf("datetime")!=-1)?d.toLocaleString():(c.indexOf("date")!=-1)?d.toLocaleDateString():(c.indexOf("time")!=-1)?d.toLocaleTimeString():"";return"<span class='datefield'>"+b+"</span>"};gfeedfetcher._sortarray=function(a,b){var b=(b=="label")?"ddlabel":b;if(b=="title"||b=="ddlabel"){a.sort(function(e,d){var g=e[b].toLowerCase();var f=d[b].toLowerCase();return(g<f)?-1:(g>f)?1:0})}else{try{a.sort(function(e,d){return new Date(d.publishedDate)-new Date(e.publishedDate)})}catch(c){}}};gfeedfetcher.prototype._fetch_data_as_array=function(b,a){var d=(!b.error)?b.feed.entries:"";if(d==""){alert("Google Feed API Error: "+b.error.message)}for(var c=0;c<d.length;c++){b.feed.entries[c].ddlabel=a}this.feeds=this.feeds.concat(d);this._signaldownloadcomplete()};gfeedfetcher.prototype._signaldownloadcomplete=function(){this.feedsfetched+=1;if(this.feedsfetched==this.feedurls.length){this._displayresult(this.feeds)}};gfeedfetcher.prototype._displayresult=function(a){var e=(this.itemcontainer=="<li>")?"<ul>n":"";gfeedfetcher._sortarray(a,this.sortstring);for(var c=0;c<a.length;c++){var d='<a href="'+a[c].link+'" target="'+this.linktarget+'" class="titlefield">'+a[c].title+"</a>";var b=/label/i.test(this.showoptions)?'<span class="labelfield">['+this.feeds[c].ddlabel+"]</span>":" ";var g=gfeedfetcher._formatdate(a[c].publishedDate,this.showoptions);var f=/description/i.test(this.showoptions)?"<br />"+a[c].content:/snippet/i.test(this.showoptions)?"<br />"+a[c].contentSnippet:"";e+=this.itemcontainer+d+" "+b+" "+g+"n"+f+this.itemcontainer.replace("<","</")+"nn"}e+=(this.itemcontainer=="<li>")?"</ul>":"";this.feedcontainer.innerHTML=e};<br /><br />var gfeedfetcher_loading_image="indicator.gif";function gfeedrssticker(d,b,a,c){this.tickerid=d;this.delay=parseInt(a);this.mouseoverBol=0;this.itemsperpage=1;this.messagepointer=0;gfeedfetcher.call(this,d,b,c);this.itemcontainer="<div>";this.tickerdiv=document.getElementById(d)}gfeedrssticker.prototype=new gfeedfetcher;gfeedrssticker.prototype.constructor=gfeedrssticker;gfeedrssticker.prototype._displayresult=null;gfeedrssticker.prototype.entries_per_page=function(a){this.itemsperpage=a};gfeedrssticker.prototype._signaldownloadcomplete=function(){this.feedsfetched+=1;if(this.feedsfetched==this.feedurls.length){this._initscroller(this.feeds)}};gfeedrssticker.prototype._initscroller=function(a){var c=this;gfeedfetcher._sortarray(a,this.sortstring);this.itemsperpage=(this.itemsperpage>=a.length)?1:this.itemsperpage;var b=a.slice(this.messagepointer,this.itemsperpage);this.tickerdiv.innerHTML=formatrssmessage(b,this.showoptions,this.itemcontainer,this.linktarget);this.tickerdiv.onmouseover=function(){c.mouseoverBol=1};this.tickerdiv.onmouseout=function(){c.mouseoverBol=0};this.messagepointer=this.itemsperpage;if(window.attachEvent){window.attachEvent("onunload",function(){c.tickerdiv.onmouseover=c.tickerdiv.onmouseout=null})}setTimeout(function(){c._rotatemessage()},this.delay)};function formatrssmessage(d,b,f,g){var c=(f=="<li>")?"<ul>n":"";for(var e=0;e<d.length;e++){var h='<a href="'+d[e].link+'" target="'+g+'" class="titlefield">'+d[e].title+"</a>";var j=/label/i.test(b)?'<span class="labelfield">['+d[e].ddlabel+"]</span>":" ";var k=gfeedfetcher._formatdate(d[e].publishedDate,b);var a=/description/i.test(b)?"<br />"+d[e].content:/snippet/i.test(b)?"<br />"+d[e].contentSnippet:"";c+=f+h+" "+j+" "+k+"n"+a+f.replace("<","</")+"nn"}c+=(f=="<li>")?"</ul>n":"";return c}gfeedrssticker.prototype._rotatemessage=function(){var b=this;if(this.mouseoverBol==1){setTimeout(function(){b._rotatemessage()},100)}else{var a=this.feeds.slice(this.messagepointer,this.messagepointer+this.itemsperpage);this.tickerdiv.innerHTML=formatrssmessage(a,this.showoptions,this.itemcontainer,this.linktarget);this.messagepointer=(this.messagepointer+this.itemsperpage>this.feeds.length-1)?0:this.messagepointer+this.itemsperpage;setTimeout(function(){b._rotatemessage()},this.delay)}};<br />//]]><br /></script><br /><br /><style type='text/css'><br />.titlefield{ /*CSS for RSS title link in general*/<br />text-decoration: none;}<br />.labelfield{ /*CSS for label field in general*/<br />color:#666;font-size: 100%;}<br />.datefield{ /*CSS for date field in general*/<br />color:#333;font-size: 100%;}<br />#example1{ /*Demo 1 main container*/<br />width: <b style="color: blue;">600px</b>;<br />height: auto;<br />border: 1px solid #aaa;<br />padding: 5px;<br />font:normal 12px Arial;<br />text-align:left;<br />background-color: #fff;}<br />code{ /*CSS for insructions*/<br />color: #000;}<br /></style></div><br />After that, replace red code with your API key code, and blue code with a width of widget you want. The next step, open your blog page elements tab, then add gadegt HTML / Java Script with the code below :<br /><br /><div style="background-color: #f7f7f7; border: 1px solid rgb(204, 204, 204); height: 100px; overflow: auto; padding: 5px 15px; width: 92%;"><script type="text/javascript"><br />var cssfeed=new gfeedrssticker("example1", "example1class", 4000, "_new")<br />cssfeed.addFeed("<b style="color: red;">Title</b>", "http://<b><span style="color: red;">your-url-link</span></b>/feeds/posts/default") //Specify "label" plus URL to RSS feed<br />cssfeed.displayoptions("date") //show the specified additional fields<br />cssfeed.setentrycontainer("div") //Wrap each entry with a DIV tag<br />cssfeed.filterfeed(10, "date") //Show 10 entries, sort by date<br />cssfeed.entries_per_page(1)<br />cssfeed.init()<br /></script></div><br />Next, replace the red text with the title and link your blog's url address. Done and please see the result. Hope useful for you and Happy Blogging.

How to Make Newsticker Width Google API

News Ticker, is one of the widgets that can make a web or blog beautify the looka. But its not only one function you can get. Because this w...

SolidMag

Tukiyooo 0 3 Columns, Grey, Premium Blogger Templates, SEO Ready, Slideshow, White 7:17 PM

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgn9WUCyBg8ofjpOqREAg-3LdWLZRIf4CzRxzz5lJ5L2G98bGoUAu0ewDH1ijMu2NeQMFrzwusnmcBIX02_qTCS6y-4x7onUo01ZpMNOoNnHBRrCGaroGmIZdHlTpTHYTuizchea0czKdc/s1600/SolidMag.gif" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="232" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgn9WUCyBg8ofjpOqREAg-3LdWLZRIf4CzRxzz5lJ5L2G98bGoUAu0ewDH1ijMu2NeQMFrzwusnmcBIX02_qTCS6y-4x7onUo01ZpMNOoNnHBRrCGaroGmIZdHlTpTHYTuizchea0czKdc/s320/SolidMag.gif" width="320" /></a></div><b>Name</b> : SolidMag<br /><b>Author</b> : Premium Blogger Templates<br /><b>Url Author</b> : <a href="http://www.premiumbloggertemplates.com/" target="_blank"><b>www.premiumbloggertemplates.com</b></a><br /><b>Designer</b> : Free Wordpress Themes<br /><b>Url Designer</b> : <b><a href="http://fthemes.com/" target="_blank">fthemes.com</a></b><br /><br /><b>Description</b>   :<b></b> SolidMag is a free blogger template custom design with 1 Left Sidebar, 1 Right Sidebar, 3 Column, Blogger, Bookmark Ready, Elegant, Fixed, Left and Right, Slideshow, Wordpress Look and more.<br /><br /><br /><a href="http://solidmag-btheme.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.premiumbloggertemplates.com/downloads/download/229" 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>

SolidMag

Name : SolidMag Author : Premium Blogger Templates Url Author : www.premiumbloggertemplates.com Designer : Free Wordpress Themes Url Des...

Remark

Tukiyooo 0 2 Columns, Brown, Dhe Template, Menu Dropdown, Orange, Personal, Slideshow 2:15 PM

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXR_-6gFncKNFUF9zN-SmnXmzNCXJR7IXgWWKUTAvjMzoRWQ0dIajtIIN_frA4pFzPLUePmwR4NiueMRi-N4rwEnwKEwGcmj7helvl1CmC8xE0RUmg7yTUCXaakM8nsmZBm71_69aoQcw/s1600/Remark.gif" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="239" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXR_-6gFncKNFUF9zN-SmnXmzNCXJR7IXgWWKUTAvjMzoRWQ0dIajtIIN_frA4pFzPLUePmwR4NiueMRi-N4rwEnwKEwGcmj7helvl1CmC8xE0RUmg7yTUCXaakM8nsmZBm71_69aoQcw/s320/Remark.gif" width="320" /></a></div><b>Template Name</b> : Remark<br /><b>Template Author</b> : Ireng Ajah<br /><b>Url Author</b> : <b><a href="http://www.dhetemplate.com/" target="_blank">www.dhetemplate.com</a></b><br /><b>Published</b> : Dhe Template<br /><b>Url Designer</b> : <b><a href="http://www.dhetemplate.com/" target="_blank">www.dhetemplate.com</a></b><br /><br /><b>Description</b> : Free Remark Blogger Template is a free magazine style blogger template with rare color background. It's a 2 column blogger template with right sidebar, 3 column footer, automatic featured content, ads ready, tabview ready, email feed sign up, social widget ready, dropdown menu, summary post, and more. This template designed for all type of blogs<br /><br /><a href="http://remark-dhetemplate.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.box.com/s/qk3h7j27vxp16ufxacl2" 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>

Remark

Template Name : Remark Template Author : Ireng Ajah Url Author : www.dhetemplate.com Published : Dhe Template Url Designer : www.dhetem...

Sporty Magazine 2 Free

Tukiyooo 0 3 Columns, Black, Free Premium, Magazine, Menu Dropdown, News Ticker, Slideshow, Sport, White, Yellow 1:23 AM

<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 : ...

WP Daily

Tukiyooo 0 2 Columns, Grey, Personal, Slideshow, White 5:40 AM

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvjDehgNuEBWDUfJDo_mec6ZiXv7ArmBzEoOgjn_FZJEMT8YuInProSsZ97qGSvWyYRWnc_HxtGcZoORFr08Fh7msKlnZG3IfxKI5wmm5InArri728K6S4BKEY3HVpwBPKtnag_DWHAXQ/s1600/WP+Daily.gif" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="228" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvjDehgNuEBWDUfJDo_mec6ZiXv7ArmBzEoOgjn_FZJEMT8YuInProSsZ97qGSvWyYRWnc_HxtGcZoORFr08Fh7msKlnZG3IfxKI5wmm5InArri728K6S4BKEY3HVpwBPKtnag_DWHAXQ/s320/WP+Daily.gif" width="320" /></a></div><b>Template Name</b> : WP Daily<br /><b>Template Author</b> : Premium Blogger Templates<br /><b>Url Author</b> : <a href="http://www.premiumbloggertemplates.com/" target="_blank"><b>www.premiumbloggertemplates.com</b></a><br /><b>Designer</b> : New Wordpress Themes<br /><b>Url Designer</b> : <b><a href="http://newwpthemes.com/" target="_blank">http://newwpthemes.com</a></b><br /><br /><b>Description</b>   :   <strong>WPDaily</strong> is a free blogger template custom design with   1 Right Sidebar, 2 Column, Blogger, Bookmark Ready, Fixed, Gray, Slideshow, White, Adapted from WordPress,      Blue, Elegant, Featured Section, Fixed width, Fresh, Grey, Magazine,      Premium, Right Sidebar, Slider, Tabbed widget, Top Navigation Bar, Web 2.0 and more.<br /><br /><a href="http://wpdaily-pbt.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.box.com/s/q1ue8dczfxrfc0v8hc4p" 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>

WP Daily

Template Name : WP Daily Template Author : Premium Blogger Templates Url Author : www.premiumbloggertemplates.com Designer : New Wordpre...

Slated

Tukiyooo 0 2 Columns, Gallery, Grey, Slideshow, White 5:35 AM

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbZQLW9_QkwlS8818yWlvZENkYv2V9b9s3DKN4eVvKXQH0qPj10G3elabmGWUuB8JKYBNCoX2Z5r6vLUViKhWx8NqQ44T1JsplWcfieaubMBOi5AAnjxzaKbsyYCTkBJPJgL_oreqyor4/s1600/Slated.gif" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="231" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbZQLW9_QkwlS8818yWlvZENkYv2V9b9s3DKN4eVvKXQH0qPj10G3elabmGWUuB8JKYBNCoX2Z5r6vLUViKhWx8NqQ44T1JsplWcfieaubMBOi5AAnjxzaKbsyYCTkBJPJgL_oreqyor4/s320/Slated.gif" width="320" /></a></div><b>Name</b> : Slated<br /><b>Template Author</b> : Premium Blogger Templates<br /><b>Url Author</b> : <a href="http://www.premiumbloggertemplates.com/" target="_blank"><b>www.premiumbloggertemplates.com</b></a><br /><b>Designer</b> : FThemes<br /><b>Url Designer</b> : <b><a href="http://fthemes.com/" target="_blank">http://fthemes.com/</a></b><br /><br /><b>Description</b>   : <strong>Slated</strong> is a free blogger template custom design with   1 Right Sidebar, 3 Column, Blogger, Bookmark Ready, Fixed, Gallery, Gray, Magazine, Slideshow, White, Wordpress Look.<br /><br /><a href="http://slated-btemplate.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.box.com/s/emocp1932g6v16rvun5t" 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>

Slated

Name : Slated Template Author : Premium Blogger Templates Url Author : www.premiumbloggertemplates.com Designer : FThemes Url Designer ...