Cukup lama juga kami tidak Update blog Optimasi Blogspot kesayangan ini. Share Recent Post - Artikel Terbaru Blogspot Dengan Thumbnail. Widget yang satu ini dapat membantu page view blog kita. atau dengan kata lain untuk mempermudah pengunjung melihat artikel kita yang terbaru.
Recent Post yang akan kita buat ini adalah recent post statis dengan tampilan ada gambarnya / Thumbnails . Widget ini bisa dimodifikasi tampilannya dengan Kotak Scrollbar. Untuk menampilkan 10 postingan pada recent post dengan scroolbar tidak terlampau memakan tempat.
Menampilkan Recent Post pada sebuah blok, menurut para webmaster merupakan salah satu Optimasi Seo Blog.
Membuat Recent Post dengan Thumbnail :
1. Login ke blogger.
2. Pilih Rancangan
3. Elemen Halaman
4. Add Gadget (HTML/JavaScript).
5. Copy kode dibawah ini dan paste pada gadget yang baru dibuat tadi.
<right><style> img.recent_thumb
{padding-right:5px;padding-left:padding-bottom:0px;0px;width:55px;height:40px;border:0;float:left;margin:0 0 5px 0px;}
.recent_posts_with_thumbs
{float: left;width: 100%;min-height: 50px;margin: 0px 0px 5px 0px;padding: 0;font-size:15px;font-color:black;font-family:calibri;}
ul.recent_posts_with_thumbs li
{padding-bottom:5px;padding-top:5px;padding-left:0px;padding-right:20px;min-height:50px;list-style:normal;}
.recent_posts_with_thumbs a
{text-decoration:none;}
.recent_posts_with_thumbs normal
{font-size:13px;}
</style> <script style="text/javascript" src="http://bloggerplugins.org/scripts/recentpostswiththumbs.js"></script>
<script style="text/javascript"> var numposts = 8; var showpostthumbnails = true; var displaymore = false; var displayseparator = false; var showcommentnum = false; var showpostdate = false; var showpostsummary = false; var numchars = 75; </script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs"></script></right>
6. Simpan atau save
7. Kemudian lihat hasilnya.
7. Kemudian lihat hasilnya.
Script ini bisa dimodifikasi sendiri seperti untuk merubah ukuran gambar/thumbnail, jenis dan warna huruf serta jumlah posting yang ingin ditampilkan pada widget.
Selamat mencoba dan salam blogger.
Artikel Terkait:
Blogspot
- Google Lebih Mengutamakan Konten Bermanfaat
- Tutorial Menampilkan Related Post Dengan LinkWithin
- Optimasi Blospot dengan Permalink Otomatis
- Menampilkan Entri Populer Buat Blogspot
- Menghilangkan Underline Link pada Blogspot
- Pemahaman Serta Manfaat Dari Blogwalking
- Pemahaman Dasar Tentang SERP
- Cara Membuat Label Blogspot Menjadi Nofollow
- Cara Membuat Readmore Otomatis
Tutorial
- Google Lebih Mengutamakan Konten Bermanfaat
- Tutorial Menampilkan Related Post Dengan LinkWithin
- Menampilkan Entri Populer Buat Blogspot
- Menghilangkan Underline Link pada Blogspot
- Pemahaman Serta Manfaat Dari Blogwalking
- Pemahaman Strategi dan Tips SERP Google
- Pemahaman Dasar Tentang SERP
- Tips Cara Menulis Artikel Di Blog Agar SEO Friendly
- Cara Membuat Label Blogspot Menjadi Nofollow
Terima kasih sahabat telah memasang Link Blog Keperawatan di sini.Link sahabat juga sudah terpasang.Silakan dicek kembali.
ReplyDeleteFollow done
@Blog Keperawatan
ReplyDeleteSama-sama teman, terimakasih atas konfirmasinya. Salam
Makasih sob tulisannya.,., langsung ane sedot.,., :D
ReplyDeleteinfo menarik bro dan aku suka, juga artikelnya menarik nie, dan tetap berkarya. sekalian bagi teman2 yg suka download film box office ampe setengah blu silakan kunjungi web nya nie, ken aku nemu di google dan makasi utk admin disini thanks dan gbu,makasi
ReplyDeleteSukses ya Sob
DeleteSaya sudah praktekin di blog saya bro, jika berkenan silahkan lihat-lihat masih nubie sih bro jadi semua trik langsung praktek hehe. thx share
ReplyDelete