Modifikasi Recent Post Menjadi Thumbnail Di Blog

Modifikasi Recent Post Menjadi Thumbnail Di Blog

Modifikasi Recent Post Menjadi Thumbnail Di Blog - Assalamualaikuw Wr Wb , Halo Malam Sobat Apa kabar ,, Pada postingan Kali Ini saya akan membahas tentang Modifikasi Recent Post Menjadi Thumbnail Di Blog Tutorial Sebelumnya Ini saya dapat di KOMPI AJAIB ,, Keren gk ??
Fungsi Recent Post Ini Adalah

yaitu untuk memberitahukan kepada pengunjung beberapa postingan terbaru blog yang dikunjunginya. Dengan adanya recent post membantu pengunjung blog mengetahui apa artikel terbaru blog yang dikunjungi. Langsung aja yuk Tutorial nya ☻

Modifikasi Recent Post Menjadi Thumbnail Di Blog


1. Silahkan anda Masuk Ke Link Installernya http://bloggerplugins.org/installers/recentpostswiththumbnails.html. Silahkan Pilih Option "Grid Layout" Untuk Tampilanya Seperti Gambar Diatas ,, Namun saya Menggunakan Lebar size thumbnail 90px Dengan Lebar 900px;

2. Sehingga Kodenya Seperti Dibawah Ini

<div id="bp_recent">
</div>
<div class="bp_footer">
<small><a href="http://www.bloggerplugins.org/2011/09/recent-posts-thumbnails-blogger-widget.html?utm_src=BP_recent" id="bp_recent_link" style="padding: 1px 0px 0px 19px; text-decoration: none;" target="_blank"><img alt="Recent Posts with Thumbnails for Blogger" src="http://image.bloggerplugins.org/blogger-widgets.png" style="border: none;" /></a>Powered By <a href="http://www.bloggerplugins.org/?utm_src=BP_recent" target="_blank" title="blogger widgets">Blogger Widgets</a></small></div>
<script src="http://bloggergadgets.googlecode.com/files/recentposts_orig.js"></script>
<script>
var numberOfPosts = 12;
var showPostDate = false;
var showSummary = false;
var titleLength = 0;
var showCommentCount = false;
var showThumbs = true;
var showNoImage = true;
var imgDim = 90;
var imgFloat = 'left';
var myMargin = 5;
var mediaThumbsOnly = true;
var showReadMore = false;
</script>
<script src="http://www.info-sahabatku.blogspot.com/feeds/posts/summary?max-results=12&amp;orderby=published&amp;alt=json-in-script&amp;callback=bprecentpostswiththumbnails"></script>

3. Masukkan Kode Itu Ke Gadget > Simpan gadget

Demikian Post Modifikasi Recent Post Menjadi Thumbnail Di Blog Semoga bermanfaat bagi Kita semua Wassalamaualaikum Wr Wb.

Modifikasi Recent Post Menjadi Thumbnail Di Blog

Alternative Link : [ Click Here ... ]

Posted by Ramadhan Ashary | Published at 19.30

26 komentar :

  1. oh gtu toh caranya, thx mas tutornya
    blogwalking
    www.olandsky.com

    BalasHapus
  2. Dari kemaren aku cari artikel untuk membuat postingan menjadi Thumbnail ini, eh ketemu juga di sini. Aku tunggu ppostigan yg lain..

    BalasHapus
  3. Gan share gmn caranya merubah Threaded komentar seperti punya agan. ditunggu.. keren tuh..

    BalasHapus
  4. keren gan tapi masih betah pake yang ini

    BalasHapus
  5. Wah .
    mantap sob ...
    ijin nyoba yah .

    BalasHapus
  6. Jadi bikin blog tambha keren, cuma mempengaruhi loading blog, hehe

    BalasHapus
    Balasan
    1. Iya gan Cuma Mempengaruhi Loading Blog aja ,, tapi Keren Kok :D

      Hapus
  7. Kunjungan perdana.
    Saya bookmark dulu ya mas artikelnya,
    jadi bisa mudah nantinya jika saya mau mencobanya,
    izin follow blognya ya mas!

    BalasHapus
  8. thnks infoya,jangan lupa mapit SUDJANA SOFTWARE

    BalasHapus
  9. eh jgn bilang2 polisi ya gw mampir ke sni utk belajar :v :))
    thx sob tutornya (y) :)

    BalasHapus
  10. Nyimak aja ya masss :-D

    http://kabarmesuji.blogspot.com/

    BalasHapus
  11. wah pasti keren nih kalau di pasang di blog aku, thanks yah agan udah share ijin nyoba nih

    BalasHapus
  12. kunjungan perdana gan,mantep nih artikel'a

    bisa ane coba, kebetulan lg nyari" juga artikel recent post :D

    BalasHapus
  13. Wah Kayaknya Keren Nih Gan Ya :D tapi Setelah saya Coba Loading Saya Cuma berat Dikit :D

    BalasHapus
  14. Keren gan, langsung ane terapin :)

    BalasHapus

{ Harap Baca }

1. Harap berkomentar dengan bahasa indonesia yang baku tanpa singkatan.
2. Apabila Anda Komentar Thank's Info ,, Nice Post <-- Akan saya Hapus
3. Dilarang Live Link
4. Dilarang Berkomentar berbau Por** and SARA
5. Berkomentar lah Dengan Sesuai Postingan Diatas
6. Jika Anda Mengomentar Enggak Sesuai Topik Gunakan OOT

{+} Ingat Jangan Sekali Sekali Menaruh Link Hidup Maupun Link Mati

 
 
Copyright © 2014 Blog Mas Rama Template Design By | Pathmo