Membuat Related Post Dengan Thumbnails

Masih kita ulas tuntas cara membuat related post, jika sebelumnya saya pernah membuat [ <a href="http://www.rhoedal.co.cc/2010/06/membuat-related-post-berada-di-sidebar.html">Membuat Related Post Berada Di Sidebar</a> ] [ <a href="http://www.rhoedal.co.cc/2010/06/membuat-artikel-terkait-related-post.html">membuat related post yang tidak menampilkan label</a> ] dan [ <a href="http://www.rhoedal.co.cc/2010/05/cara-membuat-related-post-artikel.html">related post yang menampilkan label</a> ] sekarang anda bisa tentukan pilihan anda sendiri... Sebenarnya pilihan itu sangat menyebalkan buat saya...<br />Sok lihat caranya :<br /><br />>> Silahkan anda berangkat ke <a href="http://www.linkwithin.com/learn" rel="nofollow" target="_blank">http://www.linkwithin.com/</a> <br />>> Kemudian pada bagian kanan layar ada sebuah form dan isi kan dengan email anda, alamat blog anda, Platform dan Jumlah related post ya akan tampil.<br />>> Kemudian klik Get widget<br />>> Akan muncul halaman baru lalu klik install widget<br />>> Kemudian akan keluar window baru menambah elemen, Klik Menambah elemen<br /><br /><br /><img src="http://www.linkwithin.com/blogger_step_1.png"/><br /><br />Selesai sudah... Semoga bermanfaat

Widget Membuat Related Post Dengan Thumbnails

Masih kita ulas tuntas cara membuat related post, jika sebelumnya saya pernah membuat [ Membuat Related Post Berada Di Sidebar ] [ membuat ...

Baca selengkapnya »

Disable Klik Kanan Untuk Blog

<img alt="gambar disable klik kanan" src="http://closedstacks.files.wordpress.com/2009/01/mouse.jpg"/><br /><br />Meskipun tidak begitu ampuh untuk melindungi copy paste artikel kita... Nggak ada salahnya mencoba trik yang ini, mungkin sebagian dikit dari peng-Copas (copy paste) artikel kita, tidak mengerti. Berikut ini caranya<br /><br />1. Masuk ke dasbor blogger<br />2. Klik Rancangan<br />3. Elemen Laman<br />4. Tambah Gadget<br />5. Pilih HTML/javascript<br />Kemudian copy paste kode di bawah ini di gadget tersebut<br /><blockquote><br /><script language='JavaScript' type='text/JavaScript'><br />var tenth='';function ninth() {<br />if (document.all) {(tenth);alert("<font color="red">Mohon Masukkan sumbernya jika ingin men-copy artikel ini</font>"); return false;}}<br />function twelfth(e) {<br />if (document.layers||(document.getElementById&&!document.all)) {<br />if (e.which==2||e.which==3) {(tenth);return false;}}}<br />if (document.layers) {document.captureEvents(Event.MOUSEDOWN);document.onmousedown=twelfth;}<br />else{document.onmouseup=twelfth;document.oncontextmenu=ninth;}<br />document.oncontextmenu=new Function('alert("<font color="red">Mohon Masukkan sumbernya jika ingin men-copy artikel ini</font>"); return false')<br /></script><br /></blockquote><br /><br />Jika sudah jangan lupa anda simpan, dan lihat hasilnya.

Blogger Widget Disable Klik Kanan Untuk Blog

Meskipun tidak begitu ampuh untuk melindungi copy paste artikel kita... Nggak ada salahnya mencoba trik yang ini, mungkin sebagian dikit dar...

Baca selengkapnya »

Membuat Related Post Berada Di Sidebar

<img alt="gambar related posts" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQuu8FIeb_LGWgkdig4z1LjETEoMlufJ9nuBIqQVjKT6Cxruc9IGkqX4r2BJJ3UykfpcpUtobPzlPdLkoljW8nw2wgZJNKl9IZvytHRvupDlu-j8iMpsxKlJoaAS7SyagTkRwwwM8xIlM/s400/related_posts_widget.png" width="250"/><br /><br />Masih tentang cara membuat related post, jika kemarin saya pernah [ <a href="http://www.rhoedal.co.cc/2010/06/membuat-artikel-terkait-related-post.html">membuat related post yang tidak menampilkan label</a> ] dan sebelumnya pun pernah membuat [ <a href="http://www.rhoedal.co.cc/2010/05/cara-membuat-related-post-artikel.html">related post yang menampilkan label</a> ] nah kali ini saya membuat related post berada di sidebar, anda tinggal menentukan pilihan apa yang mau cara 1, 2, dan 3. berikut caranya :<br /><br />>> Login blogger<br />>> Klik Rancangan<br />>> Edit HTML<br />>> Centang, Expand Template Widget<br /><br />Cari kode seperti ini <b><data:post.body/></b><br /><br />Kemudian taruh kode di bawah ini di bawah kode <b><data:post.body/></b><br /><blockquote><br /><b:loop values='data:post.labels' var='label'><br /><script src='http://rhoedal.googlecode.com/files/rhoedal1-related.js' type='text/javascript'/><br /><script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/><br /></b:loop><br /></blockquote><br /><br />Selesai, Simpan Template anda<br />Kemudian kembali lagi ke <b>Elemen Laman</b><br />klik Tambah Gadget pilih HTML/javascript <br /><br />Kemudian copy paste kode berikut <br /><blockquote><br /><script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();</script><br /><br /></blockquote><br /><br />Simpan dan lihat hasilnya, Semoga yang bermanfaat juga...

Blogger Widget Membuat Related Post Berada Di Sidebar

Masih tentang cara membuat related post, jika kemarin saya pernah [ membuat related post yang tidak menampilkan label ] dan sebelumnya pun ...

Baca selengkapnya »

Cara Daftar Di Sitemeter

Untuk apa sih sitemeter? Nah mungkin bagi yang belum mengenal sitemeter pasti ada pertanyaan seperti itu.<br />Penjelasannya seperti ini, sitemeter digunakan untuk data pengunjung blog kita, setiap hari, seminggu terakhir dan perbulannya, sitemeter adalah salah satu cara ampuh untuk mengingkatkan trafik blog kita di google mau pun alexa, segera pasangkan sitemeter untuk mengingkatkan trafik blog anda, cara mendaftarnya pun sangat mudah ikuti langkah berikut ini. <br /><br />* Pergi aja dulu ke <a href="http://www.sitemeter.com/?a=signupoptions" rel="nofollow" target="_blank">www.sitemeter.com</a><br />* Kemudian klik sign up (pilih aja yang gratisan)<br /><br /><img src="http://www.sitemeter.com/images/signup_basic_option.gif"/><br /><br />* Your Site's URL >> isi dengan alamat blog kamu<br />* Your Site's Name >> Isi dengan judul blog Kamu<br />* Codename >> yang ini untuk login di sitemeter, di isi dengan user name anda<br />* Your Current Time >> Pilih waktu wilayah anda<br />* By checking this box I agree to be bound by >> Centang kotak kecil tersebut<br />* Kemudian klik next<br />* Email Addres >> Masukkan alamat email kamu<br />* Title >> Pilih aja Other <br />* Your Zip or Postal Code >> Masukkan alamat pos wilayah anda<br />* Can you receive HTML email >> Pilih yes aja<br />* Country >> Negara, Indonesia aja, itu juga kalau anda orang indonesia<br />* Gender >> Anda laki-laki atau perempuan<br />* Klik next lagi<br />* Jika sudah di next, tekan next lagi deh<br /><br />Untuk mengaktifkan periksa alamat email anda dan konfirmasi, jika sudah di konfirmasi selesai deh.

Blogger Cara Daftar Di Sitemeter

Untuk apa sih sitemeter? Nah mungkin bagi yang belum mengenal sitemeter pasti ada pertanyaan seperti itu. Penjelasannya seperti ini, sitemet...

Baca selengkapnya »

Membuat Artikel Terkait / Related Post Tanpa Label

<img alt="gambar related posts" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQuu8FIeb_LGWgkdig4z1LjETEoMlufJ9nuBIqQVjKT6Cxruc9IGkqX4r2BJJ3UykfpcpUtobPzlPdLkoljW8nw2wgZJNKl9IZvytHRvupDlu-j8iMpsxKlJoaAS7SyagTkRwwwM8xIlM/s400/related_posts_widget.png"/><br />Sehabis dapat tantangan dari teman di suruh membuat wapsite akhirnya selesai juga... Meski hasilnya belum semaksimal seperti yang di harapkan ya maklum lah masih banyak kesibukan yang lebih penting dari itu. Terutama ngurus ini blog agar tiap hari blog ini update maka saya akan kasih tau lagi cara membuat related post atau artikel terkait tanpa menampilkan label.<br />Jika kemarin saya membuat related post dengan menampilkan label, baca dulu yang ini [ <a href="http://www.rhoedal.co.cc/2010/05/cara-membuat-related-post-artikel.html">Membuat Related Post / Artikel Terkait </a> ]<br /><br />pertama yang anda harus lakukan adalah sebagai berikut :<br />* cari kode seperti ini <b><data:post.body/></b><br />jika sudah ketemu copy paste kode dibawah ini di di bawah kode <data:post.body/><br /><blockquote><br /><b:loop values='data:post.labels' var='label'><br /><script src='http://rhoedal.googlecode.com/files/rhoedal1-related.js' type='text/javascript'/><br /><script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/><br /></b:loop><br /><br /><script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels(); </script><br /></blockquote><br />Jika sudah selesai jangan lupa di simpan. <br />semoga ini bermanfaat.

Blogger Membuat Artikel Terkait / Related Post Tanpa Label

Sehabis dapat tantangan dari teman di suruh membuat wapsite akhirnya selesai juga... Meski hasilnya belum semaksimal seperti yang di harapka...

Baca selengkapnya »

Memberi Keterangan Dengan Css Bubble Tooltips

<img alt="gambar css bubble tooltips" height="200" src="http://ajaxarchive.com/images/bubble-tooltip-up.gif" width="350"/><br /><br />Nih satu lagi komandan dapet ilmu dari komandan saya <b>kang rohman.</b><br />trik kali ini tidak terlalu berat untuk di terapkan di blog anda karena ini 99.9% menggunakan teknik CSS.<br />Mau tahu apa yang akan saya berikan ke anda sekarang ini?<br />Jadi seperti ini penjelasannya. <br /><br />Anda bisa memberi keterangan singkat pada suatu link dan keterangan tersebut akan muncul dengan gaya css yang begitu cantik.<br /><br />Kita mulai aja dengan persyaratan<br /><br />1. Login di Blogger<br />2. Tata Letak<br />3. Edit HTML<br /><br />Cari kode seperti ini <b>]]></b:skin></b><br />Jika sudah ketemu taruh kode di bawah ini tepat di atas kode tersebut.<br /><br />/*---------- bubble tooltip -----------*/ <br />a.tt{     position:relative;<br />     z-index:24 ;<br />     color:#3 CA3 FF;<br />     font-weight:bold;<br />     text-decoration:none; } <br />a.tt span{ display: none; } <br />/*background:; ie hack, something must be changed in a for ie to execute it*/ <br />a.tt:hover{ z-index:25 ; color: #aaaaff;<br /> background:;} <br />a.tt:hover span.tooltip{<br />     display:block;<br />     position:absolute;<br />     top:0 px; left:0 ;<br />     padding: 15 px 0 0 0 ;<br />     width:200 px;     color: # 993300 ;<br />     text-align: center;     filter: alpha(opacity:90) ;<br />     KHTMLOpacity: 0.90 ;<br />     MozOpacity: 0.90 ;<br />     opacity: 0.90 ; } <br />a.tt:hover span.top{<br />     display: block;<br />     padding: 30 px 8 px 0 ;<br />    background: url(http://lh3. ggpht.com/ _pt7 i0 nbIOCY/SzIcnNeAr-I/AAAAAAAACek/ ol5 o6 rqB5 Qw/bubble_thumb.gif) no-repeat top; } <br />a.tt:hover span.middle{ /* different middle bg for stretch */ <br />     display: block;<br />     padding: 0 8 px;<br />     background: url(http://lh3. ggpht.com/ _pt7 i0 nbIOCY/SzIcrZtXeiI/AAAAAAAACes/ f3 SeQ8 tdw5 A/bubble_filler_thumb%5 B1 %5 D.gif) repeat bottom; } <br />a.tt:hover span.bottom{     display: block;<br />     padding:3 px 8 px 10 px;<br />     color: # 548912 ;<br />    background: url(http://lh3. ggpht.com/ _pt7 i0 nbIOCY/SzIcnNeAr-I/AAAAAAAACek/ ol5 o6 rqB5 Qw/bubble_thumb.gif) no-repeat bottom; }<br /><br />Jika sudah jangan lupa untuk menyimpan template anda. Klik simpan.<br />Jika ingin efek bubble tooltips'nya keluar saat di sorot dengan mouse maka anda hanya perlu menambahkan sedikit kode Kode html pada link yang ingin ada efek bubble tooltips, berikut contohnya<br /><br /><a href="linktujuananda.co.id" <font color="blue">class="tt"</font>>text link<font color="blue"><span class="tooltip"><span class="top"></span><span class="middle"></span></font>Keterang / pesan yang akan muncul pada link<font color="blue"></span><span class="bottom"></span></span></font></a><br /><br />jadi setiap anda ingin menampilkan efek bubble tooltips tinggal menambahkan seperti kode di atas tersebut. Gimana mudahkan and selamat mencoba.

Blogger Css Memberi Keterangan Dengan Css Bubble Tooltips

Nih satu lagi komandan dapet ilmu dari komandan saya kang rohman. trik kali ini tidak terlalu berat untuk di terapkan di blog anda karena in...

Baca selengkapnya »

Membuat Menu Di Samping Judul Gadget

Habis berselancar di salah satu blog saya menemukkan ide, dia juga membuat seperti ini tapi trik penyampainnya terlalu ribet, harus ini itu... Nah insya allah yang ini tidak sulit buat di praktekan. <br /><br /><img alt="image of rhoedal" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQAax5wz9PiJkagT6jKS5Pbyw8LF74IcQBedPQeN9I5G5ICJYJsMfgHiU-HIxkdhkBLbzyJPETO_MSqOn6UrsAYhCHLDSoY-D-x8Zt187Oup8zkRUE_9Gi1O_3LbDW8dbtk1wHDxTbgIQ/s400/2.JPG"/><br /><br />langsung aja kita praktekan dengan persyaratan, jadi saat anda menulis judul gadget tinggal tambahkan saja kode html link, jadi contohnya seperti ini <br/> <a href="http://linkanda.html">kategori</a><br/><br />ingat. di tag [ a ] tersebut tidak boleh ada tambahan tag lagi selain tag [ a ].<br /><br />nah atau anda bisa mengikuti cara kedua yang saya bilang ribet tersebut<br />masuk ke <b>Edit Html</b> >> Centang <b>Expand Template Widget</b> <br /><br />Cari kode widget anda, contohnya seperti ini <br /><br /><b:widget id='HTML2' locked='false' title='Sponsor Link' type='HTML'><br /><b:includable id='main'><br /> <!-- only display title if it's non-empty --><br /> <b:if cond='data:title != ""'><br /> <h2 class='title'><font color="blue"><data:title/></font></h2><br /> </b:if><br /> <div class='widget-content'><br /> <data:content/><br /> </div><br /><br /> <b:include name='quickedit'/><br /></b:includable><br /></b:widget><br /><br />Jadi tinggal tambahkan kode seperti ini di samping kode yang berwarna biru, <br /><b><a href='http:/xxxxxx.com'>...</a></b><br /><br />Seperti ini contohnya<br /><b:widget id='HTML2' locked='false' title='Sponsor Link' type='HTML'><br /><b:includable id='main'><br /> <!-- only display title if it's non-empty --><br /> <b:if cond='data:title != ""'><br /> <h2 class='title'><font color="blue"><data:title/></font><font color="red"> | <a href='http:/xxxxxx.com'>disini teksnya</a> | <a href='http:/wwwxxxxxx.com'>tambahan link</a></font> </h2><br /> </b:if><br /> <div class='widget-content'><br /> <data:content/><br /> </div><br /><br /> <b:include name='quickedit'/><br /></b:includable><br /></b:widget><br /><br />Sekarang anda tinggal memilih cara 1 atau yang ke 2. Semoga-semoga dan semoga bermanfaat

Blogger Widget Membuat Menu Di Samping Judul Gadget

Habis berselancar di salah satu blog saya menemukkan ide, dia juga membuat seperti ini tapi trik penyampainnya terlalu ribet, harus ini itu....

Baca selengkapnya »

Cara Memasang Widget Penghitung Pengunjung

<img alt="traffic blog hit counter" src="http://www.earningguys.com/wp-content/images/blog-traffic.gif"/><br /><br />Seberapa banyak pengunjung blog anda? Yuk ketahui dengan widget hit counter...<br /><br />* Silahkan menuju ke <a href="http://www.website-hit-counters.com" rel="nofollow" target="_blank">Website Hit Counter</a><br />* Pilih tampilan yang anda suka, klik buton radio<br />* Pada <b>Website Url</b> isi alamat blog anda<br />* Starting Count : mulai menghitung dari 0 (nol) atau dari 1000 (misalnya)<br />* Increment on : Pilih all hit aja<br />* is this a new or an existing account pilih new<br />* Email addres . Masukkan email anda<br />* tidak usah di centang pada <b>I would like a weekly traffic summary sent to this email</b><br />* Password masukkan password anda. Setelah anda mendapatkan script-nya silahkan pasang di sidebar anda cara memasangnya baca yang ini [ <a href="http://www.rhoedal.co.cc/2010/06/cara-pasang-gadget-htmljavascript.html">Cara pasang gadget html / javascript </a> ]<br /><br />Semoga bermanfaat...

Blogger Widget Cara Memasang Widget Penghitung Pengunjung

Seberapa banyak pengunjung blog anda? Yuk ketahui dengan widget hit counter... * Silahkan menuju ke Website Hit Counter * Pilih tampilan yan...

Baca selengkapnya »