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 »

Cara Mengetahui URL Feed Blog / Website kita

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFHt1UdZuEuZMXNzQPTPbkjlqYbTNP-uwBt_Ka2cYvXMQ3LHd3hN4AeHCTVSeV3vXj5phGpl5psCXV_zJEA6wPL87dCJG69bt2q-NtVOdYTY9Hg_1uZzjUfS22Pgnh5qPc8tIjQ2mAFqQ/s1600/rss_feedsjpg.gif" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5672267277019622818" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFHt1UdZuEuZMXNzQPTPbkjlqYbTNP-uwBt_Ka2cYvXMQ3LHd3hN4AeHCTVSeV3vXj5phGpl5psCXV_zJEA6wPL87dCJG69bt2q-NtVOdYTY9Hg_1uZzjUfS22Pgnh5qPc8tIjQ2mAFqQ/s200/rss_feedsjpg.gif" style="float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 200px; height: 180px;" /></a>Barangkali diantara sahabat Klinik Blogger ada yang belum tau cara mengetahui alamat <span style="font-weight: bold;font-size:130%;" >URL feed</span> blog atau website sobat ?Padahal sobat lagi mencari-cari , misalnya untuk keperluan mensubmit, seperti submit ke Yahoo, google, facebook atau twitter . Gimana sih caranya mengetahui alamt <span style="font-weight: bold;">feed blog</span> kita ?<br /><br /><br /><br />Cara Mengetahui Alamat Feed Blog/Web sbb :<br /><br /><ol><li> Buka blog kita di browser</li><li> Lalu klik kanan disembarang halaman blog kita</li><li> Klik "View Page Info"</li><li> Akan muncul jendela pop up</li><li> Klik tab "Feed"</li><li> Nah disitu akan muncul URL feed blog sobat ( jika memang blog sobat mendukung script RSS feed, tapi biasanya untuk CMS umum seperti Wordpress, Joomla, atau Drupal, sudah disediakan script RSS feed nya )</li><li> KLik pada salah satu URL feed yg ada</li><li> Lalu copy dan simpan sebagai data jika suatu waktu diperlukan untuk submit RSS feed blog kita.</li><li> Selesai</li></ol><br /><br />Semoga bermanfaat.

tutorial blog Cara Mengetahui URL Feed Blog / Website kita

Barangkali diantara sahabat Klinik Blogger ada yang belum tau cara mengetahui alamat URL feed blog atau website sobat ?Padahal sobat lagi m...

Read more »

7 cara mencari keyword yang paling populer

Keyword atau kata kunci bisa dianggap menjadi salah satu faktor yang (sangat) penting di dunia per-blogger-an. Bila kita bisa merangkai keyword yang populer secara pas di postingan kita, maka niscaya akan banyak mengundang pengunjung ke blog kita. Artinya, trafik kunjungan meningkat. Contohnya, dulu pada saat heboh-hebohnya kasus video AP, saya sempat posting artikel dengan keyword yang banyak dicari orang, dan saat itu blog ini bisa mendapat kunjungan dadakan 5.000-an. Lumayan kan? Lalu bagaimanakah cara mencari keyword yang paling popular?<br /><br />Untuk mencari keyword yang paling sering dicari orang, kita bisa menggunakan software yang bayar maupun gratis. Masing-masing mempunyai kelebihan dan kekurangan. Siapa yang mau software berbayar? Tidak ada? Baiklah, kita tinggalkan software pencari keyword yang bayar. Kita manfaatkan yang gratis, sesuai dengan jargon kita, “jika ada yang gratis, kenapa harus bayar”. Betul? Ok, berikut ini adalah 7 cara mencari keyword Terpopuler.<br /><br />1. Google Adwords Keyword Tools Walaupun lebih sering digunakan untuk mencari keyword yang nantinya akan berhubungan dengan Google Adword dan Google Adsense, tapi tool ini dapat juga kita manfaatkan untuk mencari keyword yang populer. Walaupun tampilannya sudah berbeda dengan versi lama, tapi soal keampuhannya, jangan ditanya. Dan yang paling penting, tool ini gratis. Silahkan meluncur ke situsnya di Google Keyword Tool External.<br /><br />2. Google Insights Ini juga produknya si mbah Google dan gratis. Melalui Google Insight, kita bisa mencari keyword popular yang sering dicari orang di 7 hari terakhir, 30 hari terakhir, bahkan di tahun-tahun sebelumnya. Kita juga bisa menyaring (filter) keywordnya, hanya untuk kawasan Indonesia saja atau negara lain. Penasaran….silahkan klik di sini untuk membuka Google Insights.<br /><br />3. News Google Di News Google kita bisa menemukan keyword berdasarkan topik/story yang banyak dicari atau terjadi beberapa hari terakhir. Pada saat artikel ini saya posting, maka gempa atau tsunami yang terjadi di Mentawai menjadi “top story” di bagian kiri dari halaman news.google.com. Untuk keyword dengan topik yang banyak di cari di Indonesia, bisa dilihat di news.google.co.id<br /><br />4. Alexa What’s Hot Nah, di situsnya tante Alexa, kita juga bisa mendapatkan keyword yang populer atau sering dicari orang. Atau si Alexa lebih suka menyebutnya dengan What’s Hot. Mau menikmati yang hot dari Alexa? Silahkan ber-panas-ria di Alexa What’s Hot.<br /><br />5. Twitter Kalau yang ini pasti sudah tau dong? Kita bisa mendapatkan keyword yang populer dari trending topic yang ada di Twitter. Masih perlu link situsnya? Sepertinya tidak perlu ya?<br /><br />6. Yahoo Popular News Yahoo Popular News juga kita manfaatkan untuk mencari keyword yang populer, misalnya dari berita/news populer di Indonesia. Silahkan cek di id.news.yahoo.com.<br /><br />7. Google Trends Wah, tool yang ini hampir kelupaan. Di Google Trends bisa juga koq untuk mengetahui top keyword atau kata kunci yang paling banyak dicari orang. Tidak percaya? Silahkan aja buka Google Trends. Lagi-lagi gratis.<br /><br />Itulah sebagian dari cara mencari keyword yang saya dapatkan dari beberapa sumber, baik itu hasil pencarian di internet, maupun hasil bersemedi di gunung Merapi. Pasti masih ada lagi cara yang lain. Kalau ada silahkan ditambahkan, agar 7 cara mencari keyword yang paling popular di atas dapat bertambah. Tapi yang gratis …..<br /><br />Tag : batas keyword, cara melihat keyword yg paling populer, cara cek keyword yang populer, cara mencari blog yang ada hitstat, cara mengetahui keyword populer hari ini, kata paling populer di alexa

SEO 7 cara mencari keyword yang paling populer

Keyword atau kata kunci bisa dianggap menjadi salah satu faktor yang (sangat) penting di dunia per-blogger-an. Bila kita bisa merangkai keyw...

Read more »

Cara Terbaru membuat efek Salju di Blog

Inilah Tutorial terbaru untuk menambahkan efek salju di Blog kita di jamin berhasil..<br />1. Copy kode di bawah ini.<br /><br /><span style="color: rgb(51, 51, 255);"><script type="text/javascript" src="http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/snowstorm.js" /></span><br /><br /><span>Sobat juga dapat menyesuaikan kepingan salju ini (warna, jumlah dan efek binar) dengan menambahkan baris-baris tambahan kode untuk itu.</span> <span><span class="google-src-text" style="direction: ltr; text-align: left;">So to add a customized widget, add this code instead of the previous one:</span> Jadi untuk menambahkan widget disesuaikan, tambahkan kode ini bukan sebelumnya:</span><br /><br /><script type="text/javascript" src="http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/snowstorm.js" /><br /><!-- now, we'll customize the snowStorm object --> <-! Sekarang, kita akan menyesuaikan objek badai salju -><br /><script type="text/javascript"> <script type="text/javascript"> snowStorm.snowColor = '# 99ccff'; <span style="color: rgb(0, 153, 0);">/ /-ish salju biru!</span>?<br />snowStorm.flakesMaxActive = 96;<span style="color: rgb(0, 153, 0);"> / / menampilkan lebih banyak salju di layar sekaligus</span><br />snowStorm.useTwinkleEffect = true; <span style="color: rgb(0, 153, 0);">/ /</span> <span style="color: rgb(0, 153, 0);">biarkan flicker salju di dan keluar dari pandangan</span><br /></script> </ Script><br /><br /><span class="fullpost">2. Pilih menu ‘Tata letak’, pastikan kamu berada pada tab ‘Element Halaman’.<br />3. Klik ‘Tambah Widget’ pada bagian manapun (atas,bawah,kiri atau kanan. Terserah pokoknya) lalu pilih ‘HTML/JavaScript’ pada jendela baru yang muncul.<br />4. Akan muncul jendela untuk memasukkan kode. Nah, paste kode yang tadi sudah kamu copy. Biarkan kolom untuk judul kosong.<br />5. Tinggal klik tombol ‘SIMPAN’ dan salju-salju yang indah sudah berjatuhan dari blogmu. Mudah kan?<br /><br />Untuk melihat Hasil efek Saljunya Silakan <a href="http://audicam-plaza.blogspot.com/"><span style="font-weight: bold;"><span style="font-size:130%;">Klik Disini</span></span></a></span>

tutorial blog Cara Terbaru membuat efek Salju di Blog

Inilah Tutorial terbaru untuk menambahkan efek salju di Blog kita di jamin berhasil.. 1. Copy kode di bawah ini. <script type="tex...

Read more »