Cara Membuat Recent Post dengan Thumbnail
Cara Membuat Recent Post dengan Thumbnail - Cara/trik mudah menjadikan recent post tampil dengan thumbnail atau cara membuat recent post/artikel terbaru muncul dengan gambar atau cara gampang memunculkan recent post dengan thumbnail.
Sesuai judulnya Cara mudah membuat recent post dengan gambar - Recent Post Thumbail - Recent Post keren , Seperti motto blog ini yaitu belajar mengedit blog dengan menyenangkan. Maksudnya cara membuat recent post dengan gambar, kita tak perlu susah payah mengedit html atau apalah itu. Belum lagi Cara membuat artikel terkait di blog yang membuat Anda harus belajar lagi membuat Anda malas edit html. Anda hanya perlu memasukkan data-data yang diperlukan dan pengeditan hanya perlu klik-klik saja.
Login ke blogger sobat Klik Tata Letak >> Dan taruh script dibawah ini kedalamnya
Sesuai judulnya Cara mudah membuat recent post dengan gambar - Recent Post Thumbail - Recent Post keren , Seperti motto blog ini yaitu belajar mengedit blog dengan menyenangkan. Maksudnya cara membuat recent post dengan gambar, kita tak perlu susah payah mengedit html atau apalah itu. Belum lagi Cara membuat artikel terkait di blog yang membuat Anda harus belajar lagi membuat Anda malas edit html. Anda hanya perlu memasukkan data-data yang diperlukan dan pengeditan hanya perlu klik-klik saja.
- Tambah Gadget
- Pilih HTML/Java Script.
<script language="JavaScript">
imgr = new Array();
imgr[0] = "http://i725.photobucket.com/albums/ww258/anasceria/Tutorial-jitu/no-image1.gif";
imgr[1] = "http://i725.photobucket.com/albums/ww258/anasceria/Tutorial-jitu/no-image2.gif";
imgr[2] = "http://i725.photobucket.com/albums/ww258/anasceria/Tutorial-jitu/no-image3.gif";
imgr[3] = "http://i725.photobucket.com/albums/ww258/anasceria/Tutorial-jitu/no-image4.gif";
imgr[4] = "http://i725.photobucket.com/albums/ww258/anasceria/Tutorial-jitu/no-image5.gif";
showRandomImg = true;
boxwidth = 230;
cellspacing = 8;
borderColor = "#ffffff";
bgTD = "transparent";
thumbwidth = 40;
thumbheight = 40;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = false;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 10;
home_page = "http://my-azura.blogspot.com/";
</script>
<script src="http://seowaps.googlecode.com/files/recent_posts_thumbnail.js" type="text/javascript"></script><div style="text-align: center;"><span style="font-size: 0px;"><span style="font-family: "Trebuchet MS",sans-serif;">Supported by <a href="http://my-azura.blogspot.com/" target="_blank">seowaps</a></span></span></div>
imgr = new Array();
imgr[0] = "http://i725.photobucket.com/albums/ww258/anasceria/Tutorial-jitu/no-image1.gif";
imgr[1] = "http://i725.photobucket.com/albums/ww258/anasceria/Tutorial-jitu/no-image2.gif";
imgr[2] = "http://i725.photobucket.com/albums/ww258/anasceria/Tutorial-jitu/no-image3.gif";
imgr[3] = "http://i725.photobucket.com/albums/ww258/anasceria/Tutorial-jitu/no-image4.gif";
imgr[4] = "http://i725.photobucket.com/albums/ww258/anasceria/Tutorial-jitu/no-image5.gif";
showRandomImg = true;
boxwidth = 230;
cellspacing = 8;
borderColor = "#ffffff";
bgTD = "transparent";
thumbwidth = 40;
thumbheight = 40;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = false;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 10;
home_page = "http://my-azura.blogspot.com/";
</script>
<script src="http://seowaps.googlecode.com/files/recent_posts_thumbnail.js" type="text/javascript"></script><div style="text-align: center;"><span style="font-size: 0px;"><span style="font-family: "Trebuchet MS",sans-serif;">Supported by <a href="http://my-azura.blogspot.com/" target="_blank">seowaps</a></span></span></div>
- Ganti yang berwarna merah dengan alamat blog kamu lalu simpan.
sekian dulu postingan mengenai cara membuat recent post dengan thumbnail. Semoga bermanfaat.
Terima kasih telah membaca artikel Cara Membuat Recent Post dengan Thumbnail
Artikel ini memiliki rating: 97% Top Artikel dari 93058 ratings. 93058 pembaca merekomendasikan ini.
Ditulis Oleh Zai Azura
Description: Cara Membuat Recent Post dengan Thumbnail
Terimakasih atas kunjungan Sobat beserta kesediaan Sobat membaca artikel ini. Kritik dan Saran dapat Sobat sampaikan melalui Kotak komentar dibawah.
Artikel ini memiliki rating: 97% Top Artikel dari 93058 ratings. 93058 pembaca merekomendasikan ini.
Ditulis Oleh Zai Azura
Description: Cara Membuat Recent Post dengan Thumbnail
Terimakasih atas kunjungan Sobat beserta kesediaan Sobat membaca artikel ini. Kritik dan Saran dapat Sobat sampaikan melalui Kotak komentar dibawah.
0 comments
Post a Comment
Untuk menyisipkan gambar, gunakan tag <i rel='image'>URL GAMBAR ANDA...</i>
Untuk menyisipkan kode, gunakan tag <i rel="pre">KODE ANDA...</i>
Untuk menciptakan efek tebal gunakan tag <strong>TEKS ANDA...</strong>
Link aktif akan dimatikan secara otomatis.
NB: Jika ingin menuliskan kode pada komentar harap gunakan Tool untuk mengkonversi kode tersebut agar kode bisa muncul dan jelas atau gunakan tool dibawah "Konversi Kode di Sini!".
NB: Jika ingin menuliskan komentar yang keluar dari topik pada artikel ini silahkan kehalaman OOT (Out Of Topic) dengan menekan tombol OOT di bawah ini.
Konversi Kode di Sini! Emoticon OOT