Cara Membuat Artikel dan Komentar Terbaru Blogspot

Cara Membuat Artikel dan Komentar Terbaru Blogspot - Ya pada kesempatan berikut ini Mas GunKlaten Berbagi tentang Cara "Membuat Artikel dan Komentar Terbaru Blogspot"seperti apa  Artikel dan Komentar Terbaru Blogspot tersebut? sahabat blogger bisa melihat contoh widget Artikel Terbaru dan Komentar Terbaru pada sedebar blog Mas GunKlaten ini. Tutorial Cara Membuat Artikel dan Komentar Terbaru Blogspot ini saya dapat dari blog idblogdesign.com. Ok kita langsung saja bagi yang tertarik mengikuti tutorial Cara Membuat Artikel dan Komentar Terbaru Blogspot ini mari kita simak semoga sahabat blogger berhasil.

• Kita masuk ke akun blogspot lalu pilih TEMPLATE - HTML
• Cari kode ]]></b:skin> dengan cara tekan tombol keyboard CTRL dan F lalau masukkan kode ]]></b:skin> maka akan ketemu. Lalu copy dan paste kode CSS berikut ini dan letakkan kode dibawah ini sebelum ]]></b:skin>  

.boxcontent{padding:8px; margin:0} .boxcontent p{padding:0; margin:2px 0} .boxcontent h3{padding:0; margin:0; font-size:12px} .boxcontent ul{padding:0; margin:4px 0 0} .boxcontent li{list-style:square; margin:0 0 0 15px; text-indent:0; padding:1px 0} .boxcontent .top{border-left:3px double #ccc; padding:2px 2px 2px 8px; margin:0 0 8px} .boxcontent .more{font:bold 11px arial; color:#666; margin:0; padding:0} .boxcontent .meta{font:normal 11px arial; margin:2px 0 10px; padding:0; color:#a81817}

•  Anda bisa merubah kode CSS diatas sesuai selera anda masing-masing. Dan setelah kode diatas terpasang, langkah selanjutnya adalah memasang script. Copy Paste kode dibawah ini dan letakkan sebelum kode </head> tetapi jangan diantara kode css (<![CDATA[.....]]></b:skin>) boleh dibawah atau diatasnya. Berikut ini kode scriptnya.

<script src='http://idblogdesign.googlecode.com/files/jsonfeed.js' type='text/javascript'></script>

•  Ganti http://idblogdesign.googlecode.com/files/jsonfeed.js dengan link javas cript milik sobat jika sobat telah menghost code java script sendiri.
• Script tersebut sudah IdBlogDesign modifikasi sehingga jika Anda kurang berkenan bisa Anda ubah sesuai dengan selera Anda. Untuk menghindari sewaktu-waktu script tersebut terhapus, maka ada baiknya Anda host script tersebut pada hosting Anda (bisa menggunakan fasilitas dari http://code.google.com dan tentunya gratis). Untuk scriptnya bisa Anda download di sini. dan untuk tutorial Cara upload file ke Google Code bisa lihat di sini.
• Setelah semua kode script terpasang dengan benar lalu kita save.
• Untuk langkah selanjutnya dalam membuat widget Artikel Terbaru dan Komentar Terbaru adalah kita masuk ke menu Tata Letak dan Tambah gadget, pilih HTML/JavaScript dan masukkan kode script berikut didalamnya:
• Untuk Artikel Terbaru kodenya seprti di bawah ini

<script src="http://www.idblogdesign.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=terbaru"></script>

• Ganti http://www.idblogdesign.com diatas dengan link milik sobat.
• Untuk Komentar Terbaru kodenya seperti di bawah ini
  

<script src="http://www.idblogdesign.com/feeds/comments/default?alt=json-in-script&callback=terbaru"></script>

• Ganti http://www.idblogdesign.com diatas dengan link milik sobat.
•  Selesai

Demikianlah tutorial  Cara Membuat Artikel dan Komentar Terbaru Blogspot semoga bermanfaat.