Trick n Tips Blogger | Widget Blogger | Template Blogger

Cara Membuat Widget Recent Post Dengan Efek Thumbnail Gambar

by Irsyad Aslam , at 2/26/2013 , has 0 komentar
Widget Recent Post ini adalah Widget Recent Post yang didesain dengan gambar saja dan tidak mempunyai descripsi. Widget Recent Post sangat berguna untuk memperlihatkan Post Terakhir yang telah anda buat sebelumnya. Widget Recent Post adalah salah satu widget yang wajib dipasang. Dengan cara ini Recent post bisa dibuat stylish dari widget yang biasa bisa juga disebut cara untuk memperindah blog. Widget ini Memiliki Kapasitas Posting 8 post agar bisa menghemat tempat, dengan Style Thumbnail. Widget ini juga mudah untuk dipasang tanpa harus mengubah HTML Template Anda. Keuntungan dari Widget Recent Post ini Adalah Widget yang tidak Memerlukan banyak tempat, Mudah Dipasang, Dan Lebih Stylish. Widget ini dibuat oleh BlueKut. Jika Anda Berminat untuk memasang Widget ini ada hanya perlu menambahkan Gagdet HTML, Seperti Cara Dibawah ini:

  • Silahkan Masuk Ke Blogger Anda.
  • Setelah itu, Klik Menu Tata Letak, --> Add Gadget HTML.
  • Lalu, Paste Kode Dibawah ini :
<div id='bp_recent'></div><div class='bp_footer'><small><a id='bp_recent_link' target='_blank' href=' style='padding: 1px 0px 0px 19px;text-decoration:none;'></a> <a href='http://your-belajarblog.blogspot.com/?utm_src=BP_recent' target='_blank' title='blogger widgets'></a></small></div>
<script style='text/javascript' src='http://javascript-bluekut.googlecode.com/files/recentposts_orig.js'></script>
<script style='text/javascript'>
var numberOfPosts = 8;
var showPostDate = false;
var showSummary = false;
var titleLength = 0;
var showCommentCount = false;
var showThumbs = true;
var showNoImage = true;
var imgDim = 120;
var imgFloat = 'left';
var myMargin = 2;
var mediaThumbsOnly = true;
var showReadMore = false;
</script>
<script src='http://your-belajarblog.blogspot.com/feeds/posts/default?max-results=12&orderby=published&alt=json-in-script&callback=bprecentpostswiththumbnails'></script>
<div style="text-align:right; font-size:9px;"><a href="
http://your-belajarblog.blogspot.com/2013/02/cara-membuat-widget-recent-post-dengan.html">Get this Widget</a></div>
<div class='clear'></div>



Keterangan:
Ganti tulisan yang berwarna merah dengan url blog anda.

  • Setelah itu, Klik Tombol Simpan.

Selamat Mencoba,
Salam Sukses.



Your-BelajarBLOG
Irsyad Aslam
About
Cara Membuat Widget Recent Post Dengan Efek Thumbnail Gambar - written by Irsyad Aslam , published at 2/26/2013, categorized as Efek , Widget . And has 0 komentar
0 komentar Add a comment

Catatan:

• Dilarang Menaruh Link Aktif
• Dilarang Nyepan/Promosi Di Komentar
• Dilarang Berkata Tidak Sopan
• Untuk Menyisipkan Kode, Gunakan Tag <i rel="code">... KODE ...</i>
• Untuk Menyisipkan Kode Panjang, Gunakan Tag <i rel="pre">... KODE ...</i>
• Untuk Menyisipkan Catatan, Gunakan [catatan].. TEKS ...[/catatan]
• Untuk Menyisipkan Gambar, Gunakan [img]URL GAMBAR[/img]

Sebelum Menyisipkan Kode Harap Konversi Kode Sebelum Menuliskan Di Komentar

Bck
Cancel Reply

Followers

Komentar Terbaru

Copyright ©2013 Your-BelajarBLOG by
Theme designed by Damzaky - Published by Proyek-Template
Powered by Blogger