Memasang Newsticker Di Blogger

Sudah cukup lama tidak menulis tentang Trik Blog, di karenakan kehabisan ide dan ketertarikan dengan dunia game. Maaf untuk para Followers blog ini karena ada penambahan kategori pada Oketrik Blog ini, bukan pergantian kategori. Tujuan saya menambahkan kategori baru pada blog ini adalah atas permintaan teman saya. Apa saja kategori yang di tambahkan? diantarnya, Cheats Games, Free Download, dll (silahkan jelajahi kategori terbaru dari blog ini yang tidak kalah menariknya).
Nah bagi yang kangen sama Trik Blog di blog oketrik ini, tenang saja rasa kangen kalian mudah - mudahan hilang dengan membaca artikel ini sebab artikel ini bertema Trik Blog dan berjudul Memasang News Ticker Di Blogger. Untuk Trik Blog kali ini tidak kalah kerennya dengan Trik Blog yang lainnya, g percaya? lihat aja demonya di bawah ini.

Demo

Bagaimana keren bukan? hmm kalau tidak keren ya tidak usah di pasang di blog anda tapi kalau anda anggap keren dan ingin memasangnya di blog anda, silahkan ikuti langkah di bawah ini.

1. Login ke Blogger
2. Klik Rancangan >> Elemen Halaman (biasanya kalau anda sudah mengklik tulisan Rancangan, anda sudah berada pada halaman ini)
   
   
3. setelah itu tambahkan sebuah gadget
   
   
4. lalu pilih yang HTML/Javascript
   
   
5. dan masukan kode di bawah ini kedalamnya
   
   
   <style type="text/css">
   #rp_plus_img{height:212px;overflow:hidden;border:solid 1px #585858;padding:6px 10px 14px 5px;background-color:#2f2f2f;}
   #rp_plus_img ul{list-style-type:none;margin:0;padding:0}
   #rp_plus_img li{border:0; margin:0; padding:0; list-style:none;}
   #rp_plus_img li{height:60px;padding:5px;list-style:none;}
   #rp_plus_img a{color:#FFF;}
   #rp_plus_img .news-title{display:block;font-weight:bold !important;margin-bottom:4px;font-size:11px;}
   #rp_plus_img .news-text{display:block;font-size:11px;font-weight:normal !important;color:#DEDEDE;text-align:justify;}
   #rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 1px #585858;width:55px;height:55px;}
   </style>
   <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript">
   </script>
   <script src="http://btuneup.googlecode.com/files/rpplusimgnt-v1.0.js" type="text/javascript">
   </script>
   <script type="text/javascript">
   var speed = 400;
   var pause = 2500;
   $(document).ready(function(){
   rpnewsticker();
   interval = setInterval(rpnewsticker, pause);
   });
   </script>
   <ul id="rp_plus_img"><script>
   var numposts = 10;
   var numchars = 125;
   </script> <script src="/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rpthumbnt">
   </script></ul>
   
   Penjelasan :
   
   • Untuk membuang garis tepi ubahlah nilai 1px menjadi 0 pada kode border:solid 1px #585858;
   • Untuk mengubah background ubahlah nilai #2f2f2f pada kode background-color:#2f2f2f; atau jika tidak ingin menggunakan background buanglah kode tersebut
   • Untuk mengubah warna font judul artikel ubahlah nilai #FFF pada kode color:#FFF
   • Untuk mengubah warna font artikel ubahlah nilai #DEDEDE pada kode color:#DEDEDE
   • Untuk mengubah ukuran gambar mini ubahlah nilai 55px pada kode width:55px; dan kode height:55px;
   • Ubahlah nilai 400 pada kode var speed = 400; untuk mengatur kecepatan
   • Ubahlah nilai 2500 pada kode var pause = 2500; untuk mengatur lamanya artikel tersebut tertahan (pause) sebelum diganti artikel berikutnya
   • Ubahlah nilai 10 pada kode var numposts = 10; untuk menentukan jumlah artikel yang akan ditampilkan
   • Ubahlah nilai 125 pada kode var numchars = 125; untuk menentukan jumlah karakter artikel yang akan ditampilkan
   • Feed harus diset "Penuh" melalui "Pengaturan - Feed Situs - Izinkan Feed Blog : Penuh"
6. Setelah itu beri judul dan klik tombol simpan
   
   

Keren dan mudah dalam memasang ke blog sobat, itulah yang bisa oketrik berikan kepada pengunjung setianya, namun sepertinya bukan itu saja yang dapat oketrik berikan, masih banyaaaaaak... ! lagi yang akan oketrik berikan kepada pengunjung setianya. Terima kasih dan Happy Blogging.

Bagikan Artikel : Facebook Twitter Google+ Linkedin Technorati Digg