Membuat News Feed pada Blogger - Nanang Blog

Membuat News Feed pada blogger - Awalnya pas jalan – jalan di lapaknya teman. Melihat ada hal yang baru yang bisa dikreasikan di weblog blogger. Yaitu membuat news feed, seperti berita berjalan yang ada di televisi. Setelah dicari – cari akhirnya di dapat juga tutorialnya. Setelah dipraktekan alkhamdulillah berhasil “Membuat News Feed pada blogger”. Berikut hasilnya :

Adapun langkah – langkah Membuat News Feed pada blogger adalah :

1. Login ke akun Blogger anda
2. Klik Rancangan kemudian klik Edit HTML
3. Jangan lupa centang Expand Template Widget sebelum melakukan pengeditan lebih lanjut
4. Cari kode ]]></b:skin> dengan menggunakan bantuan CTRL + F
5. Setelah didapat, salin kode dibawah ini tepat diatas kode ]]></b:skin>

.titlefield {
text-decoration: none;
color: #09F
}
.titlefield:hover {
text-decoration: underline
}
.labelfield {

color: brown;
font-size: 90%
}

.datefield {
color: #333;
font-size: 90%
}

#data {
width: 450px;
height: 17px;
border: 3px solid black;
padding: 5px 5px;

background-color: #CED0D1;
margin: 5px auto;
-moz-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.16);
-webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.16);
box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.16);
position: relative;
overflow: hidden;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px
}

#data img {
display: block;

margin: 0 auto;
text-align: center
}

6. Kemudian cari kode </head>, gunakan bantuan CTRL+F untuk mempermudah pencarian
7. Masukan kode dibawah ini tepat diatas kode </head>

<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript" src="http://system-svn.googlecode.com/svn/trunk/gfeedfetcher.js"></script>
<script type="text/javascript" src="http://system-svn.googlecode.com/svn/trunk/gajaxscroller.js"></script>

8. Selanjutnya simpan template Anda.
9. Lalu pindah ke tab Rancangan | Elemen Laman
10. Add new gadget | Add javascript HTML.
11. Masukan kode dibawah ini :

<script type="text/javascript">
var cssfeed=new gfeedpausescroller("data", "posting", 2000, "_new")
cssfeed.addFeed("System", "http://nanankithink.blogspot.com/feeds/posts/default")
cssfeed.displayoptions("date")
cssfeed.setentrycontainer("div")
cssfeed.filterfeed(10, "date")
cssfeed.entries_per_page(1)
cssfeed.init()
</script>quot;System

12. Selanjutnya simpan template Anda

* Ganti link url pada kode diatas http://nanankithink.blogspot.com/feeds/posts/default dengan alamat url blog Anda

* Anda bisa mengganti angka 10 pada filterfeed(10, "date") , disesuaikan dengan jumlah artikel yang akan Anda tampilkan di news feed.

* Anda bisa bereksplorasi lebih jauh, dengan mengedit - eidt kode diatas, agar tampilannya sesuai dengan selera Anda.

Demikian tutorial Membuat News Feed pada blogger. Semoga bermanfaat