Wednesday, November 28, 2012

Menambahkan Artikel Terbaru/recent post Otomatis Di Blog

 Menambahkan Artikel Terbaru Otomatis Di Blog adalah sebuah widget yang kang salman buat bagi Anda semua, pengguna blogspot. Widget ini memiliki tampilan yang tidak kalah menarik dari widget sejenisnya. sebagai contoh dan demo silakan lihat di samping kanan blog ini :


Bagiamana menurut kalian? Nah cara membuat recent post thumbail widget di blogger sangatlah mudah, Anda hanya tinggal mengikuti langkah-langkah yang kang salman berikan di bawah ini
1. Login Blogger > Rancangan > Tambah Widget > Pilih HTML/Javascript
2. Copy paste kode di bawah ini ke HTML/Javascript

<div style="background:#ebebeb url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCuhrntZQOHshJ1LfguPVXQYhiB_KEXdrfp_IAX9plZuHEm3vgETHg5r4_Cc_qypXXfbndNDVgzc1jzYaBaydc7GtP2WXpck2zuxkTRZsLIivId_LC9fILYIVg4vsogkBJLJAZYLKa6UdT/s1600/auto+recent+post+for+blogger.jpg); font-size:12px; padding:6px; width:288px; height:276px; text-transform: uppercase;">
<div style="padding-top:5px;">
<div style="overflow:auto; height:265px; width:281px;-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;">
<script language="JavaScript">

imgr = new Array();

imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiopGge01prD-mkVoITY5tlMbQcJGLsJQxJVwNvo1Uvff2Mdje7wGyLpziUz7oyzMaMh47e9vU7wISsKlIQruRoUh4-GeYyeWBlXTwI6wpHkOVSZCUOa8hzeyB1aei2qGZdjU8wl8ismEgs/s1600/IdRowRight.jpg";

imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiopGge01prD-mkVoITY5tlMbQcJGLsJQxJVwNvo1Uvff2Mdje7wGyLpziUz7oyzMaMh47e9vU7wISsKlIQruRoUh4-GeYyeWBlXTwI6wpHkOVSZCUOa8hzeyB1aei2qGZdjU8wl8ismEgs/s1600/IdRowRight.jpg";

imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiopGge01prD-mkVoITY5tlMbQcJGLsJQxJVwNvo1Uvff2Mdje7wGyLpziUz7oyzMaMh47e9vU7wISsKlIQruRoUh4-GeYyeWBlXTwI6wpHkOVSZCUOa8hzeyB1aei2qGZdjU8wl8ismEgs/s1600/IdRowRight.jpg";

imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiopGge01prD-mkVoITY5tlMbQcJGLsJQxJVwNvo1Uvff2Mdje7wGyLpziUz7oyzMaMh47e9vU7wISsKlIQruRoUh4-GeYyeWBlXTwI6wpHkOVSZCUOa8hzeyB1aei2qGZdjU8wl8ismEgs/s1600/IdRowRight.jpg";

imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiopGge01prD-mkVoITY5tlMbQcJGLsJQxJVwNvo1Uvff2Mdje7wGyLpziUz7oyzMaMh47e9vU7wISsKlIQruRoUh4-GeYyeWBlXTwI6wpHkOVSZCUOa8hzeyB1aei2qGZdjU8wl8ismEgs/s1600/IdRowRight.jpg";

showRandomImg = true;

boxwidth = 260;

cellspacing = 5;

borderColor = "#ffffff";

bgTD = "#000000";

thumbwidth = 35;

thumbheight = 35;

fontsize = 12;

acolor = "#666";

aBold = true;

icon = " ";

text = "comments";

showPostDate = false;

summaryPost = 40;

summaryFontsize = 10;

summaryColor = "#666";

icon2 = " ";

numposts = 15;

home_page = "http://lounge.kucoba.com/";

</script>

<script src="http://recentpostkucoba.googlecode.com/files/Recentpostyoutblog.txt" type="text/javascript"></script></div></div></div>


Keterangan silakan ganti tulisan warna merah di atas, untuk menampilkan jumlah post, jika kang salman di atas tulis 50 maka, akan muncul 50 artikel terbaru, dan seterusnya. lalu pada home_page = "http://lounge.kucba.com"; silakan Anda ganti dengan link atau url blog Anda.


Setelah selesai Simpan.


Nah sahabat kucoba, bagaimana mudah bukan? semoga Cara Membuat Recent Post Thumbail Widget Blogger ini bernmanfaat.

Related posts

Description: Menambahkan Artikel Terbaru/recent post Otomatis Di Blog Rating: 4.5 Reviewer: Unknown ItemReviewed: Menambahkan Artikel Terbaru/recent post Otomatis Di Blog
Al
Mbah Qopet Updated at: 11:01 PM

0 comments:

Post a Comment