Home » Tips Blogging » WIDGET » Membuat Widget Recent Post auto Scrolling

Membuat Widget Recent Post auto Scrolling

Membuat Widget Recent Post auto Scrolling

Widget Recent Post auto Scrolling adalah widget pada blogspot yang berisi dengan list daftar artikel artikel terbaru dengan efek bergulir kebawah secara otomatis.

Widget ini dilengkapi dengan judul posting, thumbnail pos, tanggal ketika pos itu diterbitkan dan jumlah komentar pada post. Jadi bahwa semua pilihan di atas sepenuhnya disesuaikan, sehingga Anda dapat dengan mudah menyesuaikan widget ini. Di atas adalah beberapa fitur widget ini sekarang mari kita lihat kode apa saja yang di gunakan untuk membuat widget ini. Pemasang widget ini sama dengan pemasang widget sebelumnya.

Sebagai contoh pertimbangan silahkan lihat saja ada blog saya ini, widget ini terpasang dengan baik dan menarik.

Untuk pemasangan ikuti petunjuk dibawah ini.

Pertama anda masuk dahulu ke editing template blog

Tambahkan kode dibawah ini diarea bawah kode <head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'></script>

Keterangan :
Bila kode diatas sudah ada silahkan abaikan saja, jangan sampai ada dua kode seperti diatas.

Simpan Template

masuk ke Layout - Add Gadgets - pilih HTML / java Script, tambahkan kode barikut ini kedalamnya

<style type="text/css" media="screen"></style> <script language='JavaScript'>imgr = new Array(); imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqTWGSCz4-udBMkp0-yoyC3t8TnQSXcQaIn8xxUnJhX_6NVSlzGbupKn-GKGqaFimKBBesJUdVlkmnNa9zC1iOG-2a0ZqiTKd_Bz2OCNY8aD4wND36m3uQkfOjIQxU0xgnhd6qvjNJLQ/s1600/otowebsite-no-thumbnail.png"; imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqTWGSCz4-udBMkp0-yoyC3t8TnQSXcQaIn8xxUnJhX_6NVSlzGbupKn-GKGqaFimKBBesJUdVlkmnNa9zC1iOG-2a0ZqiTKd_Bz2OCNY8aD4wND36m3uQkfOjIQxU0xgnhd6qvjNJLQ/s1600/otowebsite-no-thumbnail.png"; imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqTWGSCz4-udBMkp0-yoyC3t8TnQSXcQaIn8xxUnJhX_6NVSlzGbupKn-GKGqaFimKBBesJUdVlkmnNa9zC1iOG-2a0ZqiTKd_Bz2OCNY8aD4wND36m3uQkfOjIQxU0xgnhd6qvjNJLQ/s1600/otowebsite-no-thumbnail.png"; imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqTWGSCz4-udBMkp0-yoyC3t8TnQSXcQaIn8xxUnJhX_6NVSlzGbupKn-GKGqaFimKBBesJUdVlkmnNa9zC1iOG-2a0ZqiTKd_Bz2OCNY8aD4wND36m3uQkfOjIQxU0xgnhd6qvjNJLQ/s1600/otowebsite-no-thumbnail.png"; imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqTWGSCz4-udBMkp0-yoyC3t8TnQSXcQaIn8xxUnJhX_6NVSlzGbupKn-GKGqaFimKBBesJUdVlkmnNa9zC1iOG-2a0ZqiTKd_Bz2OCNY8aD4wND36m3uQkfOjIQxU0xgnhd6qvjNJLQ/s1600/otowebsite-no-thumbnail.png"; showRandomImg = true; boxwidth = 255; cellspacing = 6; borderColor = "#232c35"; bgTD = "#000000"; thumbwidth = 50; thumbheight = 50; fntsize = 15; acolor = "#666"; aBold = true; icon = " "; text = "comments"; showPostDate = true; summaryPost = 40; summaryFontsize = 10; summaryColor = "#666"; icon2 = " "; numposts = 10; home_page = "http://www.masihpopuler.blogspot.com/"; limitspy=4; intervalspy=4000; </script> <div id="otowebsite-widget"><script src='http://www.otowebsite.16mb.com/recent-posts-spy.js' type='text/javascript'></script></div>

Selesai

Anda baru saja membaca artikel yang berkategori Tips Blogging / WIDGET dengan judul Membuat Widget Recent Post auto Scrolling . Anda bisa bookmark halaman ini dengan URL https://sisatruk.blogspot.com/2013/01/membuat-widget-recent-post-auto.html .

Artikel Terkait Tips Blogging , WIDGET

Ditulis oleh: Pramudya Ksatria Budiman - Rating : 4.5

Belum ada komentar untuk " Membuat Widget Recent Post auto Scrolling "

Post a Comment

Beri komentar anda.

Subscribe to: Post Comments ( Atom )