Membuat Slide Recent Post Versi Terbaru lengkap dengan Tumbnail

<div class="separator" style="clear: both; text-align: center;"><a href="http://klinik-blogger.blogspot.com/"><span style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Membuat Slide Recent Post" border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEias6sFj3oCOBw9HfLUxY1tJ0V7o7_az134JgXGm8a2cSDBL1OaHVXMK7fIJ-LEB6k8WI4IfHCOl3XZIXbncRaNYmkw6mFWf30gIupnsaDpQdCBkf91cD0o2xUMoAMG2WciySrsa9oRfS4/s200/recentpost.jpg" width="126" /></span></a></div>Banyak cara untuk menampilkan recent post atau postingan terbaru. Di blog ini saja ada banyak tutorial atau pelajaran yang membahas tentang recent post. Coba ketik saja di search box "recent post".<br /><br />Sekarang kita akan belajar menampilkan recent post lebih menarik lagi. Kita membuat slide recent post, yang akan disertai thumbnail, judul terbaru, tanggal dipublish dan jumlah komentar. Ya karena <a href="http://klinik-blogger.blogspot.com/">slide</a>, berarti terus bergerak dan bergantian. Widget <i>slide recent post</i> ini cocok dipasang di sidebar. <a href="http://klinik-blogger.blogspot.com/">Demo</a>nya bisa dilihat di sini<br /><br /><b>Cara Membuat Slide Recent Post</b><br />1. <b>Login</b> ke blogger<br />2. Pilih <b>Rancangan</b> kemudian <b>Tambah Gadget</b><br />3. Pilih <b>HTML/JavaScript</b><br />4. Masukan kode HTML berikut ini:<br /><br /><blockquote><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script><br /><style type="text/css" media="screen"><br /><!--<br /><br />#spylist {<br />overflow:hidden;<br />margin-top:5px;<br />padding:0px 0px;<br />height:350px;<br />}<br />#spylist ul{<br />width:220px;<br />overflow:hidden;<br />list-style-type: none;<br />padding: 0px 0px;<br />margin:0px 0px;<br />}<br />#spylist li {<br />width:208px;<br />padding: 5px 5px;<br />margin:0px 0px 5px 0px;<br />list-style-type:none;<br />float:none;<br />height:70px;<br />overflow: hidden;<br />background:#fff url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/post.jpg) repeat-x;<br />border:1px solid #ddd;<br />}<br />#spylist li a {<br />text-decoration:none;<br />color:#4B545B;<br />font-size:11px;<br />height:18px;<br />overflow:hidden;<br />margin:0px 0px;<br />padding:0px 0px 2px 0px;<br />}<br />#spylist li img {<br />float:left;<br />margin-right:5px;<br />background:#EFEFEF;<br />border:0;<br />}<br />.spydate{<br />overflow:hidden;<br />font-size:10px;<br />color:#0284C2;<br />padding:2px 0px;<br />margin:1px 0px 0px 0px;<br />height:15px;<br />font-family:Tahoma,Arial,verdana, sans-serif;<br />}<br />.spycomment{<br />overflow:hidden;<br />font-family:Tahoma,Arial,verdana, sans-serif;<br />font-size:10px;<br />color:#262B2F;<br />padding:0px 0px;<br />margin:0px 0px;<br />}<br /><br />--><br /></style><br /><script language='JavaScript'><br />imgr = new Array();<br />imgr[0] = "http://i777.photobucket.com/albums/yy55/terate/th_New.jpg";<br />imgr[1] = "http://i1037.photobucket.com/albums/a452/thing_wu/Thing/women/2q1bhc3.jpg";<br />imgr[2] = "http://i1044.photobucket.com/albums/b443/akropolis_album/antarktis/125model6-1.jpg";<br />imgr[3] = "http://i777.photobucket.com/albums/yy55/terate/th_New.jpg";<br />imgr[4] = "http://i777.photobucket.com/albums/yy55/terate/th_New.jpg";<br />showRandomImg = true;<br />boxwidth = 255;<br />cellspacing = 6;<br />borderColor = "#232c35";<br />bgTD = "#000000";<br />thumbwidth = 70;<br />thumbheight = 70;<br />fntsize = 12;<br />acolor = "#666";<br />aBold = true;<br />icon = " ";<br />text = "comments";<br />showPostDate = true;<br />summaryPost = 40;<br />summaryFontsize = 10;<br />summaryColor = "#666";<br />icon2 = " ";<br />numposts = 10;<br />home_page = "<span style="color: rgb(255, 0, 0);">http://klinik-blogger.blogspot.com/</span>";<br />limitspy=4<br />intervalspy=4000<br /></script><br /><br /><div id="spylist"><br /><script src='http://scriptabufarhan.googlecode.com/svn/trunk/recentpostthumbspy-min.js' type='text/javascript'></script><br /></div><br /></blockquote><br /><br /><br />Sebelum kita Simpan, berikut ini yang bisa kita ubah:<br /><ul><li>220 dan 208 adalah lebar widget.</li><li> numposts = <b>10</b>; adalah banyaknya postingan yg ingin kita tampilkan</li><li>Ganti <span style="color:red;">http://klinik-blogger.blogspot.com/</span> dengan URL blog kita sendiri.</li></ul>5. <b>Simpan</b> jika sudah selesai.

tutorial blog Membuat Slide Recent Post Versi Terbaru lengkap dengan Tumbnail

Banyak cara untuk menampilkan recent post atau postingan terbaru. Di blog ini saja ada banyak tutorial atau pelajaran yang membahas tentan...

Read more »

Artikel Terkait Versi Terbaru Lengkap Dengan Gambar

<p> <strong>Cara Membuat Artikel Terkait(Related Posts) Bergambar </strong><span class="data-post"><strong>Related post bergambar</strong> ini secara default akan mengambil gambar di dalam postingan untuk dijadikan thumbnail pada artikel terkait, jika di dalam postingan tidak ada gambar maka thumbnail akan kosong.<br /><br /></span></p><div class="separator" style="clear: both; text-align: center;"><a href="http://klinik-blogger.blogspot.com/" style="margin-left: 1em; margin-right: 1em;"><img alt="link within" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHAupydGdThjICxh-_2tx5tjB5_B0GCCDecFyGOxUDHbqT3pCht3dqGfMulhj2jJZZ0MqMqDIjIe1YyHpecoH5GkNdjpjYzNXMvfOn4ojpWkVJOyIJQrPyJUAtpxFXD_6xXeMacE5bmR4/s320/linkwithin.jpg" /></a></div><br />Kelebihan pada <strong>artikel terkait bergambar</strong> ini adalah bisa dengan gambar yang akan bisa membuat penasaran pengunjung akan artikel yang bergambar tsb.<br /><br />Kekurangannya adalah <strong>artikel terkait</strong> ini hanya tampil sekitar 4-7 artikel saja yang kelihatan, jadi tidak akan banyak yang tampil dan pengunjung juga tidak akan bisa mencari artikel terkait yang sama dengan lebih banyak. Dan pada versi ini juga, kita hanya bisa menggunakan layanan yang membuat artikel terkait yang dilengkapi gambar ini adalah www.linkwithin.com<br /><br /><strong>Cara Membuat Artikel Terkait Bergambar</strong>Untuk <strong>membuat related post bergambar</strong> lakukan prosedur berikut:<br /><br />1. Buka situs <a href="http://www.linkwithin.com/" rel="nofollow" target="_blank">linkwithin</a><br />2. Masukkan email, domain, dan platform blog. Klik Get widget<br /><div class="separator" style="clear: both; text-align: center;"><a href="http://klinik-blogger.blogspot.com/" style="margin-left: 1em; margin-right: 1em;"><img alt="link within" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwP2Pomta1LZwvqmVtioCnfdVp46etw3BNRtRs4iWNyPbvcptmggoixX7alVVXQSkfuSGl9cchz8d1LzU6fzWsfqyxTfxKUdkLrJTi6Ba4JbdvN0p7TuwE6-Iz9D5J67L_5JL9HzYUK5k/s1600/linkin1b.jpg" /></a></div><br />3. Klik linkInstal widget<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgx4ZzjeXq0awzP1HnQ1Hc-qyAWBoHElH7U3vUGBJC6MAewjKLCbvrNCEiTIzLSPqMcFWYXz2xHWNIrj5pv_P9WJ2p_NZP32WA-1cKbRUJi7kY1IJcvArSgsVJyB-o5K24Fz14srKiqmBU/s1600/linkin2b.jpg" style="margin-left: 1em; margin-right: 1em;"><img alt="link within" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgx4ZzjeXq0awzP1HnQ1Hc-qyAWBoHElH7U3vUGBJC6MAewjKLCbvrNCEiTIzLSPqMcFWYXz2xHWNIrj5pv_P9WJ2p_NZP32WA-1cKbRUJi7kY1IJcvArSgsVJyB-o5K24Fz14srKiqmBU/s1600/linkin2b.jpg" /></a></div><br />4. Kopi kode script yang tersedia.<br /><div class="separator" style="clear: both; text-align: center;"><a href="http://klinik-blogger.blogspot.com/" style="margin-left: 1em; margin-right: 1em;"><img alt="link within" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVoJgkonGbLc94ap9RCyeq63TXOWpmEF2Uu5u8Y6f5d5fECSSSs6z0TC6csAnRTMP2AdEOnq9XkS8EofT6jMIGkwryx7QLqpBAtepabjpVXyHj9Zj-TV_sZ_bPatsk1k6_5h_ThldVnm0/s1600/linkin3b.jpg" /></a></div><br />5. Login ke blogger<br />Tambahkan sebuah gadget html/javascript,<br />Di <b>Dasbor</b> pilih <b>Rancangan</b> - <b>Elemen laman</b> - <b>Tambah Gadget</b> - pilih gadget <b>HTML/Javascript </b><br />copy script pada langkah 4 ke dalam gadget html/javascript,<br />Letakkan gadget html/javascript di bawah postingan.<br /><br />Sekian dulu postingan saya mengenai <strong>cara membuat artikel terkait bergambar</strong>. Semoga dengan <strong>membuat artikel terkait bergambar</strong> ini blog anda semakin bagus tampilannya.<br /><br />Sumber : <a href="http://daw-xp.blogspot.com/"><span style="font-weight: bold;">Daw XP</span></a>

tutorial blog Artikel Terkait Versi Terbaru Lengkap Dengan Gambar

Cara Membuat Artikel Terkait(Related Posts) Bergambar Related post bergambar ini secara default akan mengambil gambar di dalam postinga...

Read more »

Dapat PageRank dalam waktu Sebulan

Alhamdulillah Rasanya belum sampai Sebulan Klinik Blogger ini dibuat sudah dapat PageRank walaupun Cuma satu. Ini juga tidak lepas dari Rajinnya melakukan Blogwalking sehingga mendapatkan Backlink dan jadi PR 1.<br /><br />Ini juga tidak lepas dari 2 Trik yang sabgat Ampuh yang diberikan <a href="http://www.aziscs1.com/"><span style="font-weight: bold;">Blog aziscs1</span></a>, triknya yaitu :<br /><ol><li><a href="http://klinik-blogger.blogspot.com/2011/10/gratis-1900-backlink-dengan-satu-klik.html">Gratis 1900 Backlink dengan satu Klik</a></li><li><a href="http://klinik-blogger.blogspot.com/2011/10/free-500-lebih-backlink-dari-situs.html">Free 500 Lebih Backlink dari Situs Berpagerank Tinggi</a></li></ol><br /><div style="text-align: center;"><a href="http://www.mypagerank.net/" target="_blank"><img alt="Google PageRank Checker Powered by MyPagerank.Net" border="0" src="http://www.mypagerank.net/services/pagerankbutton/pagerankbutton.php?aut=c24a1758a6e439960e8ef99c54375b005d4a0d27b57be154265130de9eae40b6844a36" /></a><br /><br /><div style="text-align: left;">Dengan 2 Trik tersebut dalam waktu kurang satu bulan Blog Klinik Blogger ini sudah mendapatkan PR1, Tetapi juga dibantu dengan Blogwalking dan meninggalkan Link kita ketika berkomentar.<br /></div></div>

SEO Dapat PageRank dalam waktu Sebulan

Alhamdulillah Rasanya belum sampai Sebulan Klinik Blogger ini dibuat sudah dapat PageRank walaupun Cuma satu. Ini juga tidak lepas dari Raji...

Read more »