All About Blogspot And Facebook: tutorial blog

Cara Membuat Recent Post Menurut Label / Kategori

7:32 PM Admin 9

<div style="font-family: inherit; text-align: left;">
<div style="text-align: justify;">
<a href="http://klinik-blogger.blogspot.com/2012/08/cara-membuat-recent-post-menurut-label.html">Cara Membuat Recent Post Menurut Label / Kategori</a>  - Pada kesempatan kali ini 
saya share tutorial / cara untuk membuat recent post berdasarkan label /
 kategori yang saya dapatkan ketika saya blogwalking ke salah satu blog sobat saya.
 Sebelum kita memasuki langkah-langkah pembuatannya, alangkah baiknya 
jika kita mengetahui dulu apa itu recent post. Recent post adalah sebuah
 widget yang berfungsi untuk menampilkan postingan terbaru pada suatu 
blog. Salah satu manfaat memasang Recent posts di blog adalah membuat 
pengunjung mengetahui topik apa yang sedang dibahas di blog kita. Bagi 
yang penasaran ini dia penampakannya.</div>
</div>
<h3 style="font-family: inherit; text-align: left;">
Screenshoot Widget <a href="http://klinik-blogger.blogspot.com/2012/08/cara-membuat-recent-post-menurut-label.html">Recent Post Berdasarkan Label / Kategori</a></h3>
<div style="font-family: inherit;">
 </div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9Xx7pMZkOL73JHnmvZF7yMjgAUxVi0KwlFo38r0ORNPLLyoU71bVD6fIR_ieme1eCwgF_NhCytggLoNM7N6rxKoj5NJVDsHkOyek-YVixXJiX-xfk5bAzxMA8H5mL1Ju1DN34U0dy2E8/s1600/maskolis.jpg" rel="nofollow" style="color: #0956a8; text-decoration: none;" target="_blank"><img alt="Membuat Recent Post Berdasarkan Label / Kategori " border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9Xx7pMZkOL73JHnmvZF7yMjgAUxVi0KwlFo38r0ORNPLLyoU71bVD6fIR_ieme1eCwgF_NhCytggLoNM7N6rxKoj5NJVDsHkOyek-YVixXJiX-xfk5bAzxMA8H5mL1Ju1DN34U0dy2E8/s320/maskolis.jpg" style="border-width: 0px; margin: 0px 1em; padding: 0px;" title="Screenshoot Recent Post Berdasarkan Kategori" width="273" /></a></div>
<div class="separator" style="clear: both; font-family: inherit; text-align: center;">
</div>
<div style="font-family: inherit;">
 </div>
<div style="font-family: inherit;">
Nah itu adalah penampakan / screenshoot dari widget recent post 
berdasarkan label / kategori. Sekarang kita mulai pada langkah-langkah /
 proses pembuatan widget tersebut.</div>
<h3 style="font-family: inherit; text-align: left;">

Langkah-Langkah Membuat Widget Recent Post Berdasarkan Kategori</h3>
<ol style="background-color: white; color: #222222; font-family: inherit; line-height: 18px; text-align: justify;">
<li>Langkah pertama tentunya Sobat harus masuk ke blogger dengan akun Sobat.</li>
<li>Kemudian pilih halaman tata letak (Layout).</li>
<li>Pilih elemen laman >> pilih tambah gadget ( add a gadget).</li>
<li>Kemudian pilih HTML/Javascript.</li>
<li>Selanjutnya silahkan salin code di bawah ini dan masukkan pada widget tersebut kemudian simpan. </li>
</ol>
<blockquote class="tr_bq" style="font-family: inherit;">
<div style="overflow:auto;width:100%px;height:300px;padding:10px;border:1px solid #000000">
 
 <div id="pbl_posts"> Recent Posts </div>
 <script type="text/javascript"> </blockquote>
<blockquote class="tr_bq" style="font-family: inherit;">
var jumlah_maksimum_post = 10; </blockquote>
<blockquote class="tr_bq" style="font-family: inherit;">
 var dengan_ringkasan = true; </blockquote>
<blockquote class="tr_bq" style="font-family: inherit;">
var jumlah_karakter_ringkasan = 100;
 </script> </blockquote>
<blockquote class="tr_bq" style="font-family: inherit;">
<script src="http://septiamujizat.googlecode.com/files/recent-post.js">
 </script></blockquote>
<blockquote class="tr_bq" style="font-family: inherit;">

 <script src="http://alamat.bloganda.com/feeds/posts/default?alt=json-in-script&callback=onLoadFeed">
 </script></div>

</blockquote>
<div style="font-family: inherit;">
 </div>
<h4 style="font-family: inherit;">
Keterangan :</h4>
<ul style="font-family: inherit;">
<li>Ganti huruf yang berwarna merah dengan alamat (url) blog Sobat</li>
<li>var jumlah_maksimum_post = 10 adalah jumlah maksimum post yang ingin ditampilkan</li>
<li>var dengan_ringkasan = true ganti "true" dengan "false" jika tidak mau disertai ringkasan</li>
<li>var jumlah_karakter_ringkasan = 100 adalah jumlah karakter ringkasan post Anda</li>
</ul>
Nah
 itu dia langkah-langkahnya <a href="http://klinik-blogger.blogspot.com/2012/08/cara-membuat-recent-post-menurut-label.html">Cara Membuat Recent Post Menurut Label / Kategori</a> , sangat mudah bukan? Mudah-mudahan sukses 
dan berhasil Sobat blogger semua memasangkan widget tersebut. Sekian 
saja postingan saya kali ini mengenai cara membuat recent post 
berdasarkan label / kategori, mohon maaf jika masih banyak 
kekurangannya.<div style="font-family: inherit;">
 </div>
<div style="font-family: inherit;">
Sumber : http://septia-mujizat.blogspot.com/2012/08/cara-membuat-recent-post-berdasarkan-label-kategori.html </div>

tutorial blog Cara Membuat Recent Post Menurut Label / Kategori

Cara Membuat Recent Post Menurut Label / Kategori - Pada kesempatan kali ini saya share tutorial / cara untuk membuat recent post berda...

Membuat Read More Otomatis (Baca Selanjutnya) Versi terbaru

10:02 PM Admin 2

<a href="http://klinik-blogger.blogspot.com/2012/06/membuat-read-more-otomatis-baca.html">Membuat Read More Otomatis (Baca Selanjutnya) Versi terbaru</a> - Kali ini saya akan memberikan <a href="http://klinik-blogger.blogspot.com/">tutorial Blog</a> cara membuat Read more otomatis di Blogspot Ada dua(2) pilihan membuat readmore otomatis / auto read more pada blogger ini sob,yakni read more menggunakan gambar dan hanya menggunakan tulisan. Langkah Cara Membuat Read More Otomatis pada Blogger dengan Bahasa Javascript : PERTAMA, silakan masuk ke acount blogger anda kemudian pilih Edit Html, jangan lupa memberikan tanda ceklis pada bacaan "Expand Widget Template" Selanjutnya,cari kode <code></head></code><code></code>,setelah ketemu tepat diATASnya letakkan kode javascript berikut:<div style="overflow: hidden; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); text-align: left; text-decoration: none; border: medium none;"> </div><blockquote style="color: rgb(255, 102, 0);"><script type='text/javascript'> var thumbnail_mode = &quot;float&quot; ; summary_noimg = 150; summary_img = 150; img_thumb_height = 100; img_thumb_width = 120; </script> <script type='text/javascript'> //<![CDATA[ /****************************************** Auto-readmore link script, version 2.0 (for blogspot) (C)2008 by Anhvo visit http://en.vietwebguide.com to get more cool hacks ********************************************/ function removeHtmlTag(strx,chop){ if(strx.indexOf("<")!=-1) { var s = strx.split("<"); for(var i=0;i<s.length;i++){ if(s[i].indexOf(">")!=-1){ s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length); } } strx = s.join(""); } chop = (chop < strx.length-1) ? chop : strx.length-2; while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++; strx = strx.substring(0,chop-1); return strx+'...'; } function createSummaryAndThumb(pID){ var div = document.getElementById(pID); var imgtag = ""; var img = div.getElementsByTagName("img"); var summ = summary_noimg; if(img.length>=1) { imgtag = '<img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/>'; summ = summary_img; } var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>'; div.innerHTML = summary; } //]]> </script></blockquote> Kemudian cari kembali kode <data:post.body/> atau <data:post.body/> Setelah itu untuk Cara 1 Read More Button Otomatis menggunakan gambar,hapus kode tersebut dan gantilah dengan kode berikut: <blockquote style="color: rgb(255, 102, 0);"><b:if cond='data:blog.pageType != &quot;item&quot;'> <div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div> <script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script> <a expr:href='data:post.url'><img alt='Read More..' src='http://1.bp.blogspot.com/-IHpf1c0gAZE/TahDsOmCrCI/AAAAAAAAAy0/lOZgwgw7eHg/s1600/pelajaran%2Bblog%2Bread%2Bmore%2Botomatis.jpg'/></a></a> <b:else/> <data:post.body/> </b:if></blockquote> Sedangkan untuk Cara 2 Read More Button Otomatis hanya berupa text,hapus kode <data:post.body/> atau <data:post.body/> tersebut dan gantilah dengan kode berikut: <blockquote style="color: rgb(204, 0, 0);"><b:if cond='data:blog.pageType != &quot;item&quot;'> <div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div> <script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script> <a expr:href='data:post.url'>Read More..</a> <b:else/> <data:post.body/> </b:if></blockquote> Lalu simpan templates dan lihat hasilnya. Semoga <a href="http://klinik-blogger.blogspot.com/2012/06/membuat-read-more-otomatis-baca.html">Membuat Read More Otomatis (Baca Selanjutnya) Versi terbaru</a> ini bermanfaat.

tutorial blog Membuat Read More Otomatis (Baca Selanjutnya) Versi terbaru

Membuat Read More Otomatis (Baca Selanjutnya) Versi terbaru - Kali ini saya akan memberikan tutorial Blog cara membuat Read more otomatis ...

Membuat Buku Tamu Dengan Light Effect

8:19 AM Admin 4

<div style="text-align: justify;">Hari ini ada sahabat Klinik <a href="http://klinik-blogger.blogspot.com/">Blogger</a> yang bertanya kepada saya, Bagaimana cara membuat buku tamu seperti Shoutbox Melayang Dengan Light Effect jQuery . Buku Tamu kali ini adalah shoutbox melayang dengan jquery namun tampilannya berbeda dengan adanya light effect, dalam artian, saat button buku tamu di KLIK maka seluruh halaman akan gelap kecuali shoutbox atau buku tamunya. </div> <center></center> <center><a href="http://klinik-blogger.blogspot.com/"><img alt="Membuat Buku Tamu Melayang Dengan Light Effect" height="213" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxZFRbDdlsLYXq9XR26OBqB4d2GOGpgN2WD_VMYNBFzZKcN5gjt4X2KNPKpo0mpw0KsUEoQWm-PMxXL3RkDrfuBE5UEqh9KlIwuZfS1WMUWjJJncguqE_UByTrHZAmxH_zHWyJ5ht8taa_/s400/shoutbox+melayang.bmp" width="400" /></a></center> <div style="text-align: center;"> </div>Untuk membuatnya sangat simple, kita tidak perlu mengutak-atik kode pada template kita, karena kalian tinggal memasangnya pada widget di Elemen Halaman. Untuk lebih jelasnya silahkan ikuti tahap-tahap pemasangannya dibawah ini: 1. Login Ke Blogger kalian 2. Pilih Rancangan ---> ELEMEN halaman 3. Tambah Gadget ---> Pilih HTML/Java Script 4. Simpan kode berikut dalam konten HTML/Java Scriptnya <blockquote style="color: rgb(51, 204, 255);"> <script type="text/javascript" src="http://code.jquery.com/jquery-latest.pack.js"></script> <script> $(document).ready(function() { //select all the a tag with name equal to modal $('a[name=modal]').click(function(e) { //Cancel the link behavior e.preventDefault(); //Get the A tag var id = $(this).attr('href'); //Get the screen height and width var semahHeight = $(document).height(); var semahWidth = $(window).width(); //Set heigth and width to semah to fill up the whole screen $('#semah').css({'width':semahWidth,'height':semahHeight}); //transition effect $('#semah').fadeIn(1000); $('#semah').fadeTo("slow",0.8); //Get the window height and width var winH = $(window).height(); var winW = $(window).width(); //Set the popup window to center $(id).css('top', winH/2-$(id).height()/2); $(id).css('left', winW/2-$(id).width()/2); //transition effect $(id).fadeIn(2000); }); //if close button is clicked $('.window .close').click(function (e) { //Cancel the link behavior e.preventDefault(); $('#semah').hide(); $('.window').hide(); }); //if semah is clicked $('#semah').click(function () { $(this).hide(); $('.window').hide(); }); }); </script> <style>a {color:#ffffff; text-decoration:none} img { border: none; } #semah { position:absolute; left:0; top:0; z-index:9000; background-color:#000; display:none; } #wadah .window { position:fixed; left:0; top:0; width:440px; height:200px; display:none; z-index:9999; padding:20px; } #wadah #kid53 { background:url(http://i809.photobucket.com/albums/zz15/yuda03/REDGUESTBOOK.png) no-repeat 0 0 transparent; width:272px; height:460px; padding:56px 0 20px 5px; } #tutupan { padding:2px 0 0 0; } </style> <ul><center> <a href="#kid53" name="modal"><img src="http://i809.photobucket.com/albums/zz15/yuda03/shoutboxtabRED.png" border="0" width="158" height="58" /></a> </center> </ul> <div id="wadah">  <div id="kid53" class="window"> SIMPAN SCRIPT Cbox KALIAN DISINI <div id="tutupan"><input type="button" value="Close" class="close" /> </div></div> <div id="semah"></div></div>  </div></blockquote> 5. Jangan lupa disimpan <div class="perhatian">Catatan <ul><li>Untuk ukuran shoutbox/shoutmix/cbox kalian bisa kalian sesuaikan dengan background gambar.</li><li>Untuk Shoutmix ukurannya Height: 380px dan Width: 261px</li><li>Untuk Cbox ukurannya height:300px width:250px , untuk width yang bawah samakan dengan width pertama, karena di cbox ada 2 width</li><li>untuk ukuran tidak harus terpaku pada punya saya diatas, kalian boleh menyesuaikannya sendiri.</li></ul></div>untuk background gambar bisa kalian ganti dengan gambar kalian sendiri, namun jika ingin gambar buatan saya bisa menggunakan gambar dibawah ini : <table border="1"><tbody> <tr> <td align="center"><img src="http://i809.photobucket.com/albums/zz15/yuda03/GUESTBOOKRED.png" /></td> <td align="center">http://i809.photobucket.com/albums/zz15/yuda03/GUESTBOOKRED.png</td></tr> <tr> <td align="center"><img src="http://i809.photobucket.com/albums/zz15/yuda03/gbRED.png" /></td> <td align="center">http://i809.photobucket.com/albums/zz15/yuda03/gbRED.png</td></tr> <tr> <td align="center"><img src="http://i809.photobucket.com/albums/zz15/yuda03/REDGUESTBOOK.png" /></td> <td align="center">http://i809.photobucket.com/albums/zz15/yuda03/REDGUESTBOOK.png</td></tr> <tr> <td align="center"><img src="http://i809.photobucket.com/albums/zz15/yuda03/shoutboxtabRED.png" /></td> <td align="center">http://i809.photobucket.com/albums/zz15/yuda03/shoutboxtabRED.png</td></tr> </tbody></table> TAMBAHAN : Tampilan button shoutbox diatas letaknya didalam sidebar, dan karena ada permintaan salah satu sahabat blogger, yang meminta untuk memasang buttonnya disamping, gan saya mau nanya ni, bisa gak bmbrnya di tempel di kanan gtu atw di kiri? mohon bntuannya ya :) Supaya gambar berada melayang disamping silahkan kalian ganti kode ini: <blockquote style="color: rgb(51, 204, 255);"> <ul><center> <a href="#kid53" name="modal"><img src="http://i809.photobucket.com/albums/zz15/yuda03/shoutboxtabRED.png" border="0" width="158" height="58" /></a> </center> </ul></blockquote>dengan kode ini : <blockquote style="color: rgb(51, 204, 255);"><ul><div style='display:scroll; position:fixed; top:5px; right:3px;'> <a href="#kid53" name="modal"><img src="http://lh3.ggpht.com/_MvLBi88bM_I/TKBi6-LLyiI/AAAAAAAABgo/mXUIjU7ayaY/NiceGB.png" width="158" height="58" /></a> </div> </ul> </blockquote>Untuk gambarnya juga saya sudah buatkan, dan silahkan tinggal digunakan. <img border="0" src="http://lh5.ggpht.com/_MvLBi88bM_I/TKBi67qZ-BI/AAAAAAAABgk/jkuk4xIevG0/GbNice.png" /><img src="http://lh3.ggpht.com/_MvLBi88bM_I/TKBi6-LLyiI/AAAAAAAABgo/mXUIjU7ayaY/NiceGB.png" /> Semoga Membuat Buku Tamu Melayang Dengan Light Effect ini bisa membantu dan Semoga bermanfaat.

tutorial blog Membuat Buku Tamu Dengan Light Effect

Hari ini ada sahabat Klinik Blogger yang bertanya kepada saya, Bagaimana cara membuat buku tamu seperti Shoutbox Melayang Dengan Light Ef...

Cara Membuat Komentar Blog Berdampingan Dengan Komentar versi Facebook

10:19 PM Admin 6

Komentar facebook dan blog berdampingan? maksudnya seperti apa? Nah, biar teman teman ga bingung, bisa melihat contohnya pada gambar di bawah ini <table class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;" cellpadding="0" cellspacing="0" align="center"><tbody> <tr><td style="text-align: center;"><a href="http://klinik-blogger.blogspot.com/" style="margin-left: auto; margin-right: auto;"><img border="0" height="173" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEge-yirW2qhKYK43YgPur3-41dGNAlBYQ5gA3mWwT92XwQi4eAVNyQyP2dxeFEHx0IY4fn2IAnEEMat03_ctOuxZosa0y4j3D_z68zp8ys3n62GeAmf_EX6I2L-rBnhE2dS6IbZbSCBffey/s400/ss.JPG" width="400" /></a></td></tr> <tr><td class="tr-caption" style="text-align: center;">Komentar Facebook dan Blogger yang Berdampingan</td></tr> </tbody></table>Nah, sudah tau kan maksudnya seperti apa? pada <a href="http://klinik-blogger.blogspot.com/">kotak komentar</a> model ini, akan terdapat dua tab menu yang masing masing berisi kotak komentar dengan facebook dan kotak komentar default dari blogger. tertarik untuk membuatnya? 1. Masuk ke Edit HTML, kemudian beri centang pada expand widget template. Oh ya, jangan lupa di back up dulu templatenya yah . 2. Cari kode berikut <div class='comments' id='comments'> 3. Kode berikut di bawah kode di atas <blockquote style="color: rgb(255, 0, 0);"><div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle(&quot;#fb-comments&quot;);' title='Comments made with Facebook'> <img class='comments-tab-icon' src='http://static.ak.fbcdn.net/rsrc.php/v1/yH/r/eIpbnVKI9lR.png'/> <fb:comments-count expr:href='data:post.url'/> Comments </div> <div class='comments-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle(&quot;#blogger-comments&quot;);' title='Comments from Blogger'> <img class='comments-tab-icon' src='http://www.blogger.com/img/icon_logo32.gif'/> <data:post.numComments/> Comments </div><div class='clear'/> </div> <div class='comments-page' id='fb-comments-page'> <b:if cond='data:blog.pageType == &quot;item&quot;'> <div id='fb-root'/> <fb:comments expr:href='data:post.url' num_posts='2' width='400'/> </b:if> </div> <div class='comments comments-page' id='blogger-comments-page'></blockquote> 4. Cari kode </head> kemudian pastekan kode berikut di atasnya <blockquote style="color: rgb(255, 0, 0);"><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/> <script src='http://code.jquery.com/jquery-latest.js'/> <meta content='Masukkan ID Facebook' property='fb:admins'/> <script type='text/javascript'> function commentToggle(selectTab) { $(".comments-tab").addClass("inactive-select-tab"); $(selectTab).removeClass("inactive-select-tab"); $(".comments-page").hide(); $(selectTab + "-page").show(); } </script></blockquote> 5. Kemudian cari kode berikut /* Comment atau #comments. Kemudian letakkan kode berikut di bawahnya <blockquote style="color: rgb(255, 0, 0);">.comments-page { background-color: #f2f2f2;} #blogger-comments-page { padding: 0px 5px; display: none;} .comments-tab { float: left; padding: 5px; margin-right: 3px; cursor: pointer; background-color: #f2f2f2;} .comments-tab-icon { height: 14px; width: auto; margin-right: 3px;} .comments-tab:hover { background-color: #eeeeee;} .inactive-select-tab { background-color: #d1d1d1;}</blockquote> Keterangan : <ul><li>Ganti kode warna biru denga jumlah coment yang ingin di tampilkan dan berapa ukuran lebar yang diinginkan</li><li>Ganti kode warna merah dengan id facebook teman teman, contoh alamat fb saya https://www.facebook.com/aziscs1 nah, id nya adalah aziscs1 </li></ul> Sumber : http://www.diditrinjano.com/

tutorial blog Cara Membuat Komentar Blog Berdampingan Dengan Komentar versi Facebook

Komentar facebook dan blog berdampingan? maksudnya seperti apa? Nah, biar teman teman ga bingung, bisa melihat contohnya pada gambar di ba...

Agar Semua Link Membuka di Tab Baru (Blogger)

7:24 PM Admin 1

Nah, bila Anda menginginkan semua link yang ada di blog Anda membuka di tab baru tanpa harus menambahkan atribut target="_blank" satu per satu ke kode HTML link, silakan simak caranya di bawah ini. <ol><li>Masuk ke akun Blogger Anda.</li><li>Klik Rancangan > Edit HTML.</li><li>Klik Download Template Lengkap untuk mem-backup template. Ini untuk mengantisipasi kalau-kalau nanti terjadi kesalahan dalam pengeditan.</li><li>Cari kode<head> Gunakan Ctrl + F untuk memudahkan pencarian.</li><li>Letakkan kode <base target='_blank'/> di bawah kode .</li><li>Klik tombol SIMPAN TEMPLATE.....Selesai. ...</li></ol><div style="overflow: hidden; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); text-align: left; text-decoration: none; border: medium none;">Sumber : http://bambang-gene.blogspot.com/2011/09/semua-jenis-link-membuka-di-tab-baru.html </div>

tutorial blog Agar Semua Link Membuka di Tab Baru (Blogger)

Nah, bila Anda menginginkan semua link yang ada di blog Anda membuka di tab baru tanpa harus menambahkan atribut target ="_blank" ...

Cara Pasang Iklan Di Bawah Judul Posting Blog

9:21 PM Admin 0

Sobat <a href="http://klinik-blogger.blogspot.com/">Klinik Blogger</a>, memasang iklan pada blog juga tidak asal-asalan memasang, karena ini berhubungan dengan visitor, Anda harus berusaha menempatkan iklan yang Anda miliki pada tempat yang mempunyai target dan sasaran. Dengan kata lain, Anda memasang iklan pada tempat yang banyak dilihat oleh Visitor.<div> </div><div>Salah satu cara untuk mengoptimasikan penempatan iklan ini adalah Memasang Iklan di Bawah Judul Postingan. Banyak blogger yang menggunakan cara ini karena memang cara ini terbukti dapat meningkatkan earning/pendapatan mereka. Nah bagaimana caranya? ikuti langkah sederhana di bawah ini :</div><div> </div><div>Pertama-tama, login ke <a href="http://www.blogger.com/" target="_blank">Blogger</a>. Masuk ke Rancangan > Edit HTML > Centang pada Expand Template Widget. <div class="separator" style="clear: both; text-align: center;"><a href="http://klinik-blogger.blogspot.com/" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8QJDrmpKErtv_HC7vzDy0r9qhPs_XrsRLF1jzUc666y2Gi4P-x_Y-Fy4VaQFINkuA9O06R6Jeex92BeaISIyp8ip1TqxSGRZfSQDoey-jcCbXqh9wOBFXbnlnYPDpZ3RKwcjiKpF4bg/s1600/expand.PNG" /></a></div><div class="separator" style="clear: both; text-align: center;"> </div><div class="separator" style="clear: both; text-align: left;">Sekarang, cari kode di bawah ini dengan menekan Ctrl + F pada Browser Anda :</div><div class="separator" style="clear: both; text-align: left;"> </div><div class="separator" style="clear: both; text-align: center;"><data:post.body></data:post.body></div> <div class="separator" style="clear: both; text-align: center;"><a href="http://klinik-blogger.blogspot.com/" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZBxRDvOQ0lpySfS2jal0SdWw0r6z_bHSCsyTzBZogWi1wxaAb6ocm9wY59lkrf4qOjfJOPjd64c7DrcjpOaqe4uSa61luxkXCgMmPFSOjV7z210-BcMo8odcVPi-aqELrMh_1GL1O2w/s1600/indoblogtriksearch.PNG" /></a></div> Jika sudah ketemu, maka akan seperti ini : <div class="separator" style="clear: both; text-align: center;"><a href="http://klinik-blogger.blogspot.com/" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPjkMwiOvPU2Hl03gE1YWmuY3i9J7BEMptOR1Ukv7uA25oTxVGt004JBvyipUdngRlqw9ktk3pO39sNpQFlEhaqzKi-MT_JsLqYWJuMSbxkvfK2lK8q82FaKutGXrRgfXyCVTliACMdg/s1600/indoblogtrikketemu.PNG" /></a></div><div class="separator" style="clear: both; text-align: center;"> </div><div class="separator" style="clear: both; text-align: left;"> </div><div class="separator" style="clear: both; text-align: left;">Langkah selanjutnya adalah memparse kode iklan Anda sebelum dipasang. </div><div class="separator" style="clear: both; text-align: left;">Jika kode iklan tidak diparse maka akan terjadi error.</div><div class="separator" style="clear: both; text-align: left;"> </div><div class="separator" style="clear: both; text-align: left;">Ambil Kode iklan dari Website PPC yang Anda miliki.</div><div class="separator" style="clear: both; text-align: left;"> </div><div class="separator" style="clear: both; text-align: left;">Setelah dapat, Klik <a href="http://centricle.com/tools/html-entities/" target="_blank">http://centricle.com/tools/html-entities/</a> > Pastekan kode iklan tersebut dan klik Encode.</div><div class="separator" style="clear: both; text-align: left;"> </div><div class="separator" style="clear: both; text-align: center;"><a href="http://klinik-blogger.blogspot.com/" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2FaLmNYC1TooZP_wCRc8NxmBOPiKNfqETmsoPWEiNMkIPoei9ZZ-LwQqP7oJPjPmr2Gi7kyLI9QVIleuFGRQLbyIlNZz4aGLWg1NfcTllenG8nqeI8UnmGIqJrwk1OTaSMtVV7JS4Bg/s320/encodeindoblogtrik.PNG" width="237" /></a></div><div class="separator" style="clear: both; text-align: center;"> </div><div class="separator" style="clear: both; text-align: left;">Nah, Kopi kode yang sudah diparse tadi dan kembali lagi ke tab Rancangan di Blogger > Pastekan kode yang sudah Anda parse tadi tepat di atas kode . Contoh :</div><div class="separator" style="clear: both; text-align: left;"> </div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div> Oke, jika sudah klik SIMPAN TEMPLATE Cek hasilnya. Semoga berhasil!!! Sumber : http://www.indoblogtrik.com/ </div>

tutorial blog Cara Pasang Iklan Di Bawah Judul Posting Blog

Sobat Klinik Blogger , memasang iklan pada blog juga tidak asal-asalan memasang, karena ini berhubungan dengan visitor, Anda harus berusaha...

Cara Mudah menghilangkan garis tepi atau border pada gambar postingan

12:04 AM Admin 1

Apakah Sobat Blogger tahu apa itu border gambar? Border, dapat kita sebut juga sebagai garis tepi, oleh karena itu border gambar adalah garis tepi suatu gambar. Di postingan kali ini kita membahas bagaimana cara menghilangkan border atau garis tepi gambar tersebut, dan tentunya yang terdapat di dalam postingan kita. Kalau teman-teman bertanya mengapa border harus dihapus? Sebenarnya border tidak harus dihapus, hanya saja bagi teman-teman yang menginginkannya silakan diperaktekkan, masalahnya menurut saya pribadi kalau suatu gambar yang ada di postingan tu ada bordernya keliatannya kurang bagus (ingat, ini pendapat saya lho) dan kelihatan kaku jika dipandang. Agar lebih jelas, teman-teman bisa melihat contoh tampilan berikut ini:<a name="more"></a> <a href="http://klinik-blogger.blogspot.com/"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5415000877137618082" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDpqNHRAVMPoqzBY6PvrkcOMzgPh_oUIApMGv9-8g3ClQzVdZaBWQtNU4N_9GCLy65knb1oo0Di9eH7OsQkDuAFfJ3zet2jSq1e35lIfIaNpKisKJztFBdQoXqN043lrQrOmN3bS0rWSY/s400/cara_menghilangkan_border_gambar01_t4belajarblogger.JPG" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 375px; height: 144px;" /></a> <a href="http://klinik-blogger.blogspot.com/" style=""><img alt="" border="0" id="BLOGGER_PHOTO_ID_5415000996584690418" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcT7zWkYhK7-BHCtuw55EMB6Thw-fH0R9z3O57bfH5bk0KAvn-9VNbEvoMGT602MtOADh4XvRTyJtNMAUZ3-ASbqD8HdxPw1J0BGHZucrHYotYLmp9Eo0VrBv2iyF70ePM-oo4rneJ59E/s400/cara_menghilangkan_border_gambar02_t4belajarblogger.JPG" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 363px; height: 144px;" /></a> Setelah teman-teman mengamati 2 gambar di atas maka pertanyaannya adalah "Adakah perbedaan antara dua gambar di atas? Jawabannya adalah: ADA, yaitu gambar satu memiliki border, sedangkan gambar dua tidak memiliki border. Dengan begitu sekarang kita sudah tahu pasti bahwa kegunaan border gambar hanya untuk sekedar pemisah antara suatu gambar dengan dinding posting, entah itu pemisah objek gmbar atau warna gambar. Nah, bagi teman-teman yang ingin membuat tampilan gambar postingannya yang tadinya seperti nomor satu dan sekarang berubah menjadi no. dua, silahkan diperaktekkan langkah2 berikut: 1. Login ke Blogger >> klik Tata Letak >> Edit HTML 2. Lalu cari kode berikut: (cukup cari "post img" dgn Ctrl+F) <blockquote>.post img { padding: 4px; border: 1px solid $borderColor;</blockquote> 3. Selanjutnya, yang perlu teman-teman perhatikan adalah pada bagian yang telah ditandai dengan warna biru (border: 1px), maka tulisan "1px" tersebut bisa teman-teman ganti dengan "0px", dengan begitu seluruh border gambar yang terdapat di dalam postingannya teman-teman akan hilang semua. 4. bagi teman-teman yang ingin memunculkan border gambarnya kembali, maka caranya gampang. Tinggan diubah nilai "0px" menjadi angka di atas "0/nol". Dan ingat, semakin besar angkanya, maka semakin tebal bordernya. 5. Selesai, jangan lupa disimpan hasil kerjaannya. Coba sekarang teman-teman tengok gambar-gambar yang terdapat dalam postingannya teman-teman... Semoga Bermanfaat Sumber : http://t4belajarblogger.blogspot.com/ Tags: cara menghilangkan border gambar pada postingan, menghilangkan garis tepi gambar blogger, cara cepat menghilangkan border post, cara meghilangkan garis tepi gambar blogspot

tutorial blog Cara Mudah menghilangkan garis tepi atau border pada gambar postingan

Apakah Sobat Blogger tahu apa itu border gambar? Border, dapat kita sebut juga sebagai garis tepi, oleh karena itu border gambar adalah gar...

Membuat Slide Recent Post Versi Terbaru lengkap dengan Tumbnail

7:27 PM Admin 0

<div class="separator" style="clear: both; text-align: center;"><a href="http://klinik-blogger.blogspot.com/"><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" /></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". 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 slide recent post ini cocok dipasang di sidebar. <a href="http://klinik-blogger.blogspot.com/">Demo</a>nya bisa dilihat di sini Cara Membuat Slide Recent Post 1. Login ke blogger 2. Pilih Rancangan kemudian Tambah Gadget 3. Pilih HTML/JavaScript 4. Masukan kode HTML berikut ini: <blockquote><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script> <style type="text/css" media="screen">  </style> <script language='JavaScript'> imgr = new Array(); imgr[0] = "http://i777.photobucket.com/albums/yy55/terate/th_New.jpg"; imgr[1] = "http://i1037.photobucket.com/albums/a452/thing_wu/Thing/women/2q1bhc3.jpg"; imgr[2] = "http://i1044.photobucket.com/albums/b443/akropolis_album/antarktis/125model6-1.jpg"; imgr[3] = "http://i777.photobucket.com/albums/yy55/terate/th_New.jpg"; imgr[4] = "http://i777.photobucket.com/albums/yy55/terate/th_New.jpg"; showRandomImg = true; boxwidth = 255; cellspacing = 6; borderColor = "#232c35"; bgTD = "#000000"; thumbwidth = 70; thumbheight = 70; fntsize = 12; acolor = "#666"; aBold = true; icon = " "; text = "comments"; showPostDate = true; summaryPost = 40; summaryFontsize = 10; summaryColor = "#666"; icon2 = " "; numposts = 10; home_page = "http://klinik-blogger.blogspot.com/"; limitspy=4 intervalspy=4000 </script> <div id="spylist"> <script src='http://scriptabufarhan.googlecode.com/svn/trunk/recentpostthumbspy-min.js' type='text/javascript'></script> </div> </blockquote> Sebelum kita Simpan, berikut ini yang bisa kita ubah: <ul><li>220 dan 208 adalah lebar widget.</li><li> numposts = 10; adalah banyaknya postingan yg ingin kita tampilkan</li><li>Ganti http://klinik-blogger.blogspot.com/ dengan URL blog kita sendiri.</li></ul>5. Simpan 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...

Cara Mengetahui URL Feed Blog / Website kita

9:48 PM Admin 2

<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 URL feed 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 feed blog kita ? Cara Mengetahui Alamat Feed Blog/Web sbb : <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> 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...

Cara Terbaru membuat efek Salju di Blog

2:50 PM Admin 0

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

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...

Efek Gambar Membesar pada postingan

1:18 PM Admin 1

Kali ini <a href="http://klinik-blogger.blogspot.com/">Klinik Blogger</a> akan berbagi tips untuk Para Blogger yang ingin Blognya terlihat lebih keren dan unik dengan efek Membesar pada gambar postingan. Efek Membesar pada gambar postingan maksudnya adalah apabila Corsur kita taruh tepat di atas gambar maka gambar tersebut otomatis akan membesar, Untuk Contohnya silakan Buka <a href="http://www.aziscs1.com/2011/10/efek-membesar-pada-gambar-postingan.html">disini</a> saya akan membahas gimana cara buat effect gambar seperti di zoom..dalam hal ini Kita cuma tambahkan sedikit modifikasi di CSS. Ok langsung saja saya akan berikan caranya : <ol><li>Login ke<a href="http://klinik-blogger.blogspot.com/"> </a><a href="http://klinik-blogger.blogspot.com/">Blogger</a></li><li>Pilih menu Tataletak lalu pilih edit HTML</li><li>Cari kode berikut dengan Ctrl+F masukkan ]]></b:skin> </li><li>Lalu paste kode dibawah ini, persis di atas ]]></b:skin> </li></ol> <blockquote style="color: rgb(255, 102, 0);">.post img, table.tr-caption-container { border:none; max-width:560px; height:auto; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; } .post img:hover { -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transform: scale(1.5); -o-transform: scale(1.5); -webkit-transform: scale(1.5); -webkit-border-radius: 36px 12px; -moz-border-radius: 36px / 12px; -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6); } </blockquote> Lihat yg warna <a href="http://klinik-blogger.blogspot.com/">BIRU</a>,itu adalah kuran Effect zoom yg akan di tampilkan. silahkan Sobat edit dan sesuaikan dengan selera masing-masing. Setelah Selesai Lalu SAVE. Dan Selesai effect zoom gambar pada postingan sudah kamu bisa nikmati.

tutorial blog Efek Gambar Membesar pada postingan

Kali ini Klinik Blogger akan berbagi tips untuk Para Blogger yang ingin Blognya terlihat lebih keren dan unik dengan efek Membesar pada ...

Cara Menampilkan Sumber Link Saat postingan Blog Kita Dicopy Paste

10:56 PM Admin 6

Pernah tulisanmu di blog dicopy paste blogger lain? Apalagi dengan tanpa menyebutkan sumbernya. Mungkin bagi sebagian orang merasa cuek saja, tapi saya yakin sebagian besar akan marah, atau bersedih. Memang copy paste adalah penyakit masyarakatnya dunia blogging. Orang tidak mau susah-susah berpikir dan menulis melakukan copy paste dari blog lain untuk diterbitkan di blognya sendiri. Dulu di Belajar Ngeblog di BLOG sudah pernah ditulis salah satu cara menghindari copy paste, yaitu dengan membuat klik kanan tidak berfungsi. Sekarang kita akan belajar yang berkaitan dengan cpoy paste yang meresah bagi kita, yaitu Menampilkan Otomatis Sumber Artikel Saat Dicopy Paste. Maksudnya adalah ketika orang/blogger memblock tulisan di blog kita lalu mengcopynya di halaman lain maka setelah di paste pasti akan muncul link sumber tulisan itu. Contoh Baca Selebgkapnya: http://klinik-blogger.blogspot.com/2011/10/cara-membuat-fans-page-facebook.html Cara ini hanya sebagian saja untuk memberikan penghargaan bagi penulis aslinya yang memang kalau benar-benar mengutip langsung tanpa mengubahnya. Orang bisa menghilangkan tulisan itu setelah dipaste, karena memang formatnya teks biasa. Paling tidak cara ini bisa lebih mengingatkan si pelaku copy paste untuk mencantumkan sumbernya. Cara Menampilkan Otomatis Sumber Artikel Saat Dicopy Paste 1. Berkunjung dan daftar ke <a href="http://www.tynt.com/" target="blank">www.tynt.com</a> 2. Klik button Get Started FREE 3. Mengisi form yang telah disediakan: email, domain password, dll. Jika sudah klik Next <div class="separator" style="clear: both; text-align: center;"><a href="http://klinik-blogger.blogspot.com/2011/10/cara-membuat-fans-page-facebook.html" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="174" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjshio2-0jdBkQGdaCrHv6DcqeTDvpyzQz-irlrDMXTeXvYhA8NJ3u_hxBapQgD7w3H3hL7WBRY62ip0w7cW_Q0jPIz5L-CLHtntYQ8Avy4oKPzD_I-ZfaVjF1rG79sF3HwDttn0IGx18A/s320/Tynt+-+Sign+Up.jpeg" width="320" /></a></div>4. Setelah itu kita bisa melakukan kostumisasi, jika tidak mau repot langsung saja klik Next <div class="separator" style="clear: both; text-align: center;"><a href="http://klinik-blogger.blogspot.com/2011/10/cara-membuat-fans-page-facebook.html" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="259" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgulA4QYPSOZkqYeQEWwoM7sceGtmcf_nVuGZ2TLLpm2f5KjVR-uguRZNOF8Fae4-_xRj44uJIjdZ9HAz2MW5epiDmhbb0g0SPwGN4_QLunFw_uF8yDtgHCSogFyQdoeFcKfO6Oas4I8Fg/s320/Tynt+-+sekolahdasar.net+Script+Setup.jpeg" width="320" /></a></div>5. Kita akan mendapatkan kode script yang harus ditaruh di template blog. <div class="separator" style="clear: both; text-align: center;"><a href="http://klinik-blogger.blogspot.com/2011/10/cara-membuat-fans-page-facebook.html" style="margin-left: 1em; margin-right: 1em;"><img alt="Menampilkan Otomatis Sumber Artikel Saat Dicopy Paste" border="0" height="131" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRwX7YnQxoJrD0KWtKpDjA1Edr6kZUFbkFo6nItaCvzxhYXIxXeBgM92hmrfmKdIMhxs28dPerHdQgU-w87Qw4BH_jG4L6TIpSSQ5ds3V71WDzUYNx3rRjCvF9acBgbt2At6HsyGw3-yc/s320/Tynt+-+sekolahdasar.net+Script+Setup2" width="320" /></a></div>6. Cara menambahkan kode script tersebut di blog; <ul><li>Login ke Blogger.</li><li> Di halaman Dasbor, kita pilih Rancangan.</li><li>Kemudian pilih Edit HTML </li><li>Beri tanda centang pada Expand Template Widget </li><li>Cari kode </head> </li><li>Jika sudah ketemu taruh kode script tadi di atasnya </li><li>Simpan Template jika sudah selesai. </li></ul>Setelah menambahkan script ini maka akan secara otomatis setiap orang yang melakukan copy paste terhadap postingan (artikel) di blog kita akan mencantumkan sumber linknya. Selain itu kita juga akan tahu siapa saja yang telah melakukan copy paste tulisan di blog kita dari laporan Tynt.

tutorial blog Cara Menampilkan Sumber Link Saat postingan Blog Kita Dicopy Paste

Pernah tulisanmu di blog dicopy paste blogger lain? Apalagi dengan tanpa menyebutkan sumbernya. Mungkin bagi sebagian orang merasa cuek sa...

Syarat Navigasi Breadcrumb dideteksi Google ?

2:09 PM Admin 0

<div dir="ltr" style="text-align: left;"><div style="font-family:Verdana,sans-serif;">Ada beberapa pertanyaan dari beberapa rekan narablog menyangkut kapan <a href="http://klinik-blogger.blogspot.com/2011/10/cara-pasang-navigasi-breadcrumb.html">navigasi breadcrumbs dideteksi google ?</a> Saya pribadi memang sempat penasaran. Untuk itu sebagai blogger yang masih belajar, Klinik Blogger mencoba untuk meraba-raba halaman hasil pencarian google. Berdasarkan beberapa fakta dilapangan (halaman SERP), ditemukan beberapa bukti menyangkut kapan breadcrumbs yang telah dipasang pada situs akan dideteksi google. Berikut adalah hasilnya : </div><blockquote style="font-family:Verdana,sans-serif;">Agar blog yang telah dipasangi breadcrumbs dapat menghasilkan google snippet (yaitu berupa judul, deskripsi dan url pada halaman hasil pencarian) yang lebih menarik, blog tersebut minimal memiliki Pagerank 3 keatas.</blockquote><div style="font-family:Verdana,sans-serif;">Dengan bahasa yang lebih mudah, jika sobat ingin memiliki hasil pencarian seperti ini :</div><div style="font-family:Verdana,sans-serif;"> </div><div class="separator" style="clear: both; font-family: Verdana,sans-serif; text-align: center;"><a href="http://klinik-blogger.blogspot.com/2011/10/cara-pasang-navigasi-breadcrumb.html"></a><a style="margin-left: 1em; margin-right: 1em;"><img alt="“Navigasi" border="0" height="218" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKgoUuX3nelpscqX51wR0p24KVP9VrgWdAKxhrW4jLDy0XQtB5fBtR-7aeZ6sqKh7QYa-kbt-4Ksh7TRIgBFH0rWiGZprr7ueaw7Et7FAfgI389zp3HW0hJVmQMf4iSuem_JvB18uGr2c/s320/breadcrums-detected.png" title="Navigasi Breadcrumb dideteksi Google ? " width="215" /></a></div><div class="separator" style="clear: both; text-align: left;font-family:Verdana,sans-serif;"> </div><div class="separator" style="clear: both; text-align: left;font-family:Verdana,sans-serif;">Syaratnya, selain telah memasang breadcrumbs, Pagerank blog sobat harus lebih besar atau sama dengan PR 3 Benarkah ? Apa ada bukti ? Berikut adalah contoh blog-blog yang breadcrumbs-nya telah dideteksi google : </div><ol style="font-family:Verdana,sans-serif;"><li>abibakarblog.com. Pagerank 4</li><li>optimasi-blog.blogspot.com. Pagerank 3</li><li>kolom-tutorial.blogspot.com. Pagerank 3</li><li>dll masih banyak.</li></ol><div style="font-family:Verdana,sans-serif;">Mungkin ada beberapa blog yang Klinik Blogger atau rekan narablog lain temukan sudah memiliki pagerank diatas 3. Tapi kok breadcrumbsnya belum dideteksi google ? ada beberapa alasan, satu hal yang paling besar kemungkinannya menyebabkan hal ini adalah struktur template yang masih buruk atau kurang. Satu hal yang pasti, Sampai saat artikel ini diposting, Juragan belum pernah menemukan sebuah blog yang memiliki pagerank dibawah 3 tapi breadcrumbsnya telah terdeteksi. Artinya, mungkin hampir mustahil sebuah blog, katakanlah berpagerank 2, memiliki google snippet cantik dengan navigasi breadcrumbsnya dihalaman hasil pencarian google. Demikian posting analisis2an Klinik Blogger kali ini. Jika ada sesepuh yang kebetulan membaca artikel ini dan kurang setuju tolong dikoreksi serta diluruskan.</div><div style="font-family:Verdana,sans-serif;"> </div>Nah itulah sebagian tips dari mbah google, jadi ini bukan tipsnya Klinik Blogger. otomatis lebih terpercaya. *emang kalo Klinik Blogger yang ngasi tips gak ada yang percaya ya...hiks* okelah, hari ini cukup segitu dulu, yang dah pada gak sabar pingin komen inilah waktunya * halah gayanya Klinik Blogger kaya banyak yang pingin komen aja, padahal gak ada,xixixi <img id="new" src="http://benjamin0331.googlepages.com/lol.png" style="border: 0pt none; margin: 0pt; padding: 0pt;" /> * </div>

tutorial blog Syarat Navigasi Breadcrumb dideteksi Google ?

A da beberapa pertanyaan dari beberapa rekan narablog menyangkut kapan navigasi breadcrumbs dideteksi google ? Saya pribadi memang sempat p...

Cara pasang Navigasi Breadcrumb

1:10 PM Admin 0

Breadcrumb dalam istilah <a href="http://www.aziscs1.com/search/label/blogger">Blogger</a> adalah sebuah bantuan navigasi yang digunakan dalam user interface sehingga memudahkan user untuk menavigasi halaman web/blog. Selain mempermudah user dalam menavigasi web/blog kita selain itu juga di senangi robot Google yang mengcrawl halaman weblog. Breadcrumb masih ada kaitannya dengan SEO, terutama SEO onpage. Sebaiknya kita memasang kode Breadcrumb sedini mungkin supaya cepat di indeks Google, hasilnya tampilan url posting blog kita akan lebih rapi dan cantik di tampilkan di SERP Google. Breadcrumb biasanya muncul secara horizontal di bagian bawah judul artikel maupun di bagian atasnya. Breadcrumb menyediakan link untuk kembali ke tag halaman sebelumnya sehingga user atau pengunjung lebih mudah dalam menjelajahi suatu website. Breadcrumb biasanya terlihat seperti ini: Home » Kategori/Tags/Archive » Artikel Berikut ini adalah cara membuat breadcrumb di blogger.com/blogspot : <ol><li>Login ke <a href="http://www.aziscs1.com/search/label/blogger">blogger</a> degan ID anda.</li><li>Klik Tata Letak / layout</li><li>Kemudian klik tab Edit HTML</li><li>Click Download Full Template and please back up your template first. Untuk menghindari bila sewaktu-waktu ada kesalahan.</li><li>Beri tanda centang pada kotak kecil di samping tulisan Expand Template Widget.</li><li>Cari kode ]]></b:skin></li><li>Copy lalu paste kode di bawah ini persis di atas kode ]]></b:skin></li></ol><blockquote style="color: rgb(255, 102, 0);"> .breadcrumbs { padding:5px 5px 5px 0; margin:0;font-size:95%; line-height:1.4em; border-bottom:4px double #e2e7b4; } .breadcrumbs a { text-decoration:none; color: #000000; } </blockquote> 8. Silahkan cari kode berikut pada template anda : <div style="text-align: center; color: rgb(255, 0, 0);"><div class='post hentry'> </div> 9. Copy lalu paste kode di bawah ini persis di bawah kode <div class='post hentry'> <blockquote style="color: rgb(255, 102, 0);"><b:if cond='data:blog.homepageUrl == data:blog.url'> <b:else/> <b:if cond='data:blog.pageType == &quot;item&quot;'> <div class='breadcrumbs'><a expr:href='data:blog.homepageUrl'>Ganti Dengan Kata Kunci Utama Blog</a> &#187; <b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url' rel='tag'><data:label.name/></a> <b:if cond='data:label.isLast != &quot;true&quot;'> , </b:if> </b:loop> </b:if> &#187; <data:post.title/> </div> </b:if> </b:if></blockquote>Simpan/save dan silahkan lihat hasilnya secara langsung di atas judul postingan "Cara Pasang Breadcrumb Blogspot" ini dan bisa juga di lihat pada bagian halaman posting blog kita masing-masing, maka hasilnya mirip dengan dengan gambar di bawah ini: <a href="http://www.aziscs1.com/search/label/blogger" style=""><img alt="Cara pasang Navigasi Breadcrumb di blogspot " border="0" id="BLOGGER_PHOTO_ID_5659651894746143138" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAqAUjTXj-rMcydf4LPft_pYP4BmlfqkRiwOmkm0NYZkWlR_YDf8NAMV8TaOB3AT6xyAKESSkJaH8_T4t9Oq3bm_3zagJY3UAdKLaW1j9fXxUKvQ1d8rH19whClVd9v7xYZb8AflOnIuyD/s320/Cara+pasang+Navigasi+Breadcrumb+di+blogspot.jpg" style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 320px; height: 127px;" /></a> Style template seperti ini akan menambah seo friendly sebuah template, Selamat mencoba sUMBER : http://www.aziscs1.com/2011/10/cara-pasang-navigasi-breadcrumb-di.html

tutorial blog Cara pasang Navigasi Breadcrumb

Breadcrumb dalam istilah Blogger adalah sebuah bantuan navigasi yang digunakan dalam user interface sehingga memudahkan user untuk menav...

5 Teknik SEO yang menghancurkan blog Anda

12:56 PM Admin 0

Kali ini Klinik Blogger akan menjelaskan Apa sajakah Teknik-teknik SEO yang akan menghancurkan <a href="http://klinik-blogger.blogspot.com/">blog</a> anda ? Simak dalam poin-poin berikut : 1) jual beli Link. Teknik mendapatkan backlink instant dari <a href="http://klinik-blogger.blogspot.com/">blog</a> berpagerank tinggi dengan membeli link dari mereka — apa lagi melalui layanan-layanan jual beli link — sangat berisiko. Maksud hati ingin meningkatkan posisi di SERP malah ditendang jauh-jauh ke buntut google. SOLUSI: Buat konten yang mengagumkan dan menarik sehingga orang nge-link ke blog sobat secara alami. Atau, jika sobat memang ingin membeli link dari suatu blog — kontak langsung admin blog tersebut untuk membeli link secara manual. 2) Uncloaked Affiliate links. Mengapa Google membenci afiliasi? Tampaknya Google membenci segala hal yang berbau komersial - jika hal itu membuat uang untuk sobat, Google tidak menyukainya (mbah google egois juga yah..). Kecuali tentu saja Anda membayar Google , seperti dalam membeli Adwords untuk PPC. Kemudian mereka akan mencintai Anda. (terlalu~) SOLUSI: berdoa agar mbah google tetap mencintai sobat (hhehe) 3) Melink ke blog tukang spam / berbau BB 17. Perhatikan orang2 yang komen di blog dofollow anda. jika link mereka menuju je situs yg kurang baik dimata om gugel, silahkan hapus komentar mereka. SOLUSI: Moderasi komentar anda, nofollow link, atau keduanya. 4) Blog yang tidak aktif. ketika robot google mengunjungi blog anda dan blog anda sedang dalam keadaan server down. dapat dipastikan blog yang telah lama nangkring di serp bakalan terpeleset jauuuuhhh~. SOLUSI: gunakan web hosting yang terpercaya. atau gunakan blogspot ! hhe 5) Duplicate Content. OK, juragan rasa semuanya dah pada tau. kalo kalian tukang copy paste blog orang lain, mulai sekarang hentikan hal itu karena hal tersebut akan menghancurkan citra, harga diri anda di hadapan blogger lain maupun dihadapan mbah google. so cepet2an tobat deh... SOLUSI: Nofollow link ke konten duplikat, blok kontent tersebut dalam robots.txt, atau menggunakan tag Canonical Google

tutorial blog 5 Teknik SEO yang menghancurkan blog Anda

Kali ini Klinik Blogger akan menjelaskan Apa sajakah Teknik-teknik SEO yang akan menghancurkan blog anda ? Simak dalam poin-poin berikut : ...

Cara Mudah Mendapatkan Penghasilan dari ZIDDU

9:40 AM Admin 8

Satu Lagi Cara Mudah mendapatkan penghasilan tambahan dari Internet Untuk para <a href="http://www.aziscs1.com/search/label/blogger" style="">Blogger</a>, Situs yang dapat memberikan penghasilan berupa Dollar ini Namanya adalah <a href="http://www.ziddu.com/register.php?referralid=%28yoMbJ]0%21%29D" style="">Ziddu</a>. <a href="http://www.ziddu.com/register.php?referralid=%28yoMbJ]0%21%29D">Ziddu</a> adalah Free Unlimited File Hosting. Anda dapat menyimpan file anda di Ziddu secara GRATIS dan kemudian menyebarkannya di internet. Kita bisa upload file kita yang akan di share (di bagi) dengan orang lain. Dimana orang lain tersebut nantinya bisa men-download file yang kita upload tadi. Bagi Anda yang ingin mengupload file-file seperti file dokumen, file word, e-book, mp3, pdf, gambar, <a href="http://www.aziscs1.com/search/label/Download">software</a> atau file apapun ke internet saya merekomendasikan Anda menggunakan fasilitas dari Ziddu. Anda bebas menyimpan file-file yang ingin Anda sebarkan di internet tanpa dibatasi kuota. Setelah Anda meng upload file di Ziddu akan diberikan link download dimana Anda dapat menyebarkan link download file Anda tersebut. Anda dapat meng-copy link download tersebut yang kemudian dapat anda paste di blog anda, di Friendster atau Facebook anda. <div style="text-align: center;"><a href="http://www.ziddu.com/register.php?referralid=%28yoMbJ]0%21%29D" style="" target="_blank"><img border="0" src="http://www.ziddu.com/banners/images/zidduax300x250.gif" /></a> </div> Sobat aziscs1 akan DIBAYAR $0.001 jika ada yang 1 kali men <a href="http://www.aziscs1.com/search/label/Download">download</a>nya. Jika di akumulasikan akan seperti ini.. 10000 Unique Downloads: $10 USD 50000 Unique Downloads: $50 USD 100000 Unique Downloads: $100 USD 500000 Unique Downloads: $500 USD 1000000 Unique Downloads: $1000 USD Bonus juga akan diberikan jika Anda merekomendasikan orang lain untuk menggunakan <a href="http://www.ziddu.com/register.php?referralid=%28yoMbJ]0%21%29D">Ziddu </a>sebesar $0.10 Dolar. Nantinya Anda akan diberikan link refferal oleh <a href="http://www.ziddu.com/register.php?referralid=%28yoMbJ]0%21%29D">Ziddu</a>. Nanti akan saya beritahu caranya.<a href="http://www.ziddu.com/register.php?referralid=%28yoMbJ]0%21%29D"> Ziddu</a> akan mengirimkan pendapatan Anda setelah mencapai 10 dolar. Sobat aziscs1 berminat? Silakan daftar gratis Ziddu <a href="http://www.ziddu.com/register.php?referralid=%28yoMbJ]0%21%29D">disini.</a> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdxDx0KLkdmKeECWs6hlmc0D-2pWj5zPxRRq9Hx2cHOkU-HdIKrbR7vYb8ns6Hd4336rZMklzIS_hPRqJIpsnUFb3dzdA0kS70-V7HZK-UHBU1fVJyDFWGnNB4asF7MorxbOn64F9P7kSQ/s1600/Daftar+ziddu.jpg" style=""><img alt="" border="0" id="BLOGGER_PHOTO_ID_5566808696784702642" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdxDx0KLkdmKeECWs6hlmc0D-2pWj5zPxRRq9Hx2cHOkU-HdIKrbR7vYb8ns6Hd4336rZMklzIS_hPRqJIpsnUFb3dzdA0kS70-V7HZK-UHBU1fVJyDFWGnNB4asF7MorxbOn64F9P7kSQ/s400/Daftar+ziddu.jpg" style="display: block; margin: 0px auto 10px; text-align: center; cursor: pointer; width: 400px; height: 284px;" /></a> 1. Setelah masuk, Isikan nama, email, password serta verifikasi kode kemudian klik “submit”. 2. Kemudian anda akan di giring ke halaman baru, di sana anda di minta untuk upload file pertama anda. pilihlah file yang anda pilih kemudian upload. <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZXIOih75cf0YNaH5vehe9Gs7g7Z3TfRERsD5WTvDm7qR3Z-8CeSNgUXH32aIrHof3QhsxVr_HxWkPi_Ag0ANmctP_Jb7LrGgQDulLUlalUDj7Tngf3GeQgaCmqmy1JpqfWPYxe8KvnAEq/s1600/Upload+Ziddu.jpg" style=""><img alt="" border="0" id="BLOGGER_PHOTO_ID_5566809162175969106" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZXIOih75cf0YNaH5vehe9Gs7g7Z3TfRERsD5WTvDm7qR3Z-8CeSNgUXH32aIrHof3QhsxVr_HxWkPi_Ag0ANmctP_Jb7LrGgQDulLUlalUDj7Tngf3GeQgaCmqmy1JpqfWPYxe8KvnAEq/s320/Upload+Ziddu.jpg" style="display: block; margin: 0px auto 10px; text-align: center; cursor: pointer; width: 320px; height: 134px;" /></a> 3. Jika anda tidak langsung masuk ke halaman upload, maka anda bisa mencoba untuk login dengan email dan password yang telah anda buat tadi. kemudian setelah login cobalah untuk upload file pertama anda. 4. Setelah selesai upload maka akan ada link file yang tadi anda upload, nah di sana ada URL yang bisa anda sebarkan di blog, forum, friendster maupun facebook agar orang lain download file tersebut. Oleh karena itu upload saja hal-hal yang bagus dan berguna seperti software, gambar e-book atau MP3. (Mungkin MP3 akan banyak yang akan men-download.) Setelah itu ada banyak menu yang bisa anda lihat di sana seperti penghasilan anda, file anda, semuanya ada di pilihan toolbar. Cara mendapatkan link refferal : Setelah anda login, cobalah untuk melihat di bawah dan klik pada tulisan “refferal banner”, kemudian di sana anda akan mendapatkan link refferal Anda. Sebarkan saja link tersebut di forum, blog, friendster maupun facebook selain itu anda juga bisa mendapatkan kode banner yang bisa anda pasang di mana saja. Pembayaran Anda akan di transfer melalaui Paypal.

tutorial blog Cara Mudah Mendapatkan Penghasilan dari ZIDDU

Satu Lagi Cara Mudah mendapatkan penghasilan tambahan dari Internet Untuk para Blogger , Situs yang dapat memberikan penghasilan berupa Doll...

Cara Menambahkan Tombol Twitter di Blog

9:35 AM Admin 0

<a href="http://twitter.com/aziscs1" style=""><img alt="" border="0" id="BLOGGER_PHOTO_ID_5571902912636192722" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGhufTfBFJ028dS-RXG2Re7NC7lhnPQQsfL6s5nWeZhjD5W-kb04kS3Jmluzfn6feEzOykdOVq27pdpqBAoovaxi11_cCxqktoxWrfV26eCLAFRqXr5WxRZY3YKp_3yAMoB04nv4Cd49C1/s200/Kumpulan+Icon+follow-me-on-Twitter-on+aziscs1-com++oleh+blogger+Banjarmasin.png" style="float: left; margin: 0pt 10px 10px 0pt; cursor: pointer; width: 200px; height: 200px;" /></a><a href="http://www.aziscs1.com/" style=""></a>Pada kesempatan kali ini saya akan memberikan Tips Menambahkan Twitter Button di Blog. tujuan menambahkan twitter button di blog adalah agar banyak pengunjung blog kita yang menjadi follower. Selain agar Twitter kita banyak followernya cara ini juga sangat ampuh untuk mempromosikan blog kita. saya sendiri sudah punya akun twitter yang beralamat di http://twitter.com/aziscs1 Kalo anda punya twitter juga, boleh koq follow twitter saya :D . Sekarang bagaimana supaya anda mempunyai banyak follower di twitter? Nah caranya ya dengan Menambahkan Twitter Button di Blog Sobat. Sebagai contoh, saya meletakkan twitter button di sidebar blog ini. Caranya sangat mudah. Cukup copy paste code di bawah ini ke blog anda. <blockquote style="color: rgb(255, 102, 0);"><a href="http://twitter.com/aziscs1"><img title="Follow aku ya" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLYm5PH9u1EIamdo3fPEHn1CpdvtFoipnAMg6m20Ee7nZ8c3Cic_zF7Q2f4tAoc4r_F092y6d6IQaQXm9xT-i2bdwB5Wvk9sr9gSiDcTU83DqzfrcfgCoamyuJ4-P0Vwx21fk8Lkaw4X5H/s1600/Kumpulan+Icon+follow-me-on-Twitter-on+aziscs1-com++oleh+blogger+Banjarmasin.png" /></a> </blockquote> 1. Buka <a href="http://www.blogger.com/" style="">Blogger</a> 2. Pilih menu ‘Tata letak’, pastikan kamu berada pada tab ‘Element Halaman’. 3. Klik ‘Tambah Widget’ pada bagian manapun (atas,bawah,kiri atau kanan. Terserah pokoknya) lalu pilih ‘HTML/JavaScript’ pada jendela baru yang muncul. 4. Akan muncul jendela untuk memasukkan kode. Nah, paste kode yang tadi sudah kamu copy. Biarkan kolom untuk judul kosong. 5. Tinggal klik tombol ‘SIMPAN’ dan salju-salju yang indah sudah berjatuhan dari blogmu. Mudah kan? Keterangan code Warna merah adalah nama twitter sobat aziscs1 sedangkan Hijau Link logo Twitter Sobat aziscs1. bagi sobat aziscs1 ingin mendapatkan logo logo yang unik dan keren silakan <a href="http://www.aziscs1.com/2011/02/kumpulan-gambar-logo-follow-me-on.html" style="font-weight: bold; color: rgb(255, 127, 255);">klik disini</a>.

tutorial blog Cara Menambahkan Tombol Twitter di Blog

Pada kesempatan kali ini saya akan memberikan Tips Menambahkan Twitter Button di Blog. tujuan menambahkan twitter button di blog adalah agar...

Menambahkan Top Comment di Blog

8:55 AM Admin 3

Komentator biasanya adalah para pengunjung dari sesama <a href="http://klinik-blogger.blogspot.com/">Blogger</a> atau hasil Blogwalking. Sebagai tanda terima kasih kepada sahabat blogger yang telah setia membaca dan bercomment-comment di blog, dapat diwujudkan dengan cara Menampilkan Komentar Terbanyak / Top Komentator. <a href="http://klinik-blogger.blogspot.com/">Blogger-blogger</a> besarpun banyak yang memakai gadget ini lho Selain fungsinya sebagai penghargaan kepada komentator blog setia kita, fungsi lainnya adalah kita dapat mengamati tingkatan blogger-blogger yang bercomment ria pada blog kita. Kita dapat mengetahui suatu blog paling banyak jumlah komentar berapa? <a name="more"></a> Ok, ayo kita pasang Komentar Terbanyak / Top Komentator, begini caranya, cuma copy-paste doank : 1. Buka akun blog Anda 2. lalu pilih tambah gadget 3. kemudian klik javascript 4. masukkan or copy-paste kode html berikut : <blockquote style="color: rgb(51, 204, 0);"><script type="text/javascript"> function pipeCallback(obj) { document.write("<ul>"); var i; for (i = 0; i < obj.count ; i++) { var href = "'" + obj.value.items[i].link + "'"; var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>"; document.write(item); } document.write("</ul>"); } </script> <script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback& _id=a55cb97ebb368bb1b89b7f6bdeb35336&filter=KlinikBlogger&url=http%3A%2F%2Fklinik-blogger.blogspot.com&num=10" type="text/javascript"></script></blockquote> 5. Ganti teks berwarna merah KlinikBlogger dan klinik-blogger.blogspot.com dengan alamat/url blog anda dan ganti angka 10 dengan jumlah sesukamu. 6. Klik Save/Simpan. Gimana... mudah bukan cara Menampilkan Komentar Terbanayak / Top Komentator. Semoga bermanfat. <div style="text-align: center;">Sumber: http://kandangtips.blogspot.com</div>

tutorial blog Menambahkan Top Comment di Blog

Komentator biasanya adalah para pengunjung dari sesama Blogger atau hasil Blogwalking. Sebagai tanda terima kasih kepada sahabat blogger ya...

Trik menghilangkan Teks subscribe to: post(atom)

1:14 AM Admin 0

Jika Sobat <a href="http://klinik-blogger.blogspot.com/">Klinik Blogger</a> baru membuat <a href="http://klinik-blogger.blogspot.com/">Blog</a> dan masih menggunakan Template Standar biasanya di bagian bawah postingan terdapat tulisan tulisan subscribe to: post(atom) atau berlangganan : post(atom). Jika sobat aziscs1 ingin meghilangkan tulisan tersebut berikut caranya ; 1. Login ke <a href="http://klinik-blogger.blogspot.com/">Blogger</a>. Klik menu Layout -> Edit HTML 2. Beri tanda centang pada "Expand Widget Template" 3. Lalu cari kode di bawah ini: <blockquote style="color: rgb(51, 204, 0);"><div class='feed-links'> <data:feedLinksMsg/> <b:loop values='data:links' var='f'> <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a> </b:loop> </div></blockquote> 4. Kalau sudah ketemu, hapus kode tersebut lalu Simpan 5. Selesai. Silahkan klik View Blog untuk melihat hasilnya

tutorial blog Trik menghilangkan Teks subscribe to: post(atom)

Jika Sobat Klinik Blogger baru membuat Blog dan masih menggunakan Template Standar biasanya di bagian bawah postingan terdapat tulisan tul...

All About Blogspot And Facebook