Cara Membuat Recent Post Dengan Thumbnails

Blog Tutorial – Pada tutorial blog kali ini adalah bagaimana cara menampilkan recent post disertai dengan gambar pada postingan. Dengan adanya gambar akan menarik para pembaca untuk membaca postingan tersebut. Tertarik membuatnya? Ikuti langkah berikut!

Cara membuatnya adalah sebagai berikut.

Login di Blogger dengan account anda

Klik Layout pada Dashboard anda

Klik Add a Gadget lalu pilih HTML/Javascript

Masukkan kode script di bawah ini, lalu Save

<script language="JavaScript">
imgr = new Array();
imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
showRandomImg = true;
boxwidth = 298;
cellspacing = 8;
borderColor = "#ffffff";
bgTD = "#000000";
thumbwidth = 40;
thumbheight = 40;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = false;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 5;
home_page = "http://mediablogseo.blogspot.com/";
</script>
<script src="http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js" type="text/javascript"></script>

Letakkan widget ini pada sidebar yang ada inginkan, terserah anda.

Hal yang perlu diubah adalah :

• Boxwidth :  lebar widget
• Cellspacing :  space antara cells (default: 1)
• borderColor :  warna border
• thumbwidth & thumbheight :  lebar dan panjang thumbnail (default: 40)
• fntsize :  ukuran huruf judul postingan
• acolor :  warna huruf judul postingan
• aBold :  bla ingin ditebalkan adalah true, jika tidak false
• numposts :  berapa banyak recent post yang akan ditampilkan
• home_page :  ganti dengan URL blog anda

Pastikan juga seetingan site feed anda sudah pada Allow Blog Feed dengan melihat pada Setting > Site Feed > Full > Allow Blog Feeds.

Selamat mencoba dan semoga bermanfaat!

Analisa Kecepatan Loading Blog Anda Sekarang!

Teknik SEO Blogspot – Sudah kita ketahui bersama, performa sebuah blog sangat ditentukan oleh beberapa hal, seperti template yang cukup menarik, kualitas isi postingan, dan juga kecepatan loading blog. Tampilan blog dengan template yang cantik dan isi artikel yang berkualitas dan juga menarik akan menjadi sia-sia jika loading blog sangat lambat.

Ada beberapa cara yang dapat kita lakukan untuk mengurangi loading blog kita, seperti apa yang pernah saya posting di artikel sebelumnya, yaitu dengan kompress css dan kompress javascript. Nah, dengan meminimalisasi penggunaan CSS dan juga JavaScript, blog yang tadinya lambat akan berubah menjadi lebih cepat.

Berikut adalah beberapa tools gratis yang bisa sobat gunakan untuk mengukur dan menganalisa kecepatan loading blog sobat. Teknik pembacaannya berupa angka dari bagian-bagian blog sobat, mulai dari HTML, HTML image, CSS image, JavaScript, CSS, multimedia, dll. Semuanya terbaca dalam satuan KB. Sobat bisa bandingkan saja sendiri semua tools di bawah ini, karena setiap tools mempunyai tingkat akurasi yang berbeda-beda.

1.      Website Optimization

2.      Free Speed Test

3.      Aptimize

4.      Tools Pingdom

Empat situs di atas akan memberikan hasil yang berbeda-beda. Jangan jadikan satu patokan saja, karena itu coba satu-persatu sebagai pembanding. Semoga tips ini berguna dan menjadi bahan pertimbangan buat sobat dalam penggunaan CSS dan juga JavaScript di template sobat.

Terima kasih.

Pasang SEO Smart Link untuk Blogspot

Teknik SEO Blogspot – Setelah cukup lama tak update content karena masalah kesibukan di kampus, akhirnya saya bisa juga memenuhi syarat-syarat sukses blogger yaitu update content untuk kali ini. Nah, apa yang akan saya bahas dalam postingan kali ini saya rasa cukup berguna dan penting bagi blogger semua untuk meningkatkan optimasi SEO blogspot sobat semua. Apakah itu? Mari kita simak bersama.

Sesuai dengan judul postingan saya kali ini, “Pasang SEO Smart Link untuk Blogspot”. Tentu sobat akan bertanya-tanya, apa sich SEO Smart Link itu? Begitu pentingkah?

Biarkan saya perjelas sedikit mengenai SEO Smart Link disini. SEO Smart Link merupakan sebuah plugin dari wordpress yang fungsinya adalah mengubah setiap kata yang kita tentukan menjadi sebuah link. Sekarang, plugin dari wordpress tersebut bisa kita pasang juga di blogspot, maka dari itulah saya katakan cukup berguna. ;)

Tips ini saya dapatkan dari salah satu teman blogger saya, Blog Juragan, yang sampai saat ini terus mendedikasikan dirinya di dalam dunia blogger, khususnya dalam bidang belajar SEO blogspot. Thank you ‘n semangat terus juragan! ;)

Biar gak lama-lama sobat mendengar segala macam intro saya yang cerewet itu, yuk kita simak sama-sama bagimana cara memasang plugin SEO Smart Link tersebut.

Cara kerja SEO Smart Link

Script ini akan membaca setiap kata pada setiap posting. Contohnya, jika sobat memasukkan kata "SEO" pada script tersebut maka otomatis pada semua halaman yang terdapat kata "SEO" akan di link ke alamat url yang telah sobat tentukan.

Apakah melanggar Google Guidelines?

Tidak, selama jumlah link yang sobat masukkan pada kode autolink masih dalam tahap wajar. Rekomendasi dari blog juragan yakni cukup 1 link saja.

Memasang Plugin SEO Smart Link di blog kita

1.      Seperti biasa, login dulu di Blogger dengan account sobat

2.      Then, klik Rancangan, lalu tuju ke Edit HTML

3.      Cari kode

4.      Lihat kode scriptnya disini (klik untuk melihat di tab baru) !

5.    Setelah halaman script terbuka silahkan copy pastekan semua kode di script tersebut tepat diatas kode

Keterangan : 

• Lihat bagian paling akhir kode dan ganti SEO dengan kata atau kata kunci yang sobat pilih. 
• Di bawahnya ganti http://blogjuragan.blogspot.com/ dengan alamat url yang dituju.

Ok, sama seperti apa yang dikatakan blog Juragan, “Semoga berhasil !”

Maka, saya pun akan berkata sama juga, Semoga Berhasil ! :)

Terima kasih.

Sumber: blogjuragan.blogspot.com | Pasang SEO Smart Link untuk Blogspot/Blogger (update)