Widget CSS Hello Bar Blogspot

Widget CSS Hello Bar Blogspot - Sobat semua pasti sudah tahu apa itu Widget Hello Bar. Widget yang biasanya terdapat pada Wordpress ini, posisinya berada diatas sebuah blog ketika kita mengunjungi blog tersebut, dan ketika mouse kita scrool kebawah widget ini akan tetap berada diatas, alias fixed. Widget hello bar ini bisa sobat pergunakan untuk mempromosikan link-link jagoan sobat supaya bisa mendapatkan banyak klik dari pengunjung.

Widget Hello Bar ini bisa sobat pasang di blogspot dengan cara sangat mudah. Sobat tiggal masukan HTML di bagian  layout blogspot. Untuk lebih jelasnya bisa sobat lihat demo nya dibawah ini :

DEMO

Cara menambahkan kedalam widget, silahkan masukkan kode dibawah ini :

<style type="text/css">
/* Hello Bar Clone For Blogger by AllBloggerTricks.com */
#abt-hotsmain{height:100px;left:0;position:fixed;top:0;width:100%}
#abt-hots{background-color:#EB593C;border-bottom:2px solid #FFF;height:30px;left:0;position:fixed;top:0;width:100%;box-shadow:3px 3px 3px 3px;z-index:10000}
#abt-hotsdata{color:#FFF;font-family:serif;font-size:15px;padding:5px}
#abt-hotshide{cursor:pointer;height:20px;position:absolute;right:12px;top:4px;width:20px}
#abt-hotsshow{background-color:#EB593C;border-bottom:3px solid #000;border-bottom-left-radius:5px;border-bottom-right-radius:5px;border-left:3px solid #000;border-right:3px solid #000;cursor:pointer;height:25px;padding-top:5px;position:absolute;right:5px;top:0;width:30px}
.abt-hotsdownarrow{border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #CC5200;height:0;width:0}
.abt-hotsblock{background-color:#CC5200;height:10px;width:8px}
.abt-hotsuparrow{border-bottom:10px solid #CC5200;border-left:10px solid transparent;border-right:10px solid transparent;height:0;width:0}
</style>
<div id="abt-hotsmain" >
<center id="abt-hotsshow" onmouseup="document.getElementById('abt-hots').style.display='block'"><div class="abt-hotsblock"></div><div class="abt-hotsdownarrow"></div></center>
<div id="abt-hots" >
<center id="abt-hotshide" onmouseup="document.getElementById('abt-hots').style.display='none'"><div class="abt-hotsuparrow"></div><div class="abt-hotsblock"></div></center>
<center id="abt-hotsdata" >
Add your Text/Links here in HTML Format
</center>
</div>
</div>

Cara setting :

Ubah tulisan  Add your Text/Links here in HTML Format dengan kata-kata sobat sendiri.

Okey, cukup sekian Widget CSS Hello Bar Blogspot. Semoga bermanfaat



Source : www.allbloggertricks.com

Calendar Widget Untuk Blogspot

Calendar Widget Untuk Blogspot - Calendar widget atau kalau bahasa indonesianya widget kalender. Ini adalah sebuah widget yang memudahkan sobat blogger untuk membuat kalender dengan tampilan yang sangat menarik dan dengan cara yang sangat mudah pembuatanya.  Sebenarnya widget kalender ini tidak terlalu penting untuk sebuah blog, tapi mungkin jika sobat ingin mempercantik tampilan blog nya bisa juga menggunankan widget ini, atau buat sobat yang punya niche blog yang memang ada hubunganya dengan Waktu. Misal sobat punya toko online blogspot untuk menjual Jam, atau menjual kalender itu sendiri, maka widget kalender ini bisa cocok dipasang di blog sobat. Untuk membuat widget calendar ini, silahkan sobat berkunjung ke situs-situs dibawah ini :

1. www.cuteki.com/widgets/calendars
Situs untuk membuat widget calendar yang pertama ini menyediakan bentuk kalender yang unyu-unyu alias imut-imut, sangat cocok untuk sobat yang punya blog berniche perempuan.

2. www.widgetbox.com/tag/calendar
Kalau situs yang ini menyediakan widget calendar yang sangat banyak jenis tampilanya, dengan tampilan desain yang cukup elegant.

3. www.calendarlabs.com/calendars/web-content/free-blog-website-content.php 
Kalau sobat mau mencari tampilan kalender hewan atau berwajah artis, bisa masuk ke situs ini.

4. www.mycalendar.org/Holiday/Indonesia 
Kalau situs ini, gimana ya ?? ya silahkan sobat cek langsung saja.


Nah, itulah sob beberapa situs untuk memudahkan sobat dalam membuat Calendar Widget atau kalender di blog.

Cukup sekian, semoga bermanfaat 

Widget Unik Telur Ceplok Di Blog

Kreatif dan unik, itulah yang terlintas dipikiran saya ketika melihat widget ini. Kalau di post sebelumnya saya share cara membuat widget banjir di blog, kali ini saya akan share Widget Unik Telur Ceplok Di Blog. Blog sobat hampir sama seperti penggorengan kalau menggunakan widget yang satu ini, hee..Telur ceplok ada dimana-mana, bikin laper, bikin risih, tapi unik..Buat sobat blogger yang ingin menambahkan widget telur cepluk ini ke blog nya, silahkan copy kode html dibawah ini dan masukkan ke add Gadget HTML :

<script language="javascript"> nd_mode="eggs"; nd_vAlign="bottom"; nd_hAlign="right"; nd_vMargin="10"; nd_hMargin="10"; nd_target="_blank"; </script> <script language="javascript" src="http://blogtrikdantips-blogspot.googlecode.com/files/efektelur.js"></script>

Widget Unik Banjir Di Blog

Banjir...Banjir...Banjir..Musim hujan begini sudah pasti banyak daerah-daerah yang terkena banjir, terutama kota jakarta tercinta ini. Sobat rumah nya tidak terkena banjir kan ? kalau sudah terkena banjir, siap-siap saja semua aktifitas sobat bakal terganggu. Postingan kali ini, masih berkaitan dengan widget-widget unik yang bisa sobat tambahkan di blog sobat, kalau sebelumnya saya post cara membuat widget merangkak di blog. kali ini saya akan share cara membuat widget banjir di blog. Widget ini sangat unik, bahkan karena terlalu unik, sepertiya jarang ada yang memakai widget ini, tapi kalau sobat ingin blognya terlihat berbeda dengan yang lain, tidak ada salahnya sobat pakai yang satu ini. Untuk menggunakanya sobat tinggal masukkan kode berikut ini ke add Gadget HTML :

<script language="javascript">
nd_mode="flood";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="https://blogtrikdantips-blogspot.googlecode.com/files/efek_banjir.js"></script>

Widget Lucu Bayi Merangkak Di Blog

Ada-ada saja ulah bayi yang satu ini, tanpa kita undang tiba-tiba datang dan mecoret-coret blog kita. Ini adalah beberapa widget unik yang akan saya bagikan buat sobat bloggr. Widget bayi merangkak ini cukup mengganggu kalau sobat pakai di blog,tapi sangat unik. Kalau sobat ingin memakai widget ini di blog caranya sangatlah mudah, tinggal masukkan kode berikut ini ke add gadget HTML. Berikut kode nya :

<script language="javascript"> nd_mode="baby"; nd_vAlign="bottom"; nd_hAlign="right"; nd_vMargin="10"; nd_hMargin="10"; nd_target="_blank"; </script> <script language="javascript" src="http://blogtrikdantips-blogspot.googlecode.com/files/efekbayiberjalan.js"></script>

Bagaimana sob,,unik kan widget bayi merangkak ini ??

Cara Membuat Widget Artikel Terbaru Dengan Tooltip

Cara Membuat Widget Artikel Terbaru Dengan Tooltip - Buat sobat blogger pengguna blogspot pasti sudah tidak asing lagi dengan widget artikel terbaru ini, pada postingan saya sebelumnya saya posting cara membuat widget artikel terbaru. Widget ini biasanya diletakkan di sidebar blog untuk menampilkan artikel terbaru blog sobat. Tips blog kali ini yang akan saya share adalah memodifikasi tampilan widget artikel terbaru ini dengan memiliki efek tooltip. Seperti apa penampilanya, silahkan lihat live demo nya : DEMO

Cara Membuat Widget Artikel Terbaru Dengan Tooltip :
Untuk membuat nya sangat mudah sob, tinggal masukkan kode dibawah ini ke add gadget HTML blog sobat :

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script>
<style type="text/css">
#mini-gallery {
  width:380px; /* Tentukan lebar yang tepat sesuka hati atau buang saja deklarasi ini */
  margin:0px auto;
  font:normal 11px Verdana,Arial,Sans-Serif;
  color:#494848;
  padding:8px;
  background-color:#7E7E7E;
  -webkit-box-shadow:0px 1px 3px rgba(0,0,0,0.4);
  -moz-box-shadow:0px 1px 3px rgba(0,0,0,0.4);
  box-shadow:0px 1px 3px rgba(0,0,0,0.4);
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
}

#mini-gallery h2 {
  font:normal 14px Impact,Arial,Sans-Serif;
  color:#1CAA01;
  text-shadow:0px 1px 0px black;
  text-transform:uppercase;
  margin:2px 2px 2px;
  padding:7px 14px;
  background-color:#292929;
}

#mini-gallery .rp-item {
  float:left;
  display:inline;
  position:relative;
  margin:2px;
  padding:0px 0px;
  background:#fff url('http://reader-download.googlecode.com/svn/trunk/images/loading-white.gif') no-repeat 50% 50%;
  width:72px;
  height:72px;
}

#mini-gallery .rp-item img {
  width:72px;
  height:72px;
  border:none !important;
  margin:0px 0px !important;
  padding:0px 0px !important;
  background:transparent !important;
  display:none;
}

#mini-gallery .rp-item .rp-child {
  position:absolute;
  top:95%;
  left:95%;
  z-index:1000;
  width:200px;
  background-color:white;
  border-top:4px solid #00C200;
  -webkit-box-shadow:0px 0px 3px rgba(0,0,0,0.7);
  -moz-box-shadow:0px 0px 3px rgba(0,0,0,0.7);
  box-shadow:0px 0px 3px rgba(0,0,0,0.7);
  padding:10px 15px;
  overflow:hidden;
  word-wrap:break-word;
  display:none;
}

#mini-gallery .rp-item .rp-child h4 {
  font-size:12px;
  margin:0px 0px 5px;
  color:#09AC0F;
}

#mini-gallery .rp-item:hover .hidden {display:block;}
</style>
<script type="text/javascript">
var rpTitle     = "Artikel Terbaru", // Tentukan judul widget
    numposts    = 20,                // Tentukan jumlah thumbnail/posting
    numchar     = 300,               // Tentukan jumlah karakter pada deskripsi tooltip
    rcFadeSpeed = 600,               // Tentukan kecepatan efek .fadeIn() saat tooltip tampil
    pBlank      = "http://2.bp.blogspot.com/-11FkySHGB5Y/TpZ6SSbsF2I/AAAAAAAAA94/zK10UaL7jgo/s1600/images.jpeg", // Thumbnail cadangan jika posting yang tampil tidak memiliki gambar
    blogURL     = "http://mkr-site.blogspot.com"; // Alamat blogmu
</script>
<script src="https://ivyth.googlecode.com/svn/js/rp-m-gallery-dte.js" type="text/javascript"></script>

Note :

• Ganti URL http://mkr-site.blogspot.com dengan alamat blog sobat.

• rpTitle untuk judul dari widget

• Tentukan jumlah posting yang ditampilkan (gambar mini) pada variabel numposts, tentukan juga jumlah karakter/ringkasan artikel yang akan muncul pada variabel numchar.

• Kode yang Saya beri garis bawah adalah JQuery. Jika template Anda sudah dilengkapi dengan JQuery, buang kode itu dari widget.

• Klik Simpan dan lihat hasilnya. 

Cukup sekian sob artikel Cara Membuat Widget Artikel Terbaru Dengan Tooltip.

Semoga bermanfaat.

Script : www.mkr-site.blogspot.com

Cara Membuat Widget Artikel Terbaru

Cara Membuat Widget Artikel Terbaru ini saya dapat dari blog nya kang salman ( kucoba.com ). Menurut kang salman sih widget ini memakai JQuery dengan memiliki kelebihan-kelebihan sebagai berikut :

1.  Memiliki tampilan yang dinamis dan rapih.
2.  Memiliki Load yang cukup cepat
3.  Bisa di gunakan di Tab Menu atau New Window.
4.  Terdapat Informasi Jumlah komentar di masing-masing artikel yang di munculkan.
5.  Gambar/thumbails apik dan padat.
6.  dan masih banyak lagi deh yang jelas kang salman jamin sobat informasi maya bakal puas.

Nah buat sobat blogger yang tertarik memakai widget ini, silahkan ikuti caranya berikut ini :

Cara Membutnya :
1.  Login Ke Blogger
2.  Pilih Tata Letak / Rancangan
3.  Klik Tambah Widget/Gedget
4.  Pilih HTML/Javascript
5.  Paste-kan Kode di Bawah ini ke HTML/Javascript tadi.

<script language="JavaScript">imgr = new Array();imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";showRandomImg = true;boxwidth = 298;cellspacing = 8;borderColor = "#ffffff";bgTD = "#000000";thumbwidth = 40;thumbheight = 40;fntsize = 12;acolor = "#666";aBold = true;icon = " ";text = "comments";showPostDate = false;summaryPost = 40;summarFontsize = 10;summaryColor = "#666";icon2 = " ";numposts = 5;home_page = "http://asksalman19.blogspot.com/";</script><script src="http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js" type="text/javascript"></script>

6. Simpan. dan lihat hasilnya.

NB : Didalam kotak kode tersebut, terdapat satu kode seperti di bawah ini :

    numposts = 5;

Yang di beri tanda merah adalah jumlah post yang akan di tampilkan. Jika sobat mengisi 5 maka widget ini akan menampilkan 5 artikel baru dst.

Okey cukup sekian tips blog kali ini  Cara Membuat Widget Artikel Terbaru.


Semoga Bermanfaat



Scrip by : www.kucoba.com

Cara Membuat News Ticker

Tips Blog kali ini yang ingin saya share ke sobat blogger adalah Cara Membuat News Ticker.
News Ticker adalah headline postingan terbaru blog kita, widget ini menampilkan beberapa postingan terbaru kita dalam bentuk teks berjalan. Untuk lihat demonya silahkan lihat gambar dibawah ini.

 Cara Membuat News Ticker :

1.    Login ke Blogger

2.    Pilih tab Design > Edit HTML

3.    Cari kode ]]></b:skin>

4.    Copy kode di bawah ini dan pastekan tepat di bawah kode ]]></b:skin>

<script src='http://www.google.com/jsapi?key=ABQIAAAA4qkT5i26SQ6NmgJd5KQemhRQ_a6zv5_Bim3H_GL4gaueIFZ15xRdt8jcAUk8ZHokIVo-TBZgYVbkzw'/> <script type='text/javascript'> //<![CDATA[ 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("<","</")+"\n\n"}e+=(this.itemcontainer=="<li>")?"</ul>":"";this.feedcontainer.innerHTML=e}; 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("<","</")+"\n\n"}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)}}; //]]></script> <style type='text/css'> .titlefield{ /*CSS for RSS title link in general*/ text-decoration: none;} .labelfield{ /*CSS for label field in general*/ color:#666;font-size: 100%;} .datefield{ /*CSS for date field in general*/ color:#eee;font:normal 13px Arial;} #example1{ /*Demo 1 main container*/ width: 800px; height: 14px; border: 0px solid #aaa; padding: 0px; font:bold 13px Arial; text-transform:none; text-align:left; background-color:transparent;} code{ /*CSS for insructions*/ color: #000;} #example1 a:link, #example1 a:visited {color:#FFC932;text-decoration:none;} #example1 a:hover {color:#fff;text-decoration:none;} .newspic{background:#000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhF_Hh-S1vaBnUtSKnqhIfwCKlA5LetVRLJMfC3zL2YeOwRGfwjzD2C3UTmFs6SeB9jiF6o_H2o5wu7EVP7uqsKavCzvlfnCaxZiNtVKJNvWLXE2DSh3zO5Sv62e2G477dpznlG-tkJi98/s1600/bg_news.png) no-repeat top center;width:970px;margin:0 auto;padding:0 auto;height:26px}.news{width:970px;margin:0 auto;padding:0 auto;line-height:1.4em;text-align:left;font-family:Arial;font-size:11px;color:#ddd;overflow:hidden;clear:both}.news a:link,.news a:visited{color:#ddd;text-decoration:none}.news a:hover{color:#fff;text-decoration:underline} </style>

5.    kemudian cari kode  <div id='main-wrapper'>

6.    Copy kode di bawah ini dan pastekan tepat di atas kode <div id='main-wrapper'>

<div class='newspic'> <div class='news'> <div style='float:left;margin-left:10px;padding:5px 60px 5px 0;font:bold 14px Arial;color:#333;text-transform:none;'> News Update : </div> <div style='float:left;width:800px;padding:4px 0; position:relative; overflow:hidden;'> <script type='text/javascript'> var cssfeed=new gfeedrssticker(&quot;example1&quot;, &quot;example1class&quot;, 4000, &quot;_new&quot;) cssfeed.addFeed(&quot;Tutorial Blog&quot;, &quot;urlblogsobat/feeds/posts/default&quot;) //Specify &quot;label&quot; plus URL to RSS feed cssfeed.displayoptions(&quot;date&quot;) //show the specified additional fields cssfeed.setentrycontainer(&quot;div&quot;) //Wrap each entry with a DIV tag cssfeed.filterfeed(10, &quot;date&quot;) //Show 10 entries, sort by date cssfeed.entries_per_page(1) cssfeed.init() </script> </div></div></div>

8.     Ganti tulisan urlblogkamu dengan url yang kamu miliki

9.    Setelah selesai simpan template dan lihat hasilnya.

Selesai sudah tutorial Cara Membuat News Ticker. Selamat mencoba, semoga berhasil dan bermanfaat

Script by : www.tutorial-4u.com

Cara Memasang TV Online Di Blog

Sobat blogger mau memasang TV Online Di blog ?. Nah postingan kali ini saya ingin berbagi buat sobat blogger bagaimana caranya memasang TV Online di blog. Dibawah ini ada dua situs yang bisa sobat pergunakan, tapi yang satu gak bisa kalau di taruk di blog, kita cuma bisa nonton Lewat situs nya saja, tapi hebatnya kita bisa nonton TV luar negeri nih, seperti BBC,ESPN,CNN dll. Oh iya kalau kita pasang TV Online di Blog kan loading nya agak berat tuh, jadi jangan ditaruk di home page ya TV Online nya, supaya loading blog sobat tidak berat. Okey langsung saja cek kedua situs nya dibawah ini :

1. Cara Memasang TV Online Di Blog Melalui Mivo.tv

Sobat pasti sudah sering denger kan tentang mivo.tv. Ini adalah situs terbaik untuk menonton TV Online di Indonesia ( menurut saya ). Load untuk buffering nya tidak terlalu lama, dan program TV nya juga lumayan banyak. Untuk memasang nya di blog, silahkan sobat copy kode HTML dibawah ini, dan paste di add gadget HTML blog sobat :

 <embed align="top" allowfullscreen="true" allowscriptaccess="sameDomain" bgcolor="#ffffff" devicefont="false" height="820" menu="true" name="MivoTV" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" scale="noscale" scroll="auto" src="http://id.imediabiz.com/MivoTV.swf?r=%27%20+%20Math.round%28Math.random%28%29%20*%2099999%29%20+%20%27" type="application/x-shockwave-flash" width="100%" wmode="transparent"></embed>

Note : Untuk lebar dan tingginya silahkan sobat atur sendiri.

2. Cara Menonton TV Online Melalui www.atdhenet.tv

Khusus buat nonton TV luar negeri. Kalau situs yang ini sob gak bisa kita taruk di blog, jadi sobat harus pergi kesitus nya langsung buat nonton TV Online nya. Tapi apa hebat nya situs ini ? Pertama : situsnya ringan dan sederhana banget, cuma nampilin link aja. Kedua : kita bisa nonton TV Luar negeri seperti CNN,ESPN,BBC dll. Langsung saja sobat pergi ke www.atdhenet.tv.

Okey sob, itulah dua Cara Memasang TV Online Di Blog + menonton TV luar negeri.
Semoga bermanfaat