10 Cara meningkatkan Trafik Blog Ala Yaro Starak’s

<a href="http://klinik-blogger.blogspot.com/2012/06/10-cara-meningkatkan-trafik-blog-ala.html"><b>10 Cara meningkatkan Trafik Blog </b></a> - Tulisan ini merupakan kutipan dari <a href="http://www.eblogtemplates.com/">www.eblogtemplates.com</a> yang menerangkan 10 cara untuk mendapatkan <a href="http://klinik-blogger.blogspot.com/"><b>trafik blog</b></a> yang banyak menurut Yaro Starak’s. <br /> Berikut kutipan yang saya kutip :<br /> <br /> <ol> <li><b>Buat Minimal 5 artikel utama (artikel berkualitas)</b> , buatlah minimal 5 pembahasan yang menurut anda cukup baik dan berkualitas, sehingga orang lain akan merasakan manfaat dari membaca blog anda.</li> <li><b>Buat Minimal satu postingan dalam satu hari</b>, hal ini perlu dilakukan terutama jika blog kita masih sedikit postingan, dan untuk menunjukkan kepada pengunjung bahwa blog kita selalu update sehingga membuatnya ketagihan informasi yang kita sediakan. Namun hal ini tidak perlu dilakukan secara terus menerus, hal ini dilakukan untuk mendapatkan pengunjung yang loyal kepada blog anda.</li> <li><b>Gunakan domain name yang baik</b>, buatlah domain name yang mudah diingat oleh orang lain sehingga ia tidak perlu susah-susah mencatat alamat blog anda. dan ia akan lebih mudah menyebarkan kepada orang lain bila ia merasa puas dengan blog kita.</li> <li><b>Mulailah berkomentar pada blog lain</b>, hal ini perlu dilakukan untuk meningkatkan rasa persaudaraan dan saling tolong-menolong pada blogger yang lain, hal ini juga akan bermanfaat bila orang yang membaca blog yang kita komentari dan melihat link blog kita mungkin ia akan tertarik untuk berkunjung ke blog kita.</li> <li><b>Buatlah Track back dan buat link ke blog lain</b>, hal ini dilakukan selain untuk menambah wawasan kepada pembaca kita dengan sumber yang lain, ini juga akan mengundang blog yang kita buat track back untuk berkunjung ke blog kita dan membaca blog kita.</li> <li><b>Doronglah supaya pembaca memberi komentar kepada postingan kita</b>, satu hal yang sangat penting untuk mendapatkan pembaca loyal adalah dengan memperlihatkan bahwa terdapat pembaca loyal lainnya yang membaca blog kita. Dengan melihat komentar dari yang lain maka ia juga ingin memberi komentar kepada blog kita. Tapi jangan lupa untuk selalu merespon kepada setiap komentar yang diterima.</li> <li><b>Kirim Postingan Blog anda ke Blog Carnival</b>, blog karnival adalah sebuah situs yang membuat kumpulan dan kesimpulan tentang satu topik dari berbagai blog. untuk memulainya masuklah ke http://blogcarnival.com </li> <li><b>Kirim Blog anda ke<a href="http://www.blogger.com/goog_474326870"> </a></b><b>www.blogtopsites.com</b>, pertama-tama mungkin akan cukup membuat anda sibuk dengan mendaftar di www.blogtopsites.com, namun ketika anda sudah mendaftar anda tidak perlu melakukan apa-apa lagi selain mendapatkan 1-10 pengunjung tiap hari, namun lama-kelamaan akan terus meningkat.</li> <li><b>Kirim Blog anda  ke </b><b>www.ezinearticles.com</b>, hampir sama dengan yang sebelumnya, anda hanya perlu artikel yang menurut anda baik.</li> <li><b>Tulislah lebih banyak artikel utama</b>, buatlah artikel utama yang membuat orang lain merasakan manfaat dari tulisan anda.</li> </ol> Demikian <b><a href="http://klinik-blogger.blogspot.com/2012/06/10-cara-meningkatkan-trafik-blog-ala.html">10 Cara meningkatkan Trafik Blog</a> </b> semoga bermanfaat. <br /> <div style="background-color: white; border: medium none; color: black; overflow: hidden; text-align: left; text-decoration: none;"> <br /></div>

SEO 10 Cara meningkatkan Trafik Blog Ala Yaro Starak’s

10 Cara meningkatkan Trafik Blog  - Tulisan ini merupakan kutipan dari www.eblogtemplates.com yang menerangkan 10 cara untuk mendapatkan t...

Read more »

Membuat Read More Otomatis (Baca Selanjutnya) Versi terbaru

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

Read more »

Membuat Buku Tamu Dengan Light Effect

<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 <b>Shoutbox Melayang Dengan Light Effect jQuery</b> . 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><br /><br /><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><br /><br /><div style="text-align: center;"><br /></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:<br /><br />1. Login Ke Blogger kalian<br />2. Pilih <span style="font-weight: bold;">Rancangan</span> ---> <span style="font-weight: bold;">ELEMEN halaman</span><br />3. <span style="font-weight: bold;">Tambah Gadget</span> ---> Pilih <span style="font-weight: bold;">HTML/Java Script</span><br />4. Simpan kode berikut dalam konten HTML/Java Scriptnya<br /><br /><blockquote style="color: rgb(51, 204, 255);"><!-- Start Shoutbox light effect by Han --><br /><script type="text/javascript" src="http://code.jquery.com/jquery-latest.pack.js"></script><br /><script><br />$(document).ready(function() {<br />//select all the a tag with name equal to modal<br />$('a[name=modal]').click(function(e) {<br />//Cancel the link behavior<br />e.preventDefault();<br />//Get the A tag<br />var id = $(this).attr('href');<br />//Get the screen height and width<br />var semahHeight = $(document).height();<br />var semahWidth = $(window).width();<br />//Set heigth and width to semah to fill up the whole screen<br />$('#semah').css({'width':semahWidth,'height':semahHeight});<br />//transition effect<br />$('#semah').fadeIn(1000);<br />$('#semah').fadeTo("slow",0.8);<br />//Get the window height and width<br />var winH = $(window).height();<br />var winW = $(window).width();<br />//Set the popup window to center<br />$(id).css('top', winH/2-$(id).height()/2);<br />$(id).css('left', winW/2-$(id).width()/2);<br />//transition effect<br />$(id).fadeIn(2000);<br />});<br />//if close button is clicked<br />$('.window .close').click(function (e) {<br />//Cancel the link behavior<br />e.preventDefault();<br />$('#semah').hide();<br />$('.window').hide();<br />});<br />//if semah is clicked<br />$('#semah').click(function () {<br />$(this).hide();<br />$('.window').hide();<br />});<br />});<br /></script><br /><br /><style>a {color:#ffffff; text-decoration:none}<br />img { border: none; }<br />#semah {<br />position:absolute;<br />left:0;<br />top:0;<br />z-index:9000;<br />background-color:#000;<br />display:none;<br />}<br />#wadah .window {<br />position:fixed;<br />left:0;<br />top:0;<br />width:440px;<br />height:200px;<br />display:none;<br />z-index:9999;<br />padding:20px;<br />}<br />#wadah #kid53 {<br />background:url(<span style="color: rgb(255, 0, 0);">http://i809.photobucket.com/albums/zz15/yuda03/REDGUESTBOOK.png</span>) no-repeat 0 0 transparent;<br />width:272px;<br />height:460px;<br />padding:56px 0 20px 5px;<br />}<br />#tutupan {<br />padding:2px 0 0 0;<br />}<br /></style><br /><br /><ul><center> <a href="#kid53" name="modal"><img src="<span style="color: rgb(255, 0, 0);">http://i809.photobucket.com/albums/zz15/yuda03/shoutboxtabRED.png</span>" border="0" width="158" height="58" /></a> </center> </ul><br /><br /><div id="wadah"><br /><!-- Start Shoutbox --><br /><div id="kid53" class="window"><br /><br /><span style="color: rgb(255, 0, 0);">SIMPAN SCRIPT Cbox KALIAN DISINI</span><br /><br /><div id="tutupan"><input type="button" value="Close" class="close" /><br /></div></div><!-- End Shoutbox --><br /><div id="semah"></div></div><br /><!-- End of Shoutbox light effect by Han--><br /></div></blockquote><br /><br /><br />5. Jangan lupa disimpan<br /><br /><br /><div class="perhatian"><b>Catatan</b><br /><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 :<br /><br /><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><br /><br />TAMBAHAN :<br /><br />Tampilan button shoutbox diatas letaknya didalam sidebar, dan karena ada permintaan salah satu sahabat blogger, yang meminta untuk memasang buttonnya disamping,<br /><br />gan saya mau nanya ni, bisa gak bmbrnya di tempel di kanan gtu atw di kiri? mohon bntuannya ya :)<br />Supaya gambar berada melayang disamping silahkan kalian ganti kode ini:<br /><blockquote style="color: rgb(51, 204, 255);"><br /><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 :<br /><blockquote style="color: rgb(51, 204, 255);"><ul><div style='display:scroll; position:fixed; top:5px; right:3px;'><br /><a href="#kid53" name="modal"><img src="http://lh3.ggpht.com/_MvLBi88bM_I/TKBi6-LLyiI/AAAAAAAABgo/mXUIjU7ayaY/NiceGB.png" width="158" height="58" /></a><br /></div><br /></ul><br /></blockquote>Untuk gambarnya juga saya sudah buatkan, dan silahkan tinggal digunakan.<br /><br /><span style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://lh5.ggpht.com/_MvLBi88bM_I/TKBi67qZ-BI/AAAAAAAABgk/jkuk4xIevG0/GbNice.png" /></span><img src="http://lh3.ggpht.com/_MvLBi88bM_I/TKBi6-LLyiI/AAAAAAAABgo/mXUIjU7ayaY/NiceGB.png" /><br /><br />Semoga <span style="font-weight: bold;">Membuat Buku Tamu Melayang Dengan Light Effect</span> 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...

Read more »