Cara Membuat Posting thumbnail terbaru di Blog

Dalam posting sebelumnya saya sudah menjelaskan tentang bagaimana prosedur untuk membuat posting baru di blog sederhana . Namun, widget hanya menampilkan 5 artikel terbaru dalam bentuk tertulis saja, yang kita mungkin tidak begitu tertarik untuk menampilkan widget . Dalam kesempatan ini , saya ingin menjelaskan posting terbaru tentang cara membuat + gambar dan jumlah komentar di blog , terutama bagi blogger .

Kedua hal di atas sebagai solusi alternatif yang tepat karena seperti yang kita tahu bahwa blogger sekarang tidak menyediakan widget . Terbaru untuk membuat widget pada posting blog kami , ada beberapa langkah yang harus kita lakukan , antara lain , sebagai berikut :

Pertama , silahkan pergi ke blogger dengan menggunakan akun Anda masing-masing. Setelah itu , Anda cukup pilih dasbor / home . Kemudian, Anda pilih menu layout / tata letak dan pilih add gatget / menambahkan widget . Seperti ditunjukkan di bawah .
Kedua , setelah itu Anda pilih HTML / Java Script seperti yang ditunjukkan di bawah ini .

Ketiga , silahkan masukkan kode HTML di bawah ini . Silahkan mengubah url warna merah dengan alamat url blog Anda . Untuk orange , itu adalah jumlah posting yang ditampilkan dalam widget, sedangkan warna biru alamat url gambar anda

<script type="text/javascript">
imgr = new Array ();
imgr[0]="
http://photoserver.ws/images/xkRt4c7bf67561042.jpg
";
imgr[1]="
http://photoserver.ws/images/xkRt4c7bf67561042.jpg
";
imgr[2]="
http://photoserver.ws/images/xkRt4c7bf67561042.jpg
";
imgr[3]="
http://photoserver.ws/images/xkRt4c7bf67561042.jpg
";
imgr[4]="
http://photoserver.ws/images/xkRt4c7bf67561042.jpg
";
showRandomImg = true;
boxwidth = 298;
cellspacing = 8;
Bordercolor = "";
bgTD = "#000000";
thumbwidth = 75;
thumbheight = 75;
fntsize = 12;
acolor = "#666";
aBold = false;
icon = "";
text = "Comment";
showPostDate = false;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = "";
numposts = 6;
home_page = "http://seowuss.blogspot.com/";
</script>
<script type="text/javascript" 
src="http://facebooktimer.googlecode.com/files/removeHtmlT.js"
>
</script>
<a href ='http://seowuss.blogspot.com/' target="_blank">
<small>
<font-color='#555'>
Blogger Widget
</font>
</small>

Keempat, semua kode HTML di atas, silakan masukkan widget ke dalam HTML/Javascript. Jangan lupa, mengubah judul untuk "Posting Terbaru" atau "New Post" atau sesuatu yang lain terserah Anda.

Kelima, silakan klik Simpan dan lihat hasilanya. Jika Anda benar memasukkan kode dalam HTML, maka akan muncul seperti gambar di bawah ini.
Dengan demikian informasi yang bisa saya sampaikan kepada Anda tentang Cara Membuat Posting thumbnail terbaru dalam Blog. Semoga bermanfaat. Wassalam.

Tidak ada komentar :

Posting Komentar