tag:blogger.com,1999:blog-81042567585101775962024-03-06T07:13:50.573+07:00Kumpulan Trick Blogden zuazhttp://www.blogger.com/profile/06961337061354681028noreply@blogger.comBlogger21125tag:blogger.com,1999:blog-8104256758510177596.post-91410877821099402022012-05-04T00:27:00.000+07:002012-05-04T00:27:56.046+07:00Ucapan Terima Kasih Saya<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3msGBBJO3JWqyuaH92I579BP9tBi6bQhIhqQIjFHhINlXSYgZ3hvcRvFRjc9ycbzOnqmUny8jPW1zGFkpsv7Ei3GOglEFda9QeOZIIAQh91kqgD84wV2srEKwUZIqdeJbMzE96BGO9NG6/s1600/smiley-denzuaz.png" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="306" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3msGBBJO3JWqyuaH92I579BP9tBi6bQhIhqQIjFHhINlXSYgZ3hvcRvFRjc9ycbzOnqmUny8jPW1zGFkpsv7Ei3GOglEFda9QeOZIIAQh91kqgD84wV2srEKwUZIqdeJbMzE96BGO9NG6/s320/smiley-denzuaz.png" width="320" /></a></div>
<div style="text-align: justify;">
<b>Assalamu Alaikum Wr. Wb</b><br />
<br />
<br /></div>
<div style="text-align: justify;">
Puji
syukur saya panjatkan kehadirat Allah SWT yang telah memberi saya
kesehatan jasmani maupun rohani sehingga saya masih bisa mengucapkan
kata-kata dalam postingan ini,</div>
<div style="text-align: justify;">
<br />
Solawat serta salam saya ucapkan kepada junjungan
Nabi besar saya Muhammad SAW yang telah menunjukkan saya dari jalan yang
gelap gulita menuju jalan yang terang benderang.<br />
<br />
Salam Blogger, kali ini saya tidak memposting tips trick komputer pemula dan saya juga tidak memposting tips trik blog.<br />
<br /></div>
<div style="text-align: justify;">
Kali
ini saya ingin berterima kasih sebanyak-banyaknya kepada sahabat
blogger yang telah mendukung blog K-T-B di networked blogs, Sahabat yang ikut bergabung di sahabat blogger dan Juga sahabat yang mau berlangganan
artikel melalui Email.<br />
<br /></div>
<div style="text-align: justify;">
Beribu-ribu
terima kasih juga saya ucapkan kepada teman-teman yang lainya yang
telah sudi berkunjung ke blog pemula ini, sehingga blog K-T-B
akhirnya mendapatkan rangking dari google.<br />
<br /></div>
<div style="text-align: justify;">
Rasa
percaya tidak percaya saat saya iseng-iseng cek page rank yang biasanya
0/10 dan kini menjadi 1/10, yang artinya kini blog K-T-B
mendapatkan page rank 1.</div>
<br />
<center><a href="http://www.prchecker.info/" target="_blank" title="Display Pagerank">
<img alt="Display Pagerank" src="http://pr.prchecker.info/getpr.php?codex=aHR0cDovL2FsbC10cmljay1ibG9nLmJsb2dzcG90LmNvbQ==&tag=2" style="border: 0;" /></a></center>
<br />
<div style="text-align: justify;">
Bukannya
saya mau pamer saat ini, tapi saya hanya merasa sangat senag sekali
saat melihatnya dan bingung ingin mengucapkan apa kepada Sobat semua
yang telah sudi mendukung blog K-T-B. Sekali lagi saya sebagai
admin Blog K-T-B "<a href="http://www.blogger.com/profile/06961337061354681028" target="_blank"><b>den zuaz</b></a>" Mengucapkan beribu-ribu terima kasih kepada Sobat semuanya, Mohon untuk tetap mendukung K-T-B sampai kapanpun.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Dalam
kesempatan kali ini saya juga mengucapkan selamat kepada Sobat sekalian
yang telah mendapatkan rangking dari google, Silakan Sobat Cek di sini <a href="http://www.prchecker.info/" target="_blank"><b>Google PageRank Checker</b></a>,
bagi sobat yang belum mendapatkan rangking haruslah bersabar dan terus
semangat untuk memposting artikel-artikel yang bermanfaat.<br />
<br /></div>
<div style="text-align: justify;">
Demikian Ucapan Terima Kasih Saya dan saya akhiri <b>Wassalamualaikum Wr. Wb</b></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Hormat saya <a href="http://www.blogger.com/profile/06961337061354681028" target="_blank"><b>den zuaz</b></a>.</div>den zuazhttp://www.blogger.com/profile/06961337061354681028noreply@blogger.com76tag:blogger.com,1999:blog-8104256758510177596.post-2552560852571628352012-04-16T18:14:00.000+07:002012-04-16T18:14:36.793+07:00Cara Mecegah Copy Paste Pada Blog<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZZUF80FzyOwvp5Itwzg_BEOzaMqUrYak0dLLaGd7OB4bFsfiB7XbI5RXeOs1duvzXvEPy_GqJZjDgXMlbKi_lfWaUrlrAxdTyOnPV8kIZXacuP94x2jcrAHl0RN8jfLoKOvgD_3Xpf48i/s1600/naruto+dont+copy.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="199" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZZUF80FzyOwvp5Itwzg_BEOzaMqUrYak0dLLaGd7OB4bFsfiB7XbI5RXeOs1duvzXvEPy_GqJZjDgXMlbKi_lfWaUrlrAxdTyOnPV8kIZXacuP94x2jcrAHl0RN8jfLoKOvgD_3Xpf48i/s200/naruto+dont+copy.png" width="200" /></a></div>
Setelah sekian lama tidak posting dikarenakan masih banyak urusan yang harus saya selesaikan, dan kali ini saya hanya sedikit share dari postingan blog sahabat yaitu tentang cara mencegah copy paste pada blog, kalau menurut saya sih hal ini tidak terlalu penting, merupakan satu keuntungan tersendiri bila artikel kita di copas (copy paste), apa lagi bila sobat yang copas mau mencantumkan sumber dari artikel tersebut, bisa menambah back link kan, merupakan keuntungan tersendirikan.<br /><br />Namun bagi sobat yang merasa bahwa artikel sobat sangat penting dan tidak rela untuk di copy paste, mungkin hal ini cukup berguna untuk dilakukan. akan tetapi cara tersebut tidak melindungi content blog sobat sepenuhnya, stidaknya cukup membuat orang yang berniat copas sedikit bingung apabila dia seorang newbie, karena sebenarnya ada jalan lain untuk bisa meng-copas artikel blog sekalipun sudah dilindungi dengan script anti copas.<br /><br />Tanpa panjang lebar, kali ini untuk melindungi blog di blogger (blogspot) dari dari copy paste adalah dengan mendisable right click, atau lebih dikenal dengan mematikan klik kanan. Berikut tutorial cara mematikan klik kanan pada blogspot.<br />
<br />
<ul>
<li>Login terlebih dahulu ke Blogger.com</li>
<li>Dari halaman Dashboard, silahkan Sobat menuju ke Tata Letak > Edit HTML</li>
<li>Lalu cari kode <b style="color: red;"><body></b> atau <b style="color: yellow;"><body</b> (dengan bantuan tekan Ctrl+F atau F3)</li>
<li>Tambahkan kode dibawah ini ke dalam kode <body> atau <body tadi, atau bisa juga di ganti sekalian</li>
</ul>
<br /><b style="color: red;"><body</b> <b style="color: red;"><span style="color: lime;">oncontextmenu='return false' onmousedown='return false' onselectstart='return false' onkeypress='return false'</span>></b><br /><br />
Sobat juga bisa menggunakan beberapa tambahan kode saja, atau semuanya juga boleh, terserah kebutuhan anda.<br />
<br />
Berikut penjelasan dari kode-kode diatas: <br /><br /><b>oncontextmenu='return false' (untuk mematikan klik kanan mouse) <br />onmousedown='return false' (untuk mematikan klik blok ke bawah) <br />onselectstart='return false' (untuk mematikan seleksi blok) <br />onkeypress='return false' (untuk mematikan tombol keyboard)</b><br />
<br />
Jika sudah, Simpan Template blog Sobat.<br />
<br />
Mohon maaf apabila tutorial sebelumnya tidak berhasil karena belum saya coba. untuk demonya silakan sobat lihat di sini <a href="http://riset99.blogspot.com/" target="_blank"><b>DEMO</b></a>.<br />
<br />
Selamat mencoba dan semoga berhasil sobat.<br />
<i>Sumber: <a href="http://www.nova13.com/" target="_blank">http://www.nova13.com </a></i> <img src='http://zuazz.googlecode.com/files/den_zuaz.gif'/>den zuazhttp://www.blogger.com/profile/06961337061354681028noreply@blogger.com91tag:blogger.com,1999:blog-8104256758510177596.post-12191595216320539442012-04-12T02:12:00.000+07:002012-04-12T02:12:37.106+07:00Cara Memasang Buku Tamu / CBOX Di Blog Muncul Dari Berbagai Arah<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRAyIUvytUJvtyEJ1Y3gHNl0lywqnxCemhg1vVL1MYPLliV7d7JkTzF_JRXVMYanh89AEQKseowCfNNlw433FEsS9voxJINx1xKLy1U-e_OT0oez1OtjIdUkmB6FK16tUtiMwBx_q-T0Dz/s1600/gambar_cbox_denzuaz.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRAyIUvytUJvtyEJ1Y3gHNl0lywqnxCemhg1vVL1MYPLliV7d7JkTzF_JRXVMYanh89AEQKseowCfNNlw433FEsS9voxJINx1xKLy1U-e_OT0oez1OtjIdUkmB6FK16tUtiMwBx_q-T0Dz/s200/gambar_cbox_denzuaz.png" width="141" /></a></div>
<div style="text-align: justify;">
Cbox atau lebih dikenal sebagai buku tamu merupakan hal yang tidak asing lagi di dunia blogger, sudah banyak tutorial-tutorial yang membahas tentang cara pemasangan Cbox, baik dengan cara standar maupun dengan cara pengubahan kode CSS.<br />
<br />
Kali ini saya akan memposting cara memasang Cbox auto hiden dari segala arah, segala arah maksudnya yaitu Cbox dapat ditempatkan atau muncul dari bagian sebelah kiri blog, kanan blog, bawah blog, dan atas blog, dan disertakan juga animasi gambar gif sebagai background.<br />
<br />
Saya kira cukup sekian bla bla bla penerangan saya, dan mari kita menuju kepokok pembahasan.<br />
<br />
<b>Berikut ini adalah Cara Memasang Buku Tamu / CBOX Di Blog Muncul Dari Berbagai Arah: </b><br />
<ol>
<li>Seperti biasa sobat harus <b>Login</b> dulu di akun blog sobat</li>
<li>Pilih <b>Tata Letak</b></li>
<li>Tambah Gadget<b> HTML/Java Script</b></li>
<li>Selanjutnya copy paste kode script di bawah ini dan masukan ke dalam Gadget HTML/Java Script. </li>
</ol>
</div>
<br />
<div>
<div style="margin-bottom: 2px;">
<b><small>Klik show untuk melihat</small></b>
<input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" style="font-size: 10px; margin: 0px; padding: 0px; width: 60px;" type="button" value="Show" /></div>
<div style="border: 1px inset; margin: 0px; padding: 6px;">
<div style="display: none;">
<style type="text/css"><br />
#at{<br />
position:fixed;<br />
<b style="color: white;">right:35%</b>;<br />
z-index:+1000;<br />
}<br />
* html #at{position:relative;}<br />
.attab{<br />
height:0px;<br />
width:0px;<br />
float:top;<br />
cursor:pointer;<br />
background:url(url);<br />
}<br />
.atcontent{<br />
float:left;<br />
border:2px solid #fff;<br />
background:url(<b style="color: red;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRnmo9Cy42mlKKb9sGACzUsP4HckNq-CY2AYJwF5I6zJ-Eqiq-Wn_85obXhLdOCE5aGvhezt7x5N0ewVk_XbEna982bseWpYybHt7Dwf77_EAqA-bHArX55HZSSrL18R9QdtoQbF15MhbD/</b>)#000000 repeat-x bottom center scroll;<br />
-moz-border-radius:10px;<br />
padding:10px;<br />
}<br />
.atcontent:hover{<br />
border:2px solid #fff;<br />
background:url(<b style="color: red;">http://petir-project.googlecode.com/files/zuaz-petir.gif</b>)#000000 repeat-x bottom center scroll;<br />
}<br />
</style><br />
<script type="text/javascript"><br />
function showHideAT(){<br />
var at = document.getElementById("at");<br />
var w = at.offsetWidth;<br />
at.opened ? moveAT(0, -200-w) : moveAT(20-w, 0);<br />
at.opened = !at.opened;<br />
}<br />
function moveAT(x0, xf){<br />
var at = document.getElementById("at");<br />
var dx = Math.abs(x0-xf) > 25 ? 35 : 1;<br />
var dir = xf>x0 ? 1 : -1;<br />
var x = x0 + dx * dir;<br />
at.style.<b style="color: yellow;">bottom</b> = x.toString() + "px";<br />
if(x0!=xf){setTimeout("moveAT("+x+", "+xf+")", 10);}<br />
}<br />
</script><br />
<div id="at"><br />
<div class="attab" onclick="showHideAT()"> </div><br />
<div class="atcontent"><br />
<div align="center"><br />
<div style="background:url(<b style="color: red;">http://i53.tinypic.com/oiu4n9.gif</b>) no-repeat;"><br />
<br />
<strike><b style="color: lime;">Strip kode cbox sobat</b></strike><br />
<br />
</div><br />
</div><br />
<br /><br />
<div align="right"><a href="javascript:void(0);" onclick="showHideAT()"><img border="0" src="<b style="color: red;">http://i859.photobucket.com/albums/ab159/yudhizh/ButtonCloseWhite-BlackStroke.png</b>" alt="close" title="Tutup Cbox" /></a></div><br />
</div></div><br />
<br />
<script type="text/javascript"><br />
var at = document.getElementById("at");<br />
at.style.<b style="color: yellow;">bottom</b> = (-200-at.offsetWidth).toString() + "px";<br />
</script></div>
</div>
</div>
<br />
Klik save / simpan.<br />
<br />
<div style="text-align: justify;">
Keterangan:</div>
<ol style="text-align: justify;">
<li>Kode warna <b style="color: red;">merah</b> adalah warna gambar, silakan sobat sesuaikan sendiri sesuai selera bila ingin mengganti gambarnya</li>
<li>Kode warna <b style="color: yellow;">kuning</b> adalah penepatan dimana cbox akan muncul, bila sobat ingin cbox muncul dari atas ganti kode tersebut menjadi <b style="color: yellow;">TOP</b>, dari sebelah kiri <b style="color: yellow;">LEFT</b>, dari sebelah kanan <b style="color: yellow;">RIGHT</b> .</li>
<li>Kode warna <b style="color: white;">putih</b> adalah jarak cbox dari sebelah kanan. Silakan sobat sesuaikan sendiri.</li>
<li>Texts berwarna <b style="color: lime;">hijau</b> adala tempat untuk menaruh strip kode cbox sobat (atur cbox sobat agar backgroudnya transparant untuk hasil yang lebih sempurna).</li>
</ol>
<b>Selanjutnya adalah cara membuat tombol cbox</b> (tombol untuk menampilkan cbox)<br />
<br />
<ol>
<li>Tetap login di akun blog sobat</li>
<li>Masukan script berikut bersamaan dengan script di atas dalam gadget HTML / Java Script</li>
</ol>
<div style="position: fixed; <b style="color: cyan;">top: 55px</b>; <b style="color: yellow;">right</b>: 5px;width:30px;height:100px;"><a href="javascript:void(0);"onclick="showHideAT()"/><img src="<b style="color: red;">http://lh4.ggpht.com/_1j80TgNqd_8/TS3MlHxaygI/AAAAAAAABVo/P36anu_ToeA/s128/guestbook.png</b>" alt="cbox" title="Buka Chat Book"/></a></div><br />
<br />
<div style="text-align: justify;">
Keterangan: </div>
<ul>
<li>Kode berwarna <b style="color: red;">merah</b> adalah gambar tombol, bisa sobat ubah sesuai selera.</li>
<li>Kode warna <b style="color: yellow;">kuning</b> adalah dimana tombol akan ditempatkan, <b style="color: yellow;">TOP</b> untuk menempatkan tombol di atas, <b style="color: yellow;">BOTTOM</b> untuk menempatkan tombol di bawah, <b style="color: yellow;">LEFT</b> untuk menempatkan tombol di sebelah kanan.</li>
<li>Kode warna <b style="color: cyan;">biru</b> anda sesuaikan jarak tombol <b style="color: cyan;">TOP</b> dari atas blog, <b style="color: cyan;">BOTOM</b> dari bawah blog. </li>
</ul>
Demikianlah Cara Memasang Buku Tamu / CBOX Di Blog Muncul Dari Berbagai Arah. Semoga bermanfaat bagi sobat semua.<br />
<br />
<i>Sumber Script: <a href="http://zuazz.blogspot.com/" target="_blank" title="tips and trick computer,tips and trick blog, SEO Friendly Blog, free game, software, dll">Zuaz'Z Creator</a> </i> <img src="http://zuazz.googlecode.com/files/den_zuaz.gif" />den zuazhttp://www.blogger.com/profile/06961337061354681028noreply@blogger.com123tag:blogger.com,1999:blog-8104256758510177596.post-23801931667588308612012-04-07T12:19:00.000+07:002012-04-18T23:37:52.587+07:00Cara Membuat Widget Menu TAB View Pada Blog<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUZ2XEzzNlV2Dyfy7VB8lf6VgHr4lLksJ_coZdAo9bBwynLIic3ZBofouWHksXcR9qOk-PsvuZORzWiiwaeYfBph7duLohF9ZPEJHSgdmFfzUIWQN6JT9ti32xPinoeotROJfSITkl3tsc/s1600/gbr+tab+view.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUZ2XEzzNlV2Dyfy7VB8lf6VgHr4lLksJ_coZdAo9bBwynLIic3ZBofouWHksXcR9qOk-PsvuZORzWiiwaeYfBph7duLohF9ZPEJHSgdmFfzUIWQN6JT9ti32xPinoeotROJfSITkl3tsc/s200/gbr+tab+view.jpg" width="162" /></a></div>
<div style="text-align: justify;">
Loading yang ringan pada blog merupakan salah satu cara untuk membuat orang senang berkunjung di blog kita, apalagi ditambah artikel-artikel yang keren, pastinya pengunjung akan membanjiri blog sobat. Cara agar loading blog kita cepat (tidak lemoet) adalah dengan memperingkas tampilan dan tidak terlalu banyak widget, salah satu caranya adalah dengan membuat widget Menu TAB View.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Menu TAB view merupakan widget tambahan berbentuk tab. Dengan cara menggunakan tab view kita dapat menghemat sidebar pada blog kita sehingga kita tidak perlu menambahkan banyak widget yang akhirnya akan memberatkan loading pada blog kita.<br />
<br />
Untuk tampilan tab view ini lebih trendi dan menarik, tapi ini bukan berarti tampilan untuk tab view yang lama buruk. Nah, mari kita langsung ke bagaimana cara untuk membuat tab view pada blog.<br />
<br />
1. Silahkan Login ke blog sobat<br />
2. Masuk ke tab Perancangan lalu pilih edit HTML<br />
3. Seperti biasa centang "Expand widget templates" untuk menghindaran apabila terjadi kesalahan.<br />
4. Silahkan cari kode <b style="color: red;">]]></b:skin></b> Tekan CTRL+F untuk mengeluarkan kotak pencarian<br />
5. Setelah ketemu kode diatas silahkan letakkan kode dibawah ini <b style="color: cyan;">di atas</b> kode <b style="color: red;">]]></b:skin></b><br />
<br />
<code></code><br />
<div>
<form name="copy">
<div align="center">
<code><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Pilih Semua" /> </code></div>
<div align="center">
</div>
<div align="center">
<textarea cols="60" name="txt" rows="9" style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; background: rgb(100, 100, 200) none repeat scroll 0% 50%; border: 8px inset rgb(104, 104, 204); color: white; line-height: 1.5em; padding: 0pt 1px;" wrap="VIRTUAL">/* tab model 2 ateonsoft.com */
div.Tabateonsoft div.TFs
{height: 30px; overflow: hidden;}
div.Tabateonsoft div.TFs a
{float: left; display: block; text-align: center; text-decoration: none; font: normal 12px arial; padding:3px 5px 3px 3px; margin:0 5px 0 0;letter-spacing:-0.07em;
background:#f0f0f0;
color: #333;
border-top:1px solid #CCCCCC;
border-right:1px solid #999999;
border-bottom:1px solid #999999;
border-left:1px solid #cccccc;
-moz-border-radius-bottomright: 10px; -moz-border-radius-topright: 0px;
}
div.Tabateonsoft div.TFs a:hover
{ background: #E8E8E8;
border-top:1px solid #999999;
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
border-left:1px solid #999999;}
div.Tabateonsoft div.TFs a.Active
{ background: #333;
color: #000000;
border-top:1px solid #999999;
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
border-left:1px solid #999999; font-weight:bold; color: #ffffff;}
div.Tabateonsoft div.Pages
{ clear: both; overflow: hidden; height:333px; border:1px solid #EFF0F1; padding:0;background: #222222; -moz-border-radius:5px;}
div.Tabateonsoft div.Pages div.Page
{height: 100%;padding: 0px; overflow: hidden; }
div.Tabateonsoft div.Pages div.Page div.floor
{ font-size:12px;padding: 3px 5px; text-align:left;}</textarea></div>
</form>
</div>
<br />
5. Letakkan kode dibawah ini diatas kode </head><br />
<br />
<code></code><br />
<div>
<form name="copy">
<div align="center">
<code><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Pilih Semua" /> </code></div>
<div align="center">
</div>
<div align="center">
<textarea cols="40" name="txt" rows="2" style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; background: rgb(100, 100, 200) none repeat scroll 0% 50%; border: 8px inset rgb(104, 104, 204); color: white; line-height: 1.5em; padding: 0pt 1px;" wrap="VIRTUAL"><script src='http://zuazz.googlecode.com/files/ateonsoft_tab.js' type='text/javascript'/> </textarea></div>
</form>
</div>
<br />
6. Save template<br />
7. Masuk ke tab Elemen laman<br />
8. Tambahkan widget HTML/JavaScript<br />
9. Silahkan letakkan kode dibawah ini di dalam widget HTML/JavaScript<br />
<br />
<code></code><br />
<div>
<form name="copy">
<div align="center">
<code><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Pilih Semua" /> </code></div>
<div align="center">
</div>
<div align="center">
<textarea cols="60" name="txt" rows="9" style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; background: rgb(100, 100, 200) none repeat scroll 0% 50%; border: 8px inset rgb(104, 104, 204); color: white; line-height: 1.5em; padding: 0pt 1px;" wrap="VIRTUAL"><form action="tabateonsoft.html" method="get">
<div class="Tabateonsoft" id="Tabateonsoft">
<div class="TFs">
<a>tab1</a>
<a>tab2</a>
<a>tab3</a>
<a>tab4</a>
</div>
<div class="Pages">
<div class="Page"><!-- Tab -->
<div class="floor">
Disini letakkan kode untuk tab 1 anda
</div>
</div><!-- end Tab -->
<div class="Page"><!-- Tab -->
Disini letakkan kode untuk tab 2 anda
</div><!-- end Tab -->
<div class="Page"><!-- Tab -->
<div class="floor">
Disini letakkan kode untuk tab 3 anda
</div>
</div><!-- end Tab -->
<div class="Page"><!-- Tab -->
<div class="floor">
Disini letakkan kode untuk tab 4 anda
</div>
</div><!-- end Tab -->
</div>
</div>
</form>
<script type="text/javascript">tabateonsoft_name('Tabateonsoft');</script> </textarea></div>
</form>
</div>
<br />
Setelah itu simpan dan lihat hasilnya.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<i>Sumber: <a href="http://cwiter.blogspot.com/"><u>http://cwiter.blogspot.com</u></a></i> <img src="http://i1108.photobucket.com/albums/h405/christian410/15-1.gif" /></div>den zuazhttp://www.blogger.com/profile/06961337061354681028noreply@blogger.com98tag:blogger.com,1999:blog-8104256758510177596.post-76375245768110364882012-03-21T10:41:00.000+07:002012-03-21T10:45:12.791+07:00Free Link Exchange: Get 1 Million Visitors<div style="text-align: justify;">
<div class="almost_half_cell" id="gt-res-content">
<div class="separator" style="clear: both; text-align: center;">
<a href="http://didianto.com/go/?id=denzuaz" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi69zOOehuMldcQiN9SMn0WLp6CM9SeD_sS9jH8mbSoSElOJXjGwnWmOLugmvXZLDFiCsIWU_KDDZb8IeXQpzXI8ux3_4jz-ufVfpn8YuVp7XVXN3fhJv56ECJbhl0vqDYzgbmWKd49XHQ/s1600/free-link-exchange.gif" /></a></div>
<div dir="ltr" style="zoom: 1;">
</div>
<div dir="ltr">
</div>
<div dir="ltr">
<b><span class="short_text" id="result_box" lang="en"><span class="hps">English</span></span></b></div>
</div>
<br />
<span class="" id="result_box" lang="en"><span class="hps">This is a</span> <span class="hps">great</span> <span class="hps">way</span> <span class="hps">to</span> <span class="hps">exchange</span> <span class="hps">links.</span> <span class="hps">Because</span> <span class="hps">we put</span> <span class="hps">a</span> <span class="hps">link</span> <span class="hps">that</span> <span class="hps">will</span> <span class="hps">help</span> <span class="hps">promoted</span> <span class="hps">by</span> <span class="hps">1</span> <span class="hps">million</span> <span class="hps">people</span> <span class="hps">over</span> <span class="hps">just by referring</span> <span class="hps">2 people</span> <span class="hps">only.</span> <span class="hps">Easy enough</span> <span class="hps">to invite</span> <span class="hps">two</span> <span class="hps">people</span> <span class="hps">to</span> <span class="hps">the list,</span> <span class="hps">as all</span> <span class="hps">promotional</span> <span class="hps">needs</span>, everyone <span class="hps">wants</span> <span class="hps">the link</span> <span class="hps">spread quickly</span><span class="">.</span> <span class="hps">Especially if</span> <span class="hps">more</span> <span class="hps">than</span> <span class="hps">2 people</span> <span class="hps">...</span> <span class="hps">how</span> <span class="hps">will</span> <span class="hps">we</span> <span class="hps">be able to</span> <span class="hps">link</span> <span class="hps">the</span> <span class="hps">free</span> <span class="hps">n</span> <span class="hps">again</span> <span class="hps">..</span><br /><br /> <span class="hps">Okay,</span> <span class="hps">like</span> <span class="hps">what and</span> <span class="hps">how to do</span> <span class="hps">..</span> <span class="hps">my friend</span> <span class="hps">lives</span> <span class="hps">just</span> <span class="hps">a list</span><span class="">,</span> <span class="hps">not</span> <span class="hps">hurt to</span> <span class="hps">try,</span> <span class="hps">free</span> <span class="hps">of this</span>, <span class="hps">here</span> <span class="hps">we</span> <span class="hps">stick to</span> <span class="hps">keep</span> <span class="hps">the link</span><span class="">,</span> <span class="hps">link</span> <span class="hps">which</span> <span class="hps">can</span> <span class="hps">be included</span> <span class="hps">his</span> <span class="hps">post title</span> <span class="hps">and</span> <span class="hps">URL</span> <span class="hps">for</span> <span class="hps">each</span> <span class="hps">page</span> <span class="hps">had a</span> <span class="hps">pagerank</span> <span class="hps">as well</span> <span class="hps">..</span> <span class="hps">our</span> <span class="hps">PR</span><span class="">'s</span> <span class="hps">usually</span> <span class="hps">only</span> <span class="hps">on the front page</span><span class="">, while on</span> <span class="hps">post pages</span> <span class="hps">not have a</span> <span class="hps">PR</span><span class="">.</span><br /><br /> <span class="hps">Sign up</span> <span class="hps">if you</span> <span class="hps">are interested</span> <span class="hps">enough</span>. <span class="hps">After that</span> <span class="hps">please</span> <span class="hps">check</span> <span class="hps">the password sent to</span> <span class="hps">your</span> <span class="hps">email</span>, <span class="hps">login</span> <span class="hps">and</span> <span class="hps">then</span> <span class="hps">immediately</span> <span class="hps">put</span> <span class="hps">the article title</span>, description <span class="hps">and</span> <span class="hps">URL</span> <span class="hps">links</span> <span class="hps">to</span> <span class="hps">be promoted</span> <span class="hps">on</span> <span class="hps">this</span> <span class="hps">website</span>. <span class="hps">O Yeah</span> <span class="hps">...</span> <span class="hps">we</span> <span class="hps">will</span> <span class="hps">get</span> <span class="hps">our</span> <span class="hps">website</span> <span class="hps">to</span> <span class="hps">promote</span> <span class="hps">a replica</span> <span class="hps">you know</span> <span class="hps">..</span> <span class="hps">For example,</span> <span class="hps">I dedicate</span> <span class="hps">a post about</span> <a href="http://all-trick-blog.blogspot.com/2012/03/free-link-exchange-get-1-million.html" target="_blank"><b><span class="hps">Free</span> <span class="hps">Link</span> <span class="hps">Exchange</span>, <span class="hps">Get 1</span> <span class="hps">Million</span> <span class="hps">Visitors</span></b></a>, one <span class="hps">easy way to</span> <span class="hps">increase</span> <span class="hps">traffic</span> <span class="hps">and</span> <span class="hps">Pegerank</span> <span class="hps">our</span> <span class="hps">blog</span>.<br /><br /> <span class="hps">Next live</span> <span class="hps">to make</span> <span class="hps">a</span> <span class="hps">post</span> <span class="hps">like</span> <span class="hps">this</span> <span class="hps">or</span> <span class="hps">just</span> <span class="hps">copy</span> <span class="hps">and paste this article</span> <span class="hps">to</span> <span class="hps">the</span> <span class="hps">blog</span> <span class="hps">and feel the benefits</span>.<br /><br /> <span class="hps">To register</span> <span class="hps">please</span> <span class="hps">click the</span><a href="http://didianto.com/go/?id=denzuaz" target="_blank"><b> <span class="hps">link</span> <span class="hps">Free</span> <span class="hps">here</span></b></a>, <span class="hps">then</span> <span class="hps">scroll</span> <span class="hps">down</span> <span class="hps">and click</span> <span class="hps">"Sign</span> <span class="hps">Up</span> <span class="hps">Now</span> <span class="hps">Free</span><span class="">"</span> <span class="hps">or</span> <span class="hps">Click</span> <span class="hps">To</span> <span class="hps">Sign Up</span>.<br /><br /> <span class="hps">Good luck with</span> <span class="hps">tips</span> <span class="hps">Free</span> <span class="hps">Link</span> <span class="hps">Exchange</span>: <span class="hps">Get 1</span> <span class="hps">Million</span> <span class="hps">Visitors</span> <span class="hps">this</span><span class="">.</span></span> </div>
<span class="" id="result_box" lang="en"><span class="hps"><br /></span></span><br />
<span class="" id="result_box" lang="en"><span class="hps">When</span> <span class="hps">my friend</span> <span class="hps">also</span> <span class="hps">has</span> <span class="hps">other</span> <span class="hps">tips</span> <span class="hps">..</span> <span class="hps">please</span> <span class="hps">share</span> <span class="hps">in</span> <span class="hps">comments..!!</span></span><br />
<br />
<br />
<b>Bahasa Indonesia</b><br />
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Ini adalah cara dahsyat untuk tukar link. Karena satu link yang kita pasang akan dibantu dipromosikan oleh 1 juta orang lebih hanya dengan mengajak 2 orang saja. Cukup mudah mengajak 2 orang untuk daftar, karena semua butuh promosi, setiap orang ingin linknya tersebar dengan cepat. Apalagi kalau lebih dari 2 orang… berapa link yang akan kita dapat n gratis lagi..</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Oke kayak apa dan gimana caranya.. sobat tinggal daftar saja , tak ada ruginya untuk dicoba , gratis ini, disini link kita bisa nempel terus, link yg dimasukan bisa judul postingan dan URL nya agar tiap page punya pagerank juga.. kan biasanya PR kita hanya di halaman depan saja, sementara di halaman posting gak punya PR.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Kalau berminat cukup Mendaftar. Setelah itu silahkan cek password yang dikirim ke email anda, kemudian langsung login dan pasang judul artikel, keterangan dan URL link yang ingin dipromosikan pada Website ini. Oh ya … kita juga akan mendapatkan web replikanya untuk kita promosikan lho.. Sebagai contoh saya persembahkan postingan tentang <a href="http://all-trick-blog.blogspot.com/2012/03/free-link-exchange-get-1-million.html" target="_blank"><b>Free Link Exchange: Get 1 Million Visitors</b></a>, salah satu Cara mudah meningkatkan Traffic dan Pegerank blog kita.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Selanjutnya tinggal bikin sebuah postingan seperti ini atau silahkan copy paste artikel ini untuk di blog sobat dan rasakan manfaatnya.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Untuk mendaftar silahkan klik <a href="http://didianto.com/go/?id=denzuaz" target="_blank"><b>Link Gratis disini</b></a> , kemudian scroll kebawah lalu klik “ <b>Sign Up Now Free</b> “ atau Klik Untuk Mendaftar. </div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Selamat mencoba tips Free Link Exchange: Get 1 Million Visitors ini.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<span class="fullpost"><span style="font-size: small;">Bila sobat juga punya Tips lain.. tolong share di komentar.. yaa..!!</span></span> </div>den zuazhttp://www.blogger.com/profile/06961337061354681028noreply@blogger.com49tag:blogger.com,1999:blog-8104256758510177596.post-9005052377986403472012-03-21T00:00:00.000+07:002012-03-21T00:22:30.470+07:00Cara Lengkap Membuat Efek Lipatan Kertas Di Ujung Blog<div style="text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhltF-45g2tnyOcwygkxHBPEwjRi8M6PrdGU0gEi9tOiGPMC3MIk_Yfza8r0AKWb18RqCQmFngNlowtP6kVLi_XoztivrctK9nD-ANdV8m3P03p8fvaAiQ8pG2rRv4ASvSN88191jx8HSU/s1600/contoh-lipatan.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhltF-45g2tnyOcwygkxHBPEwjRi8M6PrdGU0gEi9tOiGPMC3MIk_Yfza8r0AKWb18RqCQmFngNlowtP6kVLi_XoztivrctK9nD-ANdV8m3P03p8fvaAiQ8pG2rRv4ASvSN88191jx8HSU/s320/contoh-lipatan.png" width="320" /></a></div>
<br />
Berbagi pengalaman pribadi membuat lipatan kertas pada ujung kanan blog yang menurut saya agak lumayan bikin pusing sob,<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif" /> maklumlah pemula,, heheheheee,,,, <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif" /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Setelah berkali-kali mencoba merubah kode java scriptnya, akhirnya selesai juga, dan lihat hasilnya di ujung kanan blog saya, <span style="font-size: large;">[</span><i>sedikit pamer, heheheheee,,</i> <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif" /><span style="font-size: large;">]</span> </div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
bagi sobat yang berminat untuk membuat lipatan kerta pada ujung blog seperti blog saya <span style="font-size: large;">[</span><i>tenag aja yang saya bagi tidak ada foto jelek saya kok,, heheheheee,,, </i> <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif" /><span style="font-size: large;">]</span> silakan ikuti lankah-langkah berikut ini ya sobat:</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
1. Silahkan <b>Login</b> ke akun blogger sobat.<br />
<br />
2. Lalu masuk ke design <b>Template</b>, klik <b>Edit HTML</b><br />
<br />
3. Seperti Biasa Centang <b>Expand Template Widget</b> </div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
4. Kemudian cari kode berikut <b style="color: red;"></body></b></div>
<div style="text-align: justify;">
5. Setelah ketemu silakan Sobat copy dan letakkan kode di bawah ini tepat <b>di atas</b> kode <b style="color: red;"> </body></b></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br />
<div style="text-align: center;">
<i><b><script type='text/javascript'>var tujuan =&#39;</b><b style="color: lime;">http://Alamat Url Feeds Sobat</b><b>&#39;</script></b></i></div>
</div>
<div style="text-align: center;">
<i><b><script src='</b><b style="color: cyan;">http://petir-project.googlecode.com/files/ktb4.js</b><b>' type='text/javascript'/></b></i></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
6. Coba sobat pertinjau terlebih dahulu (Sekiranya sudah yakin baru di save ya sob)</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<b>Keterangan:</b></div>
<ul>
<li style="text-align: justify;">Kode warna <b style="color: lime;">hijau:</b> ganti dengan URL <b>Feeds</b> sobat</li>
<li style="text-align: justify;">Kode warna<b style="color: cyan;"> biru:</b> ganti apabila sobat ingin mengganti gambar sesuai selera sobat. </li>
</ul>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<b>Ikuti langkah-langkah berikut ini bila sobat ingin mengganti gambarnya.</b></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Bagi sobat yang ingin mengganti gambarnya silakan download dulu scriptnya <a href="http://petir-project.googlecode.com/files/ktb4.js" target="_blank"><b>disini</b></a>. </div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
1. Setelah sobat selesai download silakan sobat buka script tersebut dengan Notepad.</div>
<div style="text-align: justify;">
2. Untuk merubah gambar yang berukuran kecil (gambar saat lipatan tertutup) sobat cari url berikut dalam text dan silakan ubah dengan URL gambar sobat:</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: center;">
<b>http://petir-project.googlecode.com/files/fedkcl.png </b></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: center;">
(Upload gambar di <a href="http://code.google.com/"><b>code.google.com</b></a> atau situs upload lainya untuk mendapatkan URL gambar)</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
3. Untuk merubah gambar yang berukuran besar (gambar saat lipatan terbuka) sobat ubah URL berikut dengan URL gambar sobat:</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: center;">
<b>http://petir-project.googlecode.com/files/feed.png</b></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
4. Setelah selesai merubah kode URL gambar tersebut Sobat Save Text, selanjutnya silakan sobat upload text tersebut dan ganti url <i><b>http://petir-project.googlecode.com/files/ktb4.js</b></i> dengan URL hasil upload sobat tadi.<br />
<br />
<b style="color: red;">NB:</b> sedikit saran apabila sobat ingin merubah gambar, sebaiknya ukuran gambar harus sesuai dengan gambar semula untuk hasil yang lebih baik. <br />
<br /></div>
<div style="text-align: justify;">
Selamat mencoba ya sobat,,<br />
<br />
<i>Sumber Script: <u>http://santaiselalu.blogspot.com</u></i><img src="http://i1108.photobucket.com/albums/h405/christian410/15-1.gif" /><br />
<i> </i> <i><u>http://ardiyafardhanprayoga.blogspot.com</u></i></div>
den zuazhttp://www.blogger.com/profile/06961337061354681028noreply@blogger.com96tag:blogger.com,1999:blog-8104256758510177596.post-2639979746172891122012-03-18T01:37:00.000+07:002012-03-18T17:57:21.731+07:00Cara Membuat Text Area Dengan Tombol Pilih Semua<div style="text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4X14iAvzYvQh9-zJ7Jy9uR5a-A3cAt1nkvIgN2AUBy_ljSoXmnWIPX4OSVBb_TVC6hW0jjvHWBZA6Ocml1VC4hcJdwqGt9qNAnOYfRWx-xhAo8J3o5FvJqmwGP89jiS_zdbpwPUb9G2g/s1600/logo_blogger.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4X14iAvzYvQh9-zJ7Jy9uR5a-A3cAt1nkvIgN2AUBy_ljSoXmnWIPX4OSVBb_TVC6hW0jjvHWBZA6Ocml1VC4hcJdwqGt9qNAnOYfRWx-xhAo8J3o5FvJqmwGP89jiS_zdbpwPUb9G2g/s200/logo_blogger.png" width="200" /></a></div>
Text area merupakan salah satu hal penting untuk meperingkas sebuah posting dalam blog, apalagi text kode yang begitu panjang apabila tidak dimuat dalam text area maka akan memanjang kebawah, dan pastinya membuat susah pengunjung blog untuk mecopy text tersebut.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Kali ini saya sedikit memberikan tips untuk sobat blogger yang ingin membuat text area yang keren,, heheheheeeee,,, <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif" /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Tips ini saya dapat dari <a href="http://illtorro.blogspot.com/"><b>illtorro.blogspot.com</b></a>. Kronologinya, pada saat lagi jalan-jalan di blog para master yang sudah ber <b>PR</b> tinggi saya melihat text area yang saya anggap keren, saya cari-cari akhirbya ketemu juga nih kode HTML untuk membuat text area dengan tombol pilih semua / Select all, </div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Nah bagi sobat yang berminat untuk membuat text area dengan tombol pilih semua / Select all silakan copy paste code dibawah ini:</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<b><br /></b><br />
<div style="text-align: center;">
<b><code><span ><div><form name="copy"><div align="center"><input value="</b><b style="color: lime;">Pilih Semua</b><b>" onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button"> </div><div align="center"></div><p align="center"><textarea</b><b> <span style="color: yellow;">rows="3"</span> </b><b><span style="color: cyan;">cols="20"</span> style="border: 8px inset rgb(104, 104, 204); padding: 0pt 1px; background: rgb(100, 100, 200) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; color: rgb(255, 255, 255); line-height: 1.5em; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px;" name="txt" wrap="VIRTUAL"></b></div>
<div style="text-align: center;">
<b><br /></b></div>
<div style="text-align: center;">
<b><strike><span style="color: red;">Masukan text / kode sobat di sini</span></strike></b><br />
<br /></div>
</div>
<div style="text-align: center;">
<b></textarea></form></b><b></div></b><b></span></code></b></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<b>Keterangan:</b></div>
<ol>
<li>Text warna <b style="color: lime;">hijau</b>: bisa sobat ganti dengan select all / block all / tandai semua dan lain-lain sesuai selera sobat.</li>
<li>Text warna<b style="color: yellow;"> kuning</b>: adalah ketinggian text area tersebut, silakan sobat sesuaikan sendiri.</li>
<li>Text warna<b style="color: cyan;"> biru</b>: adalah panjang kolom text area tersebut, silakan sobat sesuaikan sendiri.</li>
<li>text warna<b style="color: red;"> merah</b>: merupakan tempat untuk kode yang inggin sobat taruh di dalam text area tersebut.</li>
</ol>
Berikut ini saya berikan contoh text area pilih semua / select all:<br />
<br />
<code></code><br />
<div>
<form name="copy">
<div align="center">
<code><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="block all" /> </code></div>
<div align="center">
</div>
<div align="center">
<textarea cols="20" name="txt" rows="3" style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; background: rgb(100, 100, 200) none repeat scroll 0% 50%; border: 8px inset rgb(104, 104, 204); color: white; line-height: 1.5em; padding: 0pt 1px;" wrap="VIRTUAL">Silakan sobat coba klik tombol block all</textarea></div>
</form>
<span class="fullpost"> </span>
<br />
<br />
<br />
Selamat mencoba dan semoga bermanfaat ya sob,,!! <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif" /><br />
<br />
<i>Sumber: <u>http://illtorro.blogspot.com </u></i> <img src="http://i1108.photobucket.com/albums/h405/christian410/15-1.gif" /></div>den zuazhttp://www.blogger.com/profile/06961337061354681028noreply@blogger.com19tag:blogger.com,1999:blog-8104256758510177596.post-79430915303137778192012-03-17T01:48:00.001+07:002012-03-17T02:11:04.847+07:00Cara membuat Tombol Klik Show Untuk Melihat di Postingan Blog<div style="text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCBblBxDF2RkZC7zC6OYPNyQGafRyf9cbnj3b28wzVwitp0LgXaVqJXwMLx0kVef6BASst8wlvJBiL7gbt7Yq4r1sPNp2oxyCOf-2xpTPxfEgoPXJiENqd19xQVmIGht_I679hMwPv0VmI/s1600/logo.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="196" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCBblBxDF2RkZC7zC6OYPNyQGafRyf9cbnj3b28wzVwitp0LgXaVqJXwMLx0kVef6BASst8wlvJBiL7gbt7Yq4r1sPNp2oxyCOf-2xpTPxfEgoPXJiENqd19xQVmIGht_I679hMwPv0VmI/s200/logo.png" width="200" /></a></div>
Kemarin ada salah satu teman blogger yang bertanya kepada saya lewat komentar spam<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif" /> pada salah satu blog saya yang tidak tampil diposting tentang <a href="http://all-trick-blog.blogspot.com/2012/03/cara-membuat-tombol-klik-show-untuk.html"><b>Cara membuat Tombol Klik Show Untuk Melihat di Postingan Blog</b></a>.<br />
<br />
Berikut ini akan saya sampaikan cara-caranya beserta keterangan gambar. Tutorial ini saya dapatkan dari <a href="http://hackerzpro.blogspot.com/"><b>hackerzpro.blogspot.com</b></a> nah silakan anda ikuti cara-cara berikut ini,,</div>
<div style="text-align: justify;">
<br />
Bagi teman-teman yang ingin memasang tombol show hide di blog / postingan, caranya gampang banget nih. Teman-teman hanya perlu mengcopy paste kode HTML di bawah ini:<br />
<br />
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<div><div style="margin-bottom: 2px;"><b><small><b style="color: cyan;">Klik show untuk melihat</b></small></b></div>
<div style="text-align: center;">
<input value="Show" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"></div></div>
<div style="text-align: center;">
<div style="border: 1px inset; margin: 0px; padding: 6px;"><div style="display: none;"></div>
<div style="text-align: center;">
<b><strike style="color: red;">Masukkan tulisanmu di sini</strike></b></div>
<div style="text-align: center;">
</div></div></div></div>
<br />
Entri melalui HTML Jangan melalui Compose seperti tanda panah pada gambar di bawah:<br />
<br />
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPV9KzwUEffZZFhQX38nb2J9o8tbv3oyvtejmadonJC-XCY_19Kl565giUXZh2h998bnUCOSOwWBRGoOwH726atVVtp4rR6zcZdXM60R33pg4nFS-xhEEvtJMaYCikCoxXKC9YWkCnqyg/s1600/cara_posting.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPV9KzwUEffZZFhQX38nb2J9o8tbv3oyvtejmadonJC-XCY_19Kl565giUXZh2h998bnUCOSOwWBRGoOwH726atVVtp4rR6zcZdXM60R33pg4nFS-xhEEvtJMaYCikCoxXKC9YWkCnqyg/s1600/cara_posting.png" /></a></div>
<div class="separator" style="clear: both; text-align: justify;">
</div>
<br />
Lalu paste code di atas dan jangan lupa mengganti kata yang digaris tengah yang berwarna<b style="color: red;"> merah</b> dengan kata atau kode yang ingin teman-teman masukkan. Teman-teman juga bisa mengganti kata yang berwarna<b style="color: cyan;"> biru</b> dengan kata yang diinginkan.<br />
<br />
Masukkan kode di atas ke dalam postingan atau di sidebar blog teman-teman, maka hasilnya bisa dilihat di bawah ini.<br />
<br />
<br />
<div>
<div style="margin-bottom: 2px;">
<b><small>Klik show untuk melihat</small></b>
<input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" style="font-size: 10px; margin: 0px; padding: 0px; width: 60px;" type="button" value="Show" /></div>
<div style="border: 1px inset; margin: 0px; padding: 6px;">
<div style="display: none;">
<b><strike style="color: red;">Masukkan tulisanmu di sini</strike></b>
</div>
</div>
</div>
<br />
<br />
Yang di atas adalah contoh sederhana tentang cara pembuatan tombol show hide di blog, selanjutnya bisa teman-teman kembangkan sendiri.<br />
<br />
<br />
<i>Sumber : http://www.thecyber.co.cc </i> <img src="http://i1108.photobucket.com/albums/h405/christian410/15-1.gif" /></div>den zuazhttp://www.blogger.com/profile/06961337061354681028noreply@blogger.com13tag:blogger.com,1999:blog-8104256758510177596.post-11442155230112307652012-03-12T02:06:00.000+07:002012-03-18T00:44:39.839+07:00Kumpulan Efek - Efek Blog: Dari Yang Ringan Hingga Yang Berat<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img src="http://i1108.photobucket.com/albums/h405/christian410/4-1.gif" />
</div>
<br />
<div style="text-align: justify;">
Share kumpulan efek blog yang telah di posting oleh sobat <span style="font-size: small;"><b><a href="http://christiantatelu.blogspot.com/" target="_blank">CHRISTIAN TATELU</a> </b>kumpulan efek-efek blog baik dari yang ringan hingga yang berat, untuk diterapka pada blog sobat sekalian, singkat cerita saja silakan simak keterangan berikut.</span></div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
<b>Kumpulan Efek - Efek Blog ( Lengkap )</b> - Memang selalu ada cara untuk mempercantik penampilan blog. Setelah sebelum memposting cara memasang animasi di blog, kali ini saya akan kasih sobat berbagai macam / jenis efek - efek blog yang bisa di pasang di blog.<br />
<br />
Sebelum kita masuk ke intinya, terlebih dahulu saya ingatkan pada sobat bahwa efek, animasi dan widget - widget serupa akan menambah beban loading blog sobat, jadi mohon di perhitungkan sebelum sobat memasang efek ini. Efek yang akan saya posting kali ini, akan saya bagi 2 yaitu efek ringan ( loading ringan ) dan efek menegah hingga berat. ( kayak tinju aja.. ) .<br />
<br />
Sobat yang tertarik memasangnya silahkan ikuti tutorial memasang efek - efek pada blog berikut.<br />
<br />
<b>A. Efek Ringan</b><br />
Mungkin Ini adalah efek yang biasa sobat lihat saat sobat blogwalking.<br />
<br />
<b>1. Efek salju berjatuhan</b>
<br />
<p align=”center”><textarea name='code' rows='5' cols='40'><script src='http://tateluproject.googlecode.com/files/snow.js' type='text/javascript'></script></textarea></p>
<br />
<b>2. Efek hati bertaburan
</b>
<br />
<p align=”center”><textarea name='code' rows='5' cols='40'><script src='http://tateluproject.googlecode.com/files/lovingheart.js' type='text/javascript'></script></textarea></p>
<br />
<b>3. Efek bintang bertaburan
</b><br />
<p align=”center”><textarea name='code' rows='5' cols='40'><script src='http://tateluproject.googlecode.com/files/bintang.js' type='text/javascript'></script></textarea></p>
<br />
<b>4. Efek kembang api
</b><br />
<p align=”center”><textarea name='code' rows='5' cols='40'><script src='http://tateluproject.googlecode.com/files/kembangapi.js' type='text/javascript'></script></textarea></p>
<br />
<br />
<b>5. Efek Gelembung
</b><br />
<p align=”center”><textarea name='code' rows='5' cols='40'><script src='http://tateluproject.googlecode.com/files/efek-gelembung.js' type='text/javascript'></script></textarea></p>
<br />
<br />
Cara pemasangan :<br />
<ol>
<li>Klik <b>rancangan</b> --> <b>Edit html</b></li>
<li>Letakkan script efek di atas kode <b style="color: red;"></body></b></li>
<li>Klik <b>Save</b></li>
</ol>
<br />
<span style="font-size: medium;"><b>B. Efek Menengah - Berat</b></span><br />
Efek ini saya ambil dari <b><a href="http://www.netdisaster.com/">http://www.netdisaster.com</a>.</b> Untuk demo dari salah satu script berikut, silahkan lihat di sini.. <b><a href="http://minutlovers.blogspot.com/" target="_blank">DEMO</a></b><br />
<br />
<b>1.Meteor Jatuh
</b><br />
<p align=”center”><textarea name='code' rows='5' cols='40'><script language="javascript">
nd_mode="meteor";
nd_control="on";
nd_sound="on";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div></textarea></p>
<br />
<br />
<br />
<b>2. Banjir
</b><br />
<p align=”center”><textarea name='code' rows='5' cols='40'> <script language="javascript">
nd_mode="flood";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div> </textarea></p>
<br />
<br />
<br />
<b>3. Bunga Mekar</b>
<br />
<p align=”center”><textarea name='code' rows='5' cols='40'> <script language="javascript">
nd_mode="flowers";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div> </textarea></p>
<br />
<br />
<br />
<b>4. Bom Atom
</b><br />
<p align=”center”><textarea name='code' rows='5' cols='40'> <script language="javascript">
nd_mode="bomb";
nd_sound="on";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div> </textarea></p>
<br />
<br />
<br />
<b>5. Ufo
</b><br />
<p align=”center”><textarea name='code' rows='5' cols='40'> <script language="javascript">
nd_mode="ufo";
nd_sound="on";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div> </textarea></p>
<br />
<br />
<br />
<b>6. Graffity
</b><br />
<p align=”center”><textarea name='code' rows='5' cols='40'> <script language="javascript">
nd_mode="graff";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div> </textarea></p>
<br />
<br />
<br />
<b>7. Shaver
</b><br />
<p align=”center”><textarea name='code' rows='5' cols='40'> <script language="javascript">
nd_mode="shaver";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div> </textarea></p>
<br />
<br />
<br />
<b>8. Gun
</b><br />
<p align=”center”><textarea name='code' rows='5' cols='40'> <script language="javascript">
nd_mode="gun";
nd_sound="on";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div> </textarea></p>
<br />
<br />
<br />
<b>9.Bloody gun</b>
<br />
<p align=”center”><textarea name='code' rows='5' cols='40'> <script language="javascript">
nd_mode="blood";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div> </textarea></p>
<br />
<br />
<br />
<b>10. Paint ball
</b><br />
<p align=”center”><textarea name='code' rows='5' cols='40'> <script language="javascript">
nd_mode="paint";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div> </textarea></p>
<br />
<br />
<br />
<b>11. Chainsaw
</b><br />
<p align=”center”><textarea name='code' rows='5' cols='40'> <script language="javascript">
nd_mode="chainsaw";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div> </textarea></p>
<br />
<br />
<br />
<b>12. Dinosaur
</b><br />
<p align=”center”><textarea name='code' rows='5' cols='40'> <script language="javascript">
nd_mode="dino";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div> </textarea></p>
<br />
<br />
<br />
<b>13. Lebah
</b><br />
<p align=”center”><textarea name='code' rows='5' cols='40'> <script language="javascript">
nd_mode="wasp";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div> </textarea></p>
<br />
<br />
<br />
<b>14. Lalat
</b><br />
<p align=”center”><textarea name='code' rows='5' cols='40'> <script language="javascript">
nd_mode="fly";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div> </textarea></p>
<br />
<br />
<br />
<b>15. Semut
</b><br />
<p align=”center”><textarea name='code' rows='5' cols='40'> <script language="javascript">
nd_mode="ants";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div> </textarea></p>
<br />
<br />
<br />
<b>16. Siput
</b><br />
<p align=”center”><textarea name='code' rows='5' cols='40'> <script language="javascript">
nd_mode="snail";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div> </textarea></p>
<br />
<br />
<br />
<b>17. Cacing
</b><br />
<p align=”center”><textarea name='code' rows='5' cols='40'> <script language="javascript">
nd_mode="worms";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div> </textarea></p>
<br />
<br />
<br />
<b>18. Mold
</b><br />
<p align=”center”><textarea name='code' rows='5' cols='40'> <script language="javascript">
nd_mode="mold";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div> </textarea></p>
<br />
<br />
<br />
<b>19. Bayi merangkak
</b><br />
<p align=”center”><textarea name='code' rows='5' cols='40'> <script language="javascript">
nd_mode="baby";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div> </textarea></p>
<br />
<br />
<br />
<b>20. Telur mata sapi
</b><br />
<p align=”center”><textarea name='code' rows='5' cols='40'> <script language="javascript">
nd_mode="eggs";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div> </textarea></p>
<br />
<br />
<br />
<b>21. Kopi tumpah
</b><br />
<p align=”center”><textarea name='code' rows='5' cols='40'> <script language="javascript">
nd_mode="coffee";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div> </textarea></p>
<br />
<br />
<br />
<b>22. Terbakar
</b><br />
<p align=”center”><textarea name='code' rows='5' cols='40'> <script language="javascript">
nd_mode="burn";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div> </textarea></p>
<br />
<br />
<br />
<b>23. Tomat
</b><br />
<p align=”center”><textarea name='code' rows='5' cols='40'> <script language="javascript">
nd_mode="tomato";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div> </textarea></p>
<br />
<br />
<br />
<b>24. Creampie
</b><br />
<p align=”center”><textarea name='code' rows='5' cols='40'> <script language="javascript">
nd_mode="creampie";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div> </textarea></p>
<br />
<br />
<br />
<b>25. Murka
</b><br />
<p align=”center”><textarea name='code' rows='5' cols='40'> <script language="javascript">
nd_mode="god";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div> </textarea></p>
<br />
<br />
<br />
<b>26. Sapi Jorok</b>
<br />
<p align=”center”><textarea name='code' rows='5' cols='40'> <script language="javascript">
nd_mode="cow";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div> </textarea></p>
<br />
<br />
<br />
<b>27. Anjing Jorok
</b><br />
<p align=”center”><textarea name='code' rows='5' cols='40'> <script language="javascript">
nd_mode="dog";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div> </textarea></p>
<br />
<br />
<br />
<b>28. Kencing Sembarangan
</b><br />
<p align=”center”><textarea name='code' rows='5' cols='40'> <script language="javascript">
nd_mode="pee";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div> </textarea></p>
<br />
<br />
<b>Cara pemasangan :</b><br />
<ol>
<li><b>Klik rancangan </b>--> <b>Elemen laman</b> --> <b>Tambah gadget </b>--> <b>HTML/Javascript</b></li>
<li>Masukkan script efek di dalam kotak yang di sediakan</li>
<li>Klik <b>save</b> dan lihat hasilnya.</li>
</ol>
<br />
<b style="color: red;">Tambahan :</b><br />
Efek yang ke 2 berbeda dengan efek yang pertama. di efek ke 2, efek bisa dimatikan secara manual, sedangkan yang pertama sebaliknya ( tidak bisa dimatikan selama masih memasang scriptnya ). so, pilih mana yang terbaik menurut sobat.. salam.. <br />
<br />
<i>Sumber: <u>http://christiantatelu.blogspot.com</u></i> <img src="http://i1108.photobucket.com/albums/h405/christian410/15-1.gif" /></div>den zuazhttp://www.blogger.com/profile/06961337061354681028noreply@blogger.com39tag:blogger.com,1999:blog-8104256758510177596.post-9721403773541082902012-03-10T03:20:00.000+07:002012-03-12T01:06:13.301+07:00Cara Memasang Tombol Kembali Ke Atas Dan Kembali Turun<div style="text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzDqyf-SigslQHfjg1omT1bK56-6Rs3etlNCYHFmr4a-cyBgrE3Rq-3k7xvAGGkF0lKq7rIGUUnN6S0LI_qZ9yiOyah4H-zsxqw-EWpt_-rnWxBjDfmyBFWyzHuMw86vWXuMNc0eFu9vA/s1600/back+to+top.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzDqyf-SigslQHfjg1omT1bK56-6Rs3etlNCYHFmr4a-cyBgrE3Rq-3k7xvAGGkF0lKq7rIGUUnN6S0LI_qZ9yiOyah4H-zsxqw-EWpt_-rnWxBjDfmyBFWyzHuMw86vWXuMNc0eFu9vA/s200/back+to+top.png" width="190" /></a></div>
Kali ini saya sedikit share<b> Cara Memasang Tombol Kembali Ke Atas Dan Kembali Turun</b> yang lengkap dengan tombol kembali ke beranda / home dan muat ulang / reload yang saya dapat dari salah satu blog / website dengan alamat url <a href="http://www.ozanhacker.com/"><b>www.ozanhacker.com</b></a>.<br />
<br />
Tips dan trick ini sudah saya peragakan di blog saya. singkat cerita mari kita simak saja <b>Cara Memasang Tombol Kembali Ke Atas Dan Kembali Turun</b> berikut ini. </div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<b>Cara Memasang Tombol Back to Top</b></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Memasang tombol kembali ke atas atau memasang tombol back to top ini mungkin bagi blog saya ini sangat diperlukan, karena untuk menyikapi blog yang terlalu memanjang kebawah, mungkin masalah ini tidak akan ditemui jika kita memasang template yang sudah menyertakan widget ini, tetapi jika belum ada kita bisa memasangnya sendiri, karena jika tidak ada tombol back to top akan membosankan pembaca blog kita, apalagi jika menggunakan mouse yang kebetulan keadaannya sudah letoy (hehe…) atau lebih parahnya lagi sudah tidak ada scroll nya lagi, itu akan membuat mereka capek untuk mengakses blog kita, maka alternatifnya adalah membuat tombol back to top atau tombol kembali ke atas.<br />
<br />
Ada dua cara pembuatan tombol back to top ini, berikut penjelasannya:<br />
(Sebelum memasuki penjelasan, download terlebih dahulu template anda, sebagai asuransi tamplate anda...hehe...)<br />
<br />
<b>Cara Pertama:</b><br />
Untuk cara pertama ini sangat simple, karena tampilannya sederhana, anda hanya perlu menambahkan kode berikut sebelum kode </body><br />
<br />
<span style="font-size: x-small;"><!-- Bact to top By Ozan Hacker --></span><br />
<span style="font-size: x-small;"><a href='#' style='display:scroll;position:fixed;<span style="color: yellow;">bottom:5px;right:5px</span>;' title='Back to Top'><img src='<span style="color: red;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEyCJV19EQdwXleFSRV8ZgN67rF4OkmJDV5MjeAT1lZQfl1h3wa9fSEjHzJGoazrNoikQkRUk3w29-ZHdsqBlyp1qSoon3LTSsIF5VSIj__hgjGBb0xSNEhxxo8p2dddSDEBdnO801a-2N/s1600/Untitled-2.png</span>'/></a></span><br />
<br />
<br />
<br />
Untuk penjelasannya, anda login dulu ke blogger anda lalu Ikuti tahap-tahap berikut ini:<br />
<br />
<b>1.</b> Pilih Rancangan<br />
<b>2.</b> <b>EDIT HTML</b> ( Centang Expand Template Widget )<br />
<b>3.</b> Cari Kode <b></body></b> ( Untuk lebih cepat mencari gunakan Ctrl+F )<br />
<b>4.</b> Simpan kode berikut sebelum atau di atas kode <b></body></b><br />
<br />
<span style="font-size: x-small;"><!-- Bact to top By Ozan Hacker --><br />
<a href='#' style='display:scroll;position:fixed;<span class="Apple-style-span" style="color: yellow;">bottom:5px;right:5px</span>;' title='Back to Top'><img src='<span class="Apple-style-span" style="color: red;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEyCJV19EQdwXleFSRV8ZgN67rF4OkmJDV5MjeAT1lZQfl1h3wa9fSEjHzJGoazrNoikQkRUk3w29-ZHdsqBlyp1qSoon3LTSsIF5VSIj__hgjGBb0xSNEhxxo8p2dddSDEBdnO801a-2N/s1600/Untitled-2.png</span>'/></a> </span><br />
<br />
<br />
<br />
<b>5.</b> Lalu simpan tamplate, SELESAI dan lihat hasilnya…<br />
<br />
Keterangan:<br />
<ul>
<li>Kode warna <span style="color: yellow;">kuning</span> adalah posisi tombol berada</li>
<li>Kode warna <span style="color: red;">merah</span> adalah URL gambar tombol (silahkan anda ganti dengan URL gambar anda bila ingin menyesuaikan gambarnya dengan selera anda)</li>
</ul>
<br />
<br />
<b>Cara Kedua:</b><br />
Tombol back to top pada cara pertama hanya tombol back to top biasa, jika anda ingin yang lebih komplit, anda bisa memekai cara kedua ini:<br />
<br />
Tahap-tahapnya sama dengan yang diatas, cuma sekarang anda harus menambahkan kode CSS sebelum kode <b>]]></b:skin></b>, berikut penjelasannya:<br />
<br />
<b>1.</b> Cari kode <b>]]></b:skin></b> lalu sisipkan CSS berikut sebelum atau diatasnya.<br />
<br />
<div style="text-align: center;">
<span style="font-size: x-small;"> #Enjoy{display:scroll;position:fixed;<span style="color: yellow;">bottom:1px;<b><u style="color: orange;">right</u></b>:1px</span>;z-index:99}<br /> #Enjoy a{filter:alpha(opacity=65);-moz-opacity:0.65;opacity:0.65;border:0}<br /> #Enjoy img{border:0}<br /> #Enjoy a:hover{filter:alpha(opacity=100);-moz-opacity:1;opacity:1}</span></div>
<br />
<br />
<br />
<b>2.</b> Kemudian sisipkan kode berikut ini setelah atau dibawah kode <b></body></b><br />
<br />
<div style="text-align: center;">
<span style="font-size: x-small;"> <div id='Enjoy'><br /> <a href='#' onClick='window.location.reload()' title='Reload page'><br /> <img src='<span style="color: red;">http://i580.photobucket.com/albums/ss248/z33s/refresh.png</span>'/></a><br /> <a expr:href='data:blog.homepageUrl'><img src='<span style="color: red;">http://i580.photobucket.com/albums/ss248/z33s/house.png</span>'/></a><br /> <a href='#' title='Ke Atas Halaman'><img src='<span style="color: red;">http://i580.photobucket.com/albums/ss248/z33s/topopg.png</span>'/></a><br /> <a href='#<b><span style="color: lime;">footbar</span></b>' title='Ke bawah halaman'><br /> <img src='<span style="color: red;">http://i580.photobucket.com/albums/ss248/z33s/down.png</span>'/></a><br /> </div></span></div>
<br />
<br />
<br />
<b>3.</b> Lalu simpan tamplate anda, dan lihat hasilnya…<br />
<br />
Keterangan:<br />
=> Warna <span style="color: red;">merah</span> adalah gambar untuk tombol-tombolnya<br />
=> Warna <span style="color: yellow;">kuning</span> adalah posisi tombol<br />
<br />
apabila tombol <b>down</b> <b>/ ke bawah</b> tidak berfungsi silakan ganti kode yang berwana <b><span style="color: lime;">hijau</span></b> seperti ketyerangan di bawah:<br />
<br />
=> Untuk kode #<span style="color: lime;">footbar</span> anda ganti dengan #<span style="color: cyan;">footer</span> atau #<span style="color: magenta;">copyright</span> sesuaikan dengan HTML template anda.<br />
<br />
Sedikit tambahan lagi untu menentukan tempat tombol berada di sebelah kanan atau kiri blog silakan ganti kode yang berwarna <b><span style="color: orange;">orange</span> <u>left</u></b> (untuk sebelah kiri) <u><b>right</b></u> (untuk sebelah kanan blog anda).<br />
<br />
Jangan lupa komentarnya… Untuk artikel ini jika ada yang mau menambahkan cara yang lainnya aku tunggu…<br />
<br />
<i>Sumber: <u>http://www.ozanhacker.com</u></i> <img src="http://i1108.photobucket.com/albums/h405/christian410/15-1.gif" /></div>den zuazhttp://www.blogger.com/profile/06961337061354681028noreply@blogger.com22tag:blogger.com,1999:blog-8104256758510177596.post-90980955493866922462012-03-09T14:33:00.000+07:002012-03-09T15:14:05.396+07:00Mengatasi Tombol Balas/Reply Komentar Pada Blog Yang Tidak Berfungsi<div style="text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdHNCQmbjQB4Il1bGllGgJjtGqDOIPxaDLAYukytfUeg4XpGa4Xu4Plco_-KEzu-joi0FFmTnaUn6V_eF72BBG3Ck6IH1i1kbJ-7d-ECDg0iOeIcSdKZzHg1d0ELUShSb0bXf3BGchj4c/s1600/Blogger.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdHNCQmbjQB4Il1bGllGgJjtGqDOIPxaDLAYukytfUeg4XpGa4Xu4Plco_-KEzu-joi0FFmTnaUn6V_eF72BBG3Ck6IH1i1kbJ-7d-ECDg0iOeIcSdKZzHg1d0ELUShSb0bXf3BGchj4c/s200/Blogger.png" width="200" /></a></div>
Kali ini saya sedikit share sebuah tips dan trik blog tentang cara mengatasi tombol balas / reply komentar yang tidak berfungsi pada blog, postingan ini saya ambil dari salah satu blog / websait dengan alamat <a href="http://blog.kangismet.net/"><b>blog.kangismet.net</b></a>. berikut ini adalah keterangan tutorialnya, silakan disimak,, <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif" /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<b>Mengatasi Error Pada Tombol Reply Komentar yang Tidak Bisa di Klik</b></div>
<div style="text-align: justify;">
Beberapa hari ini banyak komentar atau pertanyaan rekan-rekan blogger yang sudah menggunakan Threaded Comment (baca: Cara Membuat Threaded Comment di Blogger), ada masalah dengan tombol Reply / Balas.<br />
<br />
Setelah saya cek, ternyata tombol reply / balas tidak berfungsi atau form komentar tidak keluar. Hal ini disebabkan ada perubahan pada JavaScript threaded comment.<br />
<br />
<b>replyerror</b><br />
<br />
Untuk mengatasi hal ini, ikuti langkah-langkah di bawah ini :<br />
<br />
<b>1. </b>Masuk ke<b style="color: red;"> Dasbor</b> ---><b style="color: red;"> Rancangan</b> ---><b style="color: red;"> Edit HTML</b><br />
<b>2.</b> Menjaga kegagalan, backup dulu template anda ---> <b style="color: red;">Download Template Lengkap</b><br />
<b>3.</b> Centang <b style="color: red;">Expand Template Widget</b><br />
<b>4</b>. Cari kode dibawah ini :<br />
<br />
<div>
<div style="margin-bottom: 0px;">
<b><small>Klik show untuk melihat</small></b>
<input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" style="font-size: 10px; margin: 0px; padding: 0px; width: 60px;" type="button" value="Show" /></div>
<div style="border: 0px inset; margin: 0px; padding: 6px;">
<div style="display: none;">
<b:includable id='threaded_comment_js' var='post'><br />
<script defer='defer' expr:src='data:post.commentSrc' type='text/javascript'/><br />
<br />
<script type='text/javascript'><br />
(function() {<br />
var items = <data:post.commentJso/>;<br />
var msgs = <data:post.commentMsgs/>;<br />
var postId = &#39;<data:post.id/>&#39;;<br />
var feed = &#39;<data:post.commentFeed/>&#39;;<br />
var authorName = &#39;<data:post.author/>&#39;;<br />
var authorUrl = &#39;<data:post.authorUrl/>&#39;;<br />
var blogId = &#39;<data:top.id/>&#39;;<br />
var baseUri = &#39;<data:post.commentBase/>&#39;;<br />
<br />
// <![CDATA[<br />
feed += '?alt=json&v=2&orderby=published&reverse=false&max-results=50';<br />
var cursor = null;<br />
if (items && items.length > 0) {<br />
cursor = parseInt(items[items.length - 1].timestamp) + 1;<br />
}<br />
<br />
var bodyFromEntry = function(entry) {<br />
if (entry.gd$extendedProperty) {<br />
for (var k in entry.gd$extendedProperty) {<br />
if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {<br />
return '<span class="deleted-comment">' + entry.content.$t + '</span>';<br />
}<br />
}<br />
}<br />
return entry.content.$t;<br />
}<br />
<br />
var parse = function(data) {<br />
cursor = null;<br />
var comments = [];<br />
if (data && data.feed && data.feed.entry) {<br />
for (var i = 0, entry; entry = data.feed.entry[i]; i++) {<br />
var comment = {};<br />
// comment ID, parsed out of the original id format<br />
var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);<br />
comment.id = id ? id[2] : null;<br />
comment.body = bodyFromEntry(entry);<br />
comment.timestamp = Date.parse(entry.published.$t) + '';<br />
if (entry.author && entry.author.constructor === Array) {<br />
var auth = entry.author[0];<br />
if (auth) {<br />
comment.author = {<br />
name: (auth.name ? auth.name.$t : undefined),<br />
profileUrl: (auth.uri ? auth.uri.$t : undefined),<br />
avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)<br />
};<br />
}<br />
}<br />
if (entry.link) {<br />
if (entry.link[2]) {<br />
comment.link = comment.permalink = entry.link[2].href;<br />
}<br />
if (entry.link[3]) {<br />
var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);<br />
if (pid && pid[1]) {<br />
comment.parentId = pid[1];<br />
}<br />
}<br />
}<br />
comment.deleteclass = 'item-control blog-admin';<br />
if (entry.gd$extendedProperty) {<br />
for (var k in entry.gd$extendedProperty) {<br />
console.log(entry.gd$extendedProperty[k].name + ' - ' + entry.gd$extendedProperty[k].value);<br />
if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {<br />
comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;<br />
}<br />
}<br />
}<br />
comments.push(comment);<br />
}<br />
}<br />
return comments;<br />
};<br />
<br />
var paginator = function(callback) {<br />
if (hasMore()) {<br />
var url = feed;<br />
if (cursor) {<br />
url += '&published-min=' + new Date(cursor).toISOString();<br />
}<br />
window.bloggercomments = function(data) {<br />
var parsed = parse(data);<br />
cursor = parsed.length < 50 ? null<br />
: parseInt(parsed[parsed.length - 1].timestamp) + 1<br />
callback(parsed);<br />
window.bloggercomments = null;<br />
}<br />
url += '&callback=bloggercomments';<br />
var script = document.createElement('script');<br />
script.type = 'text/javascript';<br />
script.src = url;<br />
document.getElementsByTagName('head')[0].appendChild(script);<br />
}<br />
};<br />
var hasMore = function() {<br />
return !!cursor;<br />
};<br />
var getMeta = function(key, comment) {<br />
if ('iswriter' == key) {<br />
var matches = !!comment.author<br />
&& comment.author.name == authorName<br />
&& comment.author.profileUrl == authorUrl;<br />
return matches ? 'true' : '';<br />
} else if ('deletelink' == key) {<br />
return baseUri + '/delete-comment.g?blogID=' + blogId + '&postID=' + comment.id;<br />
} else if ('deleteclass' == key) {<br />
return comment.deleteclass;<br />
}<br />
return '';<br />
};<br />
<br />
var replybox = null;<br />
var replyUrlParts = null;<br />
var replyParent = undefined;<br />
<br />
var onReply = function(commentId, domId) {<br />
if (replybox == null) {<br />
// lazily cache replybox, and adjust to suit this style:<br />
replybox = document.getElementById('comment-editor');<br />
if (replybox != null) {<br />
replybox.height = '250px';<br />
replybox.style.display = 'block';<br />
replyUrlParts = replybox.src.split('#');<br />
}<br />
}<br />
if (replybox && (commentId !== replyParent)) {<br />
document.getElementById(domId).insertBefore(replybox, null);<br />
replybox.src = replyUrlParts[0]<br />
+ (commentId ? '&parentID=' + commentId : '')<br />
+ '#' + replyUrlParts[1];<br />
replyParent = commentId;<br />
}<br />
};<br />
<br />
var tok = 'comment-form_';<br />
var hash = window.location.hash || '';<br />
var startThread = hash.indexOf(tok) == 1 ? hash.substring(tok.length + 1) : undefined;<br />
<br />
// Configure commenting API:<br />
var configJso = {<br />
'maxDepth': 2<br />
};<br />
var provider = {<br />
'id': postId,<br />
'data': items,<br />
'loadNext': paginator,<br />
'hasMore': hasMore,<br />
'getMeta': getMeta,<br />
'onReply': onReply,<br />
'rendered': true,<br />
'initReplyThread': startThread,<br />
'config': configJso,<br />
'messages': msgs<br />
};<br />
<br />
var render = function() {<br />
if (window.goog && window.goog.comments) {<br />
var holder = document.getElementById('comment-holder');<br />
window.goog.comments.render(holder, provider);<br />
}<br />
};<br />
<br />
// render now, or queue to render when library loads:<br />
if (window.goog && window.goog.comments) {<br />
render();<br />
} else {<br />
window.goog = window.goog || {};<br />
window.goog.comments = window.goog.comments || {};<br />
window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];<br />
window.goog.comments.loadQueue.push(render);<br />
}<br />
})();<br />
// ]]><br />
</script><br />
</b:includable></div>
<div style="text-align: justify;">
<br />
<br /></div>
</div>
</div>
<b>5.</b> Ganti semuanya dengan kode dibawah ini :<br />
<br />
<div>
<div style="margin-bottom: 2px;">
<b><small>Klik show untuk melihat</small></b>
<input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" style="font-size: 10px; margin: 0px; padding: 0px; width: 60px;" type="button" value="Show" /></div>
<div style="border: 0px inset; margin: 0px; padding: 6px;">
<div style="display: none;">
<b:includable id='threaded_comment_js' var='post'><br />
<script async='async' expr:src='data:post.commentSrc' type='text/javascript'/><br />
<br />
<script type='text/javascript'><br />
(function() {<br />
var items = <data:post.commentJso/>;<br />
var msgs = <data:post.commentMsgs/>;<br />
var config = <data:post.commentConfig/>;<br />
<br />
// <![CDATA[<br />
var cursor = null;<br />
if (items && items.length > 0) {<br />
cursor = parseInt(items[items.length - 1].timestamp) + 1;<br />
}<br />
<br />
var bodyFromEntry = function(entry) {<br />
if (entry.gd$extendedProperty) {<br />
for (var k in entry.gd$extendedProperty) {<br />
if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {<br />
return '<span class="deleted-comment">' + entry.content.$t + '</span>';<br />
}<br />
}<br />
}<br />
return entry.content.$t;<br />
}<br />
<br />
var parse = function(data) {<br />
cursor = null;<br />
var comments = [];<br />
if (data && data.feed && data.feed.entry) {<br />
for (var i = 0, entry; entry = data.feed.entry[i]; i++) {<br />
var comment = {};<br />
// comment ID, parsed out of the original id format<br />
var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);<br />
comment.id = id ? id[2] : null;<br />
comment.body = bodyFromEntry(entry);<br />
comment.timestamp = Date.parse(entry.published.$t) + '';<br />
if (entry.author && entry.author.constructor === Array) {<br />
var auth = entry.author[0];<br />
if (auth) {<br />
comment.author = {<br />
name: (auth.name ? auth.name.$t : undefined),<br />
profileUrl: (auth.uri ? auth.uri.$t : undefined),<br />
avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)<br />
};<br />
}<br />
}<br />
if (entry.link) {<br />
if (entry.link[2]) {<br />
comment.link = comment.permalink = entry.link[2].href;<br />
}<br />
if (entry.link[3]) {<br />
var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);<br />
if (pid && pid[1]) {<br />
comment.parentId = pid[1];<br />
}<br />
}<br />
}<br />
comment.deleteclass = 'item-control blog-admin';<br />
if (entry.gd$extendedProperty) {<br />
for (var k in entry.gd$extendedProperty) {<br />
if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {<br />
comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;<br />
}<br />
}<br />
}<br />
comments.push(comment);<br />
}<br />
}<br />
return comments;<br />
};<br />
<br />
var paginator = function(callback) {<br />
if (hasMore()) {<br />
var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';<br />
if (cursor) {<br />
url += '&published-min=' + new Date(cursor).toISOString();<br />
}<br />
window.bloggercomments = function(data) {<br />
var parsed = parse(data);<br />
cursor = parsed.length < 50 ? null<br />
: parseInt(parsed[parsed.length - 1].timestamp) + 1<br />
callback(parsed);<br />
window.bloggercomments = null;<br />
}<br />
url += '&callback=bloggercomments';<br />
var script = document.createElement('script');<br />
script.type = 'text/javascript';<br />
script.src = url;<br />
document.getElementsByTagName('head')[0].appendChild(script);<br />
}<br />
};<br />
var hasMore = function() {<br />
return !!cursor;<br />
};<br />
var getMeta = function(key, comment) {<br />
if ('iswriter' == key) {<br />
var matches = !!comment.author<br />
&& comment.author.name == config.authorName<br />
&& comment.author.profileUrl == config.authorUrl;<br />
return matches ? 'true' : '';<br />
} else if ('deletelink' == key) {<br />
return config.baseUri + '/delete-comment.g?blogID='<br />
+ config.blogId + '&postID=' + comment.id;<br />
} else if ('deleteclass' == key) {<br />
return comment.deleteclass;<br />
}<br />
return '';<br />
};<br />
<br />
var replybox = null;<br />
var replyUrlParts = null;<br />
var replyParent = undefined;<br />
<br />
var onReply = function(commentId, domId) {<br />
if (replybox == null) {<br />
// lazily cache replybox, and adjust to suit this style:<br />
replybox = document.getElementById('comment-editor');<br />
if (replybox != null) {<br />
replybox.height = '250px';<br />
replybox.style.display = 'block';<br />
replyUrlParts = replybox.src.split('#');<br />
}<br />
}<br />
if (replybox && (commentId !== replyParent)) {<br />
document.getElementById(domId).insertBefore(replybox, null);<br />
replybox.src = replyUrlParts[0]<br />
+ (commentId ? '&parentID=' + commentId : '')<br />
+ '#' + replyUrlParts[1];<br />
replyParent = commentId;<br />
}<br />
};<br />
<br />
var hash = (window.location.hash || '#').substring(1);<br />
var startThread, targetComment;<br />
if (/^comment-form_/.test(hash)) {<br />
startThread = hash.substring('comment-form_'.length);<br />
} else if (/^c[0-9]+$/.test(hash)) {<br />
targetComment = hash.substring(1);<br />
}<br />
<br />
// Configure commenting API:<br />
var configJso = {<br />
'maxDepth': config.maxThreadDepth<br />
};<br />
var provider = {<br />
'id': config.postId,<br />
'data': items,<br />
'loadNext': paginator,<br />
'hasMore': hasMore,<br />
'getMeta': getMeta,<br />
'onReply': onReply,<br />
'rendered': true,<br />
'initComment': targetComment,<br />
'initReplyThread': startThread,<br />
'config': configJso,<br />
'messages': msgs<br />
};<br />
<br />
var render = function() {<br />
if (window.goog && window.goog.comments) {<br />
var holder = document.getElementById('comment-holder');<br />
window.goog.comments.render(holder, provider);<br />
}<br />
};<br />
<br />
// render now, or queue to render when library loads:<br />
if (window.goog && window.goog.comments) {<br />
render();<br />
} else {<br />
window.goog = window.goog || {};<br />
window.goog.comments = window.goog.comments || {};<br />
window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];<br />
window.goog.comments.loadQueue.push(render);<br />
}<br />
})();<br />
// ]]><br />
</script><br />
</b:includable></div>
</div>
</div>
<br />
<b>6.</b> Save Template dan silakan lihat hasilnya,,<br />
<i>Sumber: <u>http://blog.kangismet.net</u></i> <img src="http://i1108.photobucket.com/albums/h405/christian410/15-1.gif" /></div>den zuazhttp://www.blogger.com/profile/06961337061354681028noreply@blogger.com63tag:blogger.com,1999:blog-8104256758510177596.post-970349487056307262012-03-08T05:47:00.000+07:002012-03-08T05:47:05.396+07:00TV Online<div style="text-align: center;">
<img height="50" src="http://i1108.photobucket.com/albums/h405/christian410/14-1.gif" width="50" />
<img height="50" src="http://i1108.photobucket.com/albums/h405/christian410/13-1.gif" width="50" />
<img height="50" src="http://i1108.photobucket.com/albums/h405/christian410/12-1.gif" width="50" />
<img height="50" src="http://i1108.photobucket.com/albums/h405/christian410/11-1.gif" width="50" />
<img height="50" src="http://i1108.photobucket.com/albums/h405/christian410/10-1.gif" width="50" /> </div>
<div style="text-align: center;">
<img height="50" src="http://i1108.photobucket.com/albums/h405/christian410/9-1.gif" width="50" />
<img height="50" src="http://i1108.photobucket.com/albums/h405/christian410/7-1.gif" width="50" />
<img height="50" src="http://i1108.photobucket.com/albums/h405/christian410/6-1.gif" width="50" />
<img height="50" src="http://i1108.photobucket.com/albums/h405/christian410/5-1.gif" width="50" />
<img height="50" src="http://i1108.photobucket.com/albums/h405/christian410/4-1.gif" width="50" />
<img height="50" src="http://i1108.photobucket.com/albums/h405/christian410/3-1.gif" width="50" />
<img height="50" src="http://i1108.photobucket.com/albums/h405/christian410/2-1.gif" width="50" />
<img height="50" src="http://i1108.photobucket.com/albums/h405/christian410/1-1.gif" width="50" />
<img height="50" src="http://i1108.photobucket.com/albums/h405/christian410/15-1.gif" width="50" />
</div>
<br />
<br />
<center><div id="NamaTV">
</div>
<div id="TVstyle">
</div>
<div class="tvborder">
<iframe allowtransparency="true" frameborder="0" id="fsTVframe" name="TVPlayerWb" scrolling="no"></iframe></div>
<ul id="fsTVOnline"></ul>
<div class="clear">
</div>
<span id="TVsource"></span><a href="http://www.warungbebas.com/" id="wb_tvauth">Warung Bebas TV Streaming</a><script src="http://javascript-share.googlecode.com/files/wb.js">
</script><script type="text/javascript">
wb.tv_setting={channel_start:7,player_width:500,player_height:415,icon_width:40,float_icon:false};
</script><script src="http://javascript-share.googlecode.com/files/wb_tv_online_indonesia_2_0.js">
</script></center><br />
<div style="text-align: center;">
</div>
den zuazhttp://www.blogger.com/profile/06961337061354681028noreply@blogger.com7tag:blogger.com,1999:blog-8104256758510177596.post-50168055641041895572012-03-08T03:15:00.000+07:002012-05-28T19:26:53.573+07:00123 Page Number Navigation for Blogger<div style="text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTBsXHwkcdbXpkfXY7lAins4-GHuRL_rPIm9H0icnEQyKt9i5afFnvPxvO0XyJGGoKFoEGBYeLGu72CE9kATOTtKhDtRSO9WXGRaUVcuehnL81M1DJSDVCY2mqR2aF4TL1n3uOWlEfdKQ/s1600/logo.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTBsXHwkcdbXpkfXY7lAins4-GHuRL_rPIm9H0icnEQyKt9i5afFnvPxvO0XyJGGoKFoEGBYeLGu72CE9kATOTtKhDtRSO9WXGRaUVcuehnL81M1DJSDVCY2mqR2aF4TL1n3uOWlEfdKQ/s200/logo.png" width="200" /></a></div>
Baru beberapa hari lalu saya menemukan artikel yang benar-benar saya cari. Adalah bagaimana cara membuat halaman berurut 123 /page 123 navigation untuk blog di blogger/blogspot.<br />
<br />
Kode membuat halaman 123 di blogspot ini,saya dapat dari hasil karya besar <b>Bp.Wijaya di ariawijaya.com</b></div>
<div style="text-align: justify;">
Anda bisa mengunjungi website dan tutorial 123 page navigation ini di situsnya langsung dalam tutorialnya <b>'Membuat Navigasi Page Number Blogspot'</b>, atau anda bisa langsung klik disini.<br />
<br />
Untuk hasilnya akan seperti gambar di bawah ini:<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBgS_73W4MGFmr8eARhv96jNxvq5Df_qRhfxrSn6-W37_0heZJwk4MidcE2GxnO3eqVKHdxB-dxFj83J49FQ9WwrI4mlAQ8vd6xpD5v_3WiVMjXs_NXjVS1wL0etUwxGuiftZ9rJhimbk/s1600/page_navigation.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBgS_73W4MGFmr8eARhv96jNxvq5Df_qRhfxrSn6-W37_0heZJwk4MidcE2GxnO3eqVKHdxB-dxFj83J49FQ9WwrI4mlAQ8vd6xpD5v_3WiVMjXs_NXjVS1wL0etUwxGuiftZ9rJhimbk/s1600/page_navigation.png" /></a></div>
<br />
Sedangkan contoh hasil kode navigasi berurut ini, anda bisa lihat di sini.<br />
Bagaimana? Ingin membuatnya?<br />
<br />
Biar pelajaran blog menjabarkan kembali cara membuat halaman 123 berurut ini.<br />
<br />
<b>Langkah Cara Membuat Page Navigasi Angka / Number 123dst pada Blog.</b><br />
<br />
Pertama, pergilah ke dashboard blogger anda, selanjutnya, pilih tata letak, dan pilih <b>Edit HTML</b>.<br />
Seperti biasa, contreng option <b>Expand widget templates</b>, selanjutnya cari kode berikut:<br />
<br />
<div style="color: red;">
<b>]]></b:skin></b></div>
<br />
Setelah ketemu,letakkan persis <b>di atasnya</b> kode css di bawah ini:<br />
<div align="”center”">
</div>
<br />
<br />
<br />
<center><textarea cols="60" name="”code”" rows="8">.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #cccccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #cccccc;
background-color:#cccccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #cccccc;
background: #cccccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #cccccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333333;
}</textarea></center><br />
<br />
Lalu,cari lagi kode seperti ini:<b> <span style="color: red;"></body></span></b> Jika sudah ketemu, tepat <b>di atasnya</b> letakkan script di bawah ini:<br />
<br />
<br />
<br />
<center><textarea cols="60" name="”code”" rows="8"><b:if cond='data:blog.pageType != &quot;item&quot;'>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord =&#39;Previous&#39;;
var downPageWord =&#39;Next&#39;;
</script>
<script src='http://blogergadgets.googlecode.com/files/blogger-page-navi.v1.js' type='text/javascript'/>
</b:if></textarea></center>
<br />
<br />
Langkah terakhir, carilah kode berikut (copi semua dengan tanda petik):<br />
<br />
<div style="color: red;">
<b>'data:label.url'</b></div>
<br />
Jika sudah ketemu, hapus kode tersebut dan gantilah kode berikut (copi semua dengan tanda petik):<br />
<br />
<div style="color: red;">
<b>'data:label.url + &quot;?&amp;max-results=5&quot;'</b></div>
<br />
Sekarang, simpan templates anda, dan anda bisa lihat hasilnya sekarang<br />
<br />
<i>Sumber: </i><u><cite>http://www.abu-farhan.com</cite></u><i> </i><img src="http://i1108.photobucket.com/albums/h405/christian410/15-1.gif" /></div>den zuazhttp://www.blogger.com/profile/06961337061354681028noreply@blogger.com22tag:blogger.com,1999:blog-8104256758510177596.post-32707926630688989902012-03-08T01:27:00.001+07:002012-03-08T01:27:48.571+07:00Cara Membuat Read More Otomatis di Blog<div style="text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOoOqP0kysjx_jtIk2vdYT_PGa6xJ1USZb44UoijTEQPWwezHr5Z3c-9w2a5WFC-b_rU_mK6qlG1ArtFwgntdDcJoJ4zj0oCuVO5doMWZzxf_xXK-1qQZ-AGIBsqpohE10gVSEnCcq6kg/s1600/readmore.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOoOqP0kysjx_jtIk2vdYT_PGa6xJ1USZb44UoijTEQPWwezHr5Z3c-9w2a5WFC-b_rU_mK6qlG1ArtFwgntdDcJoJ4zj0oCuVO5doMWZzxf_xXK-1qQZ-AGIBsqpohE10gVSEnCcq6kg/s1600/readmore.png" /></a></div>
<b>Cara membuat Read More otomatis di Blogspot</b> dengan menambahkan kode javascript pada template blog. Kali ini yang akan saya bahas mengenai cara membuat read more di blogspot atau blogger. Kenapa cara membuat read more di wordpress tidak dibahas juga? wah kalao read more di wordpress tidak bisa dibuat secara otomatis, tapi dengan cara manual setiap postingan. Ok kita mulai bahasan mengenai cara membuat read more otomatis di blogspot.<br />
<br />
Bagaimana Cara membuat Read More otomatis di blogspot?<br />
Cara membuat read more otomatis di blogspot sangat mudah. Sebelum melangkah ke cara membuat read more otomatis di blogspot lebih baik kita tahu apa itu read more? dan apa fungsi read more? Read more dalam bahasa indonesia yaitu " Baca Selengkapnya " dan fungsi read more itu sendiri adalah meminimalis penggunaan halaman blog agar terlihat lebih rapi dan menarik. Read more otomatis ini akan memotong tampilan depan artikel yang panjang dan anda bisa menentukan berapa banyak huruf yang akan ditampilkan di halaman depan, begitu pengunjung membuka Read more atau baca selengkapnya barulah pengunjung bisa membaca artikel penuh blog anda. Sekarang lanjut ke langkah cara membuat read more otomatis di blogspot.<br />
Langkah-langkah <b>cara membuat Read More Otomatis di Blogspot</b></div>
<ul>
<li>Login ke Blog anda</li>
<li>Buka halaman design > <b style="color: red;">Edit HTML</b> > centang Expand template widget</li>
<li>Cari kode <b style="color: red;"></head></b> gunakan <b style="color: red;">CTRL + F</b> untuk mempermudah pencarian</li>
<li>Paste kode berikut tepat dibawah <b style="color: red;"></head></b></li>
</ul>
<div align="”center”">
<br />
<br />
<center><textarea cols="50" name="”code”" rows="5"> <script type='text/javascript'> var thumbnail_mode = "no-float" ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://script-bamz-us.googlecode.com/files/read-moreotomatis.js' type='text/javascript'/></textarea></center></div>
<div style="text-align: justify;">
<br />
<ul>
<li>Selanjutnya cari kode <b style="color: red;"><data:post.body/></b> atau <b style="color: red;"><p><data:post.body/></p></b> ( seperti biasan gunakan <b style="color: red;">CTRL + F</b> untuk mempermudah pencarian). Jika ditemukan 2 kode yang sama, gunakan atau ganti yang pertama.</li>
</ul>
Jika sudah ketemu silahkan anda ganti kode tersebut dengan kode dibawah ini<br />
<div align="”center”">
<br />
<br />
<center><textarea cols="60" name="”code”" rows="7"> <b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");
</script>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'><img src="http://lh3.ggpht.com/_kTaFrEr_318/SkKGIoU-oPI/AAAAAAAAA9g/5A_nTHvFgiI/readmore_thumb%5B2%5D.gif"></img></a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if></textarea></center></div>
<br />
<ul>
<li> Finish simpan template dan lihat hasilnya</li>
</ul>
<br />
<b>Cara membuat Read More otomatis di Blogspot</b> ini bisa anda rubah sebagian. berikut ini adalah keterangannya data yang bisa dirubah :<br />
<br />
<ol>
<li><b>summary_noimg</b> = <b style="color: red;">430</b>; apabila artikel anda tanpa gambar satupun maka yang akan tampil pada halaman depan adalah <b style="color: red;">430</b> huruf</li>
<li><b>summary_img</b> = <b style="color: red;">340</b>; apabila artikel anda berisi gambar maka yang akan tampil pada halaman depan adalah <b style="color: red;">340</b> huruf dan gambar</li>
<li><b>img_thumb_height</b> = <b style="color: red;">100</b>; ini adalah ukuran tinggi gambar / thumbnail yang akan muncul di halaman depan</li>
<li><b>img_thumb_width</b> = <b style="color: red;">120</b>; sedangkan yang ini adalah lebar gambar / thumbnail di halaman depan.</li>
<li>Anda juga bisa mengubah Icon read more <b style="color: red;">http://lh3.ggpht.com/_kTaFrEr_318/SkKGIoU-oPI/AAAAAAAAA9g/5A_nTHvFgiI/readmore_thumb%5B2%5D.gif</b> silahkan diganti <b>URL</b> icon yang anda inginkan. Atau anda ingin mengubah Icon Read more tersebut menjadi tulisan saja misalnya <b>" <span style="color: red;">>> Read more</span> "</b>, maka anda tinggal menghapus / mengganti kode <b style="color: red;"><img src="http://lh3.ggpht.com/_kTaFrEr_318/SkKGIoU-oPI/AAAAAAAAA9g/5A_nTHvFgiI/readmore_thumb%5B2%5D.gif"></img></b> menjadi tulisan <b style="color: red;">>> Read More</b> atau <b style="color: red;">Baca selengkapnya</b> dll.</li>
</ol>
<br />
Semoga artikel cara membuat read more otomatis di blog ini bermanfaat. Selamat mencoba dan semoga berhasil.<br />
<br />
<i>Sumber: <u>http://www.bamz.us </u></i><img src="http://i1108.photobucket.com/albums/h405/christian410/15-1.gif" /></div>den zuazhttp://www.blogger.com/profile/06961337061354681028noreply@blogger.com255tag:blogger.com,1999:blog-8104256758510177596.post-64883972433939706232012-03-07T03:11:00.001+07:002012-03-07T03:11:27.337+07:00Membuat Gambar Batman Berjalan Di Pinggir Blog<table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: left; font-family: Times,"Times New Roman",serif; margin-left: 0px; margin-right: 0px; text-align: left;"><tbody>
<tr><td style="text-align: center;"><img src="http://batman-project.googlecode.com/files/zuazz.gif.gif" style="margin-left: auto; margin-right: auto;" /></td></tr>
<tr style="color: white;"><td class="tr-caption" style="text-align: center;"><i>(Batman lagi jalan-jalan)</i></td></tr>
</tbody></table>
<div style="font-family: Times,"Times New Roman",serif; text-align: justify;">
</div>
<div style="font-family: Times,"Times New Roman",serif; text-align: justify;">
Penambahan gambar-gambar bergerak di blok akan menambah tampilan blog menjadi lebih indah dilihat, dan bisa menjadi ciri khas blog itu sendiri. Akan tetapi jangan terlalu banyak juga ya, yang ada pengunjung blog jadi ribet melihat tampilannya, dan juga penempatan gambar harus sesuai. </div>
<div style="font-family: Times,"Times New Roman",serif; text-align: justify;">
<br /></div>
<div style="font-family: Times,"Times New Roman",serif; text-align: justify;">
Untuk membuat gambar Batman berjalan kita hanya perlu menambahkan alamat url
gambar tesebut. Mungkin trik ini usang atau tidak berguna bagi para
master dan para webmaster, tapi apa salahnya bagi pemula seperti saya
yang awam ini, mungkin bagi sahabat bloger yang pengen tau caranya kita
ikuti langkah - langkahnya seperti dibawah ini:</div>
<div style="font-family: Times,"Times New Roman",serif; text-align: justify;">
<br /></div>
<div style="font-family: Times,"Times New Roman",serif; text-align: justify;">
<br /></div>
<div style="font-family: Times,"Times New Roman",serif; text-align: justify;">
<br /></div>
<div style="font-family: Times,"Times New Roman",serif; text-align: justify;">
Disini kita nggak perlu upload gambar lagi kok,,</div>
<div style="font-family: Times,"Times New Roman",serif; text-align: justify;">
1. <b><span class="Apple-style-span"><span class="Apple-style-span" style="font-size: small;">Login </span></span></b><span class="Apple-style-span"><span class="Apple-style-span" style="font-size: small;">ke blogger dengan ID anda </span></span></div>
<div style="font-family: Times,"Times New Roman",serif; text-align: justify;">
<span class="Apple-style-span"><span class="Apple-style-span" style="font-size: small;">2. Klik <b>tata letak</b></span></span></div>
<div style="font-family: Times,"Times New Roman",serif; text-align: justify;">
<span class="Apple-style-span"><span class="Apple-style-span" style="font-size: small;">3. Klik <b>tambah gadget</b></span></span></div>
<div style="font-family: Times,"Times New Roman",serif; text-align: justify;">
<span class="Apple-style-span"><span class="Apple-style-span" style="font-size: small;">4. Pilih<b> HTML/Javascript</b> </span></span></div>
<div style="font-family: Times,"Times New Roman",serif; text-align: justify;">
<span class="Apple-style-span"><span class="Apple-style-span" style="font-size: small;">5. Masukan kode dibawah ini:</span></span></div>
<div style="font-family: Times,"Times New Roman",serif; text-align: justify;">
<span style="font-size: small;"><b><i><br /></i></b></span></div>
<div style="font-family: Times,"Times New Roman",serif; text-align: center;">
<span style="font-size: small;"><b><i><span class="Apple-style-span"><span class="Apple-style-span"> <div style="position: fixed; bottom: 25px;<span style="color: red;"> left</span>: 20px;width:120px;height:135px;"><a href="<span style="color: blue;">http://zuazz.blogspot.com</span>" title=""><img src="http://batman-project.googlecode.com/files/zuazz.gif.gif"/></a><small><center><a href="<span style="color: blue;">http://zuazz.blogspot.com</span>" target="_blank"><span style="font-weight:bold;color:#00000;"><span style="color: blue;"> <span style="color: blue;">den zuaz</span></span><span style="color: white;"> </span></span></a></center></small></div></span></span></i></b></span></div>
<div style="font-family: Times,"Times New Roman",serif; text-align: justify;">
<br /></div>
<div style="font-family: Times,"Times New Roman",serif; text-align: justify;">
<span class="Apple-style-span"><span class="Apple-style-span" style="font-size: small;">Untuk kolom judul kosongin aja ya, dan untuk menentukan di sebelah mana gambar ditempatkan silahkan ganti kode berwarna<b> <span style="color: red;">merah</span></b> (left / right).ganti kode<span style="color: blue;"> </span><b style="color: blue;">berwarna biru</b> dengan url anda sendiri atau dibiarkan saja juga tidak apa-apa kok.</span></span></div>
<div style="font-family: Times,"Times New Roman",serif; text-align: justify;">
<span class="Apple-style-span"><span class="Apple-style-span" style="font-size: small;"><br /></span></span></div>
<div style="font-family: Times,"Times New Roman",serif; text-align: justify;">
<span class="Apple-style-span"><span class="Apple-style-span" style="font-size: small;">6. Klik <b>simpan</b> dan lihat hasilnya.</span></span></div>
<div style="font-family: Times,"Times New Roman",serif; text-align: justify;">
<span class="Apple-style-span"><span class="Apple-style-span" style="font-size: small;"><br /></span></span></div>
<div style="font-family: Times,"Times New Roman",serif; text-align: justify;">
<span class="Apple-style-span"><span class="Apple-style-span" style="font-size: small;">Selamat mencoba... <img src="http://i1108.photobucket.com/albums/h405/christian410/15-1.gif" /></span></span>
</div>
<br />
<i>Sumber: <a href="http://zuazz.blogspot.com/">http://zuazz.blogspot.com</a></i>den zuazhttp://www.blogger.com/profile/06961337061354681028noreply@blogger.com8tag:blogger.com,1999:blog-8104256758510177596.post-86274882280659709542012-03-07T03:02:00.000+07:002012-03-07T03:02:05.505+07:00Background Sambaran Petir Di Blog<div style="font-family: Times,"Times New Roman",serif; text-align: center;">
<img height="150" src="http://petir-project.googlecode.com/files/petir.gif" width="200" /></div>
<div style="font-family: Times,"Times New Roman",serif; text-align: center;">
</div>
<div style="font-family: Times,"Times New Roman",serif; text-align: justify;">
<br />
<span style="font-size: small;">Bagi para pemula blogger contohnya seperti saya pasti banyak yang menginginkan background blognya di ganti dengan foto sendiri atau gambar yang mereka inginkan
sendiri. Kali ini saya akan menulis artikel tentang
'Membuat Background Kilat Di Blog'.</span></div>
<div style="font-family: Times,"Times New Roman",serif; text-align: justify;">
<span style="font-size: small;"><br /></span></div>
<div style="font-family: Times,"Times New Roman",serif; text-align: justify;">
<span style="font-size: small;">Ikuti langkah berikut untuk membuat background blog :</span></div>
<div style="font-family: Times,"Times New Roman",serif; text-align: justify;">
<span style="font-size: small;"><br /></span></div>
<div style="font-family: Times,"Times New Roman",serif; text-align: justify;">
<span style="font-size: small;">1. <b>login</b> ke bloger dengan id anda</span></div>
<div style="font-family: Times,"Times New Roman",serif; text-align: justify;">
<span style="font-size: small;">2. Lalu menuju ke '<b>design</b>' -><b> edit HTML</b></span></div>
<div style="font-family: Times,"Times New Roman",serif; text-align: justify;">
<span style="font-size: small;">3<b>. </b>Centang <b>Expand Template Widget </b></span></div>
<div style="font-family: Times,"Times New Roman",serif; text-align: justify;">
<span style="font-size: small;">3. Cari kode <b> body { </b></span></div>
<div style="font-family: Times,"Times New Roman",serif; text-align: justify;">
<span style="font-size: small;">4. Tambahkan kode berikut <b>di bawah</b> kode '<b> body {</b> '</span><span class="Apple-style-span" style="color: black; font-size: small;"> </span><br />
<div style="color: white;">
<span class="Apple-style-span"><br /></span></div>
<div style="text-align: center;">
<span style="font-size: large;"><b style="color: white;"><span class="Apple-style-span">background:<span style="color: purple;">#000000</span> url(<span style="color: blue;">http://petir-project.googlecode.com</span></span><br style="color: blue;" /><span class="Apple-style-span"><span style="color: blue;">/files/petir.gif</span>) <span style="color: red;">no</span>-repeat center fixed; </span></b></span></div>
</div>
<br />
<ul style="font-family: Times,"Times New Roman",serif; text-align: justify;">
<li><b><span class="Apple-style-span" style="color: purple;">Kode ungu</span></b> = Kode warna di belakang background<span class="Apple-style-span" style="color: blue;"> </span></li>
<li><b><span class="Apple-style-span" style="color: blue;">Kode Biru</span></b> = Link/url background kilat / url background lain yang ingin dipasang<span class="Apple-style-span" style="color: red;"> </span></li>
<li><b><span class="Apple-style-span" style="color: red;">Kode merah</span></b><span style="color: red;"> </span>= Jika inginkan gambar berulang-ulang hilangkan saja</li>
</ul>
<div style="font-family: Times,"Times New Roman",serif; text-align: justify;">
<br /></div>
<div style="font-family: Times,"Times New Roman",serif; text-align: justify;">
5. Lalu <b>'Save Template'</b> dan lihat hasilnya.<br />
<br />
Semoga bermanfaat ya,,,!!! <img src="http://i1108.photobucket.com/albums/h405/christian410/15-1.gif" /></div>
<br />
<i>Sumber:<a href="http://zuazz.blogspot.com/">http://zuazz.blogspot.com</a></i>den zuazhttp://www.blogger.com/profile/06961337061354681028noreply@blogger.com18tag:blogger.com,1999:blog-8104256758510177596.post-29297396371719225522012-03-07T02:48:00.000+07:002012-03-07T02:48:59.092+07:00Tulisan Berjalan Di Buku Tamu CBOX<div style="text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1WFC1zXPxVquYwbDTdO-lk8uIR4IaSwFuM3t25ZjA0jgG-CIJB4yhtS_yi4PkLXpucQ_np37aneCSykvPZNrp9F_YWt4S5bSQyNN2Otq8Lgye_7F21okF8AvqmVjuuxxuQoGWJ_s3H4cV/s1600/logo.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1WFC1zXPxVquYwbDTdO-lk8uIR4IaSwFuM3t25ZjA0jgG-CIJB4yhtS_yi4PkLXpucQ_np37aneCSykvPZNrp9F_YWt4S5bSQyNN2Otq8Lgye_7F21okF8AvqmVjuuxxuQoGWJ_s3H4cV/s320/logo.png" width="320" /></a></div>
Sedikit berbagi pengalaman pribadi lagi nih sob,, heheheheee,,, <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif" /></div>
<div style="text-align: justify;">
pada saat melihat teman-teman blogger menulis di biku tamu CBOX saya kok bisa bergerak-gerak,, sedikit rasa penasaran dan mencoba dengan kode HTML,, tapi ternyata salah,, hehehe,, jadi malu nih sob,, <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif" /> maklumlah masih pemula,, dan akhirnya saya cari di mbah google dan akhinya ketemu juga nih,, setelah saya coba ternyata berhasil juga,, belajar dari kesalahan memang sangat bermanfaat walaupun agak malu juga ya sob,, <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif" /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Nah bagi sobat yang belum tahu bagaimana caranya biar tidak salah kayak saya disini saya berbagi sedikit ilmu. Diantaranya membuat tulisan berjalan, Berwarna, bergaris bawah, tebal dan lain sebagainya.</div>
<div style="text-align: justify;">
Nah langsung saja kita bahas, untuk membuat tulisan pada CBOX lebih terlihat menarik silahkan ikuti langkah langkah berikut :</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<b>1. Membuat Teks Berjalan di CBOX</b><br />
Apit kata-kata yang ingin dibuat berjalan dengan <b style="color: yellow;">[scroll]</b> dan<b> <span style="color: yellow;">[/scroll]</span></b><br />
Contoh: <b><span style="color: yellow;">[scroll]</span> Salam kenal <span style="color: yellow;">[/scroll] </span></b> hasilnya<br />
<br />
<marquee behavior="alternate"><b>Salam kenal</b></marquee>
<br />
<br />
<b>2. Membuat Teks Berukuran Besar</b><br />
Apit kata-kata yang ingin dicetak besar dengan <b style="color: yellow;">[big]</b> dan<b> <span style="color: yellow;">[/big]</span></b><br />
Contoh: <b><span style="color: yellow;">[big]</span> Salam kenal</b><b> <span style="color: yellow;">[/big]</span></b> hasilnya adalah <span style="font-size: large;"><b>Salam kenal</b></span><br />
<br />
<b>3. Membuat Teks Miring</b><br />
Apit kata-kata yang ingin dicetak miring dengan <b style="color: yellow;">[i]</b><span style="color: yellow;"> </span>dan <b style="color: yellow;">[/i]</b><br />
Contoh: <b><span style="color: yellow;">[i]</span> </b><b>Salam kenal</b><b> <span style="color: yellow;">[/i]</span></b> hasilnya <i><b>Salam kenal</b></i><br />
<br />
<b>4. Membuat Teks Tebal</b><br />
Apit kata-kata yang ingin dicetak tebal dengan <b style="color: yellow;">[b]</b><span style="color: yellow;"> </span>dan <b style="color: yellow;">[/b]</b><br />
Contoh: <b><span style="color: yellow;">[b]</span> </b><b>Salam kenal </b><b style="color: yellow;">[/b]</b> hasilnya adalah <b>Salam kenal</b><br />
<br />
<b>5. Membuat Teks Bergaris Bawah</b><br />
Apit kata-kata yang ingin digaris bawah dengan <b style="color: yellow;">[u]</b> dan <b style="color: yellow;">[/u]</b><br />
Contoh: <b style="color: yellow;">[u ]</b><b>Salam kenal </b><b style="color: yellow;">[/u]</b> hasilnya adalah <b>Salam kenal</b></div>
<div style="text-align: justify;">
<br />
<b>6. Membuat Teks Bergaris Tengah</b><br />
Apit kata-kata yang ingin di garis tengah atau dicoret dengan <b style="color: yellow;">[s]</b> dan<b> <span style="color: yellow;">[/s]</span></b><br />
Contoh: <b><span style="color: yellow;">[s]</span> </b><b>Salam kenal </b><b><span style="color: yellow;">[/s]</span> </b>hasilnya adalah <strike><b>Salam kenal</b></strike><br />
<br />
<b>7. Membuat Tulisan Berukuran Kecil</b><br />
Apit kata-kata yang ingin dicetak kecil dengan<b> <span style="color: yellow;">[small]</span></b> dan <b style="color: yellow;">[/small]</b><br />
Contoh:<b> <span style="color: yellow;">[small]</span> Salam kenal <span style="color: yellow;">[/small]</span></b> dan hasilnya adalah <span style="font-size: xx-small;"><b>Salam kenal</b></span><br />
<br />
<b>8. Cara Membuat Tulisan Rata Tengah (Center)</b><br />
Apit kata-kata yang ingin dibuat rata tengah dengan <b style="color: yellow;">[center]</b> dan <b style="color: yellow;">[/center]</b><br />
Contoh: <b><span style="color: yellow;">[center]</span> </b><b>Salam kenal</b> <b style="color: yellow;">[/center]</b><br />
<br />
<b>9. Membuat Tulisan Berwarna</b><br />
Apit kata-kata yang ingin diberi warna dengan <b><span style="color: yellow;">[color=</span><u style="color: lime;">warna</u><span style="color: yellow;">]</span></b><span style="color: yellow;"> </span>dan<span style="color: yellow;"> </span><b style="color: yellow;">[/color]</b><br />
Contoh: <b style="color: yellow;">[color=red]</b><b> Salam kenal</b> <b style="color: yellow;">[/color]</b> maka hasilnya adalah <b style="color: red;">Salam kenal</b><br />
<br />
<b>10. Cara Membuat Teks yang Ber Link</b><br />
Apit kata-kata yang ingin diberi link dengan <b><span style="color: yellow;">[url=</span><u style="color: lime;">alamaURL</u><span style="color: yellow;">]</span> </b>dan <b style="color: yellow;">[/url]</b><br />
Contoh: <b><span style="color: yellow;">[url=http://zuazz.blogspot.com/]</span> Zuaz'Z <span style="color: yellow;">[/url]</span></b> maka hasilnya adalah <a href="http://zuazz.blogspot.com/" target="_blank"><b>Zuaz'Z</b></a><br />
<br />
Selamat mencoba ya sob,, <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif" /><br />
<br />
<i>Sumber: <u>http://www.thob.org </u></i></div>den zuazhttp://www.blogger.com/profile/06961337061354681028noreply@blogger.com10tag:blogger.com,1999:blog-8104256758510177596.post-58535940143003669702012-03-07T02:42:00.000+07:002012-04-06T20:04:36.591+07:00Emoticon Gundam<div style="text-align: justify;">
<center><img src="http://i1108.photobucket.com/albums/h405/christian410/13-1.gif" /></center>
Nah di sini saya hanya sedikit share hasil karya dari sobat blogger <a href="http://christiantatelu.blogspot.com/" target="_blank"><b>CHRISTIANTATELU</b></a> yaitu Emoticon Gundam Keren, barang kali di antara teman-teman yang lain ingin mendapatkan emoticon keren ini.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: center;">
<b> </b>
<b><img height="50" src="http://i1108.photobucket.com/albums/h405/christian410/14-1.gif" width="50" />
:b:
<img height="50" src="http://i1108.photobucket.com/albums/h405/christian410/13-1.gif" width="50" />
:c:
<img height="50" src="http://i1108.photobucket.com/albums/h405/christian410/12-1.gif" width="50" />
:d:
<img height="50" src="http://i1108.photobucket.com/albums/h405/christian410/11-1.gif" width="50" />
:e:
<img height="50" src="http://i1108.photobucket.com/albums/h405/christian410/10-1.gif" width="50" />
:f:
<img height="50" src="http://i1108.photobucket.com/albums/h405/christian410/9-1.gif" width="50" />
:g:
<img height="50" src="http://i1108.photobucket.com/albums/h405/christian410/8-1.gif" width="50" />
:h:
<img height="50" src="http://i1108.photobucket.com/albums/h405/christian410/7-1.gif" width="50" />
:i:
<img height="50" src="http://i1108.photobucket.com/albums/h405/christian410/6-1.gif" width="50" />
:j:
<img height="50" src="http://i1108.photobucket.com/albums/h405/christian410/5-1.gif" width="50" />
:k:
<img height="50" src="http://i1108.photobucket.com/albums/h405/christian410/4-1.gif" width="50" />
:l:
<img height="50" src="http://i1108.photobucket.com/albums/h405/christian410/3-1.gif" width="50" />
:m:
<img height="50" src="http://i1108.photobucket.com/albums/h405/christian410/2-1.gif" width="50" />
:n:
<img height="50" src="http://i1108.photobucket.com/albums/h405/christian410/1-1.gif" width="50" />
:o:
<img height="50" src="http://i1108.photobucket.com/albums/h405/christian410/15-1.gif" width="50" />
:p: </b></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br />
<b>Cara Memasang Emoticon Gundam di Kotak Komentar Blog </b></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Mungkin sobat sudah sering membaca judul yang mirip dengan judul dalam postingan ini, karena apa?? di blog ini hampir semua emoticon sudah saya posting, mulai dari emoticon skype, emoticon kaskus, emoticon onion, emoticon emo girl dan emo boy dan saat ini kita membahas cara memasang emoticon gundam di komentar blogger.<br />
<br />
Silahkan ikuti tutorial berikut jika sobat tertarik membuat emoticon gundam di komentar blog.<br />
<br />
Emoticon Gundam di atas Kotak Komentar Blog<br />
<br />
1. Log in ke akun blog sobat.<br />
2. <b>Klik rancangan</b> --><b> Edit HTML</b> --> Centang kotak <b>Expand template widget</b>.<br />
3. Letakkan kode berikut <b style="color: cyan;">di atas</b> kode <b></body></b></div>
<br />
<center><textarea cols="60" name="textarea" rows="2"><script src='http://tateluproject.googlecode.com/files/Gundam%20emoticon.js'/>
</textarea></center>
<br />
4. Cari kode <b style="color: red;">merah </b>seperti di bawah ini:<br />
<br />
<b style="color: red;"><p class='comment-footer'><br /><b:if cond='data:post.embedCommentForm'></b><br />
<b:include data='post' name='comment-form'/><br />
<b:else/><br />
<b:if cond='data:post.allowComments'><br />
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a><br />
</b:if><br />
</b:if><br />
</p><br />
<br />
5. Bila sudah ketemu letakkan kode emoticon gundam di bawah ini tepat <b><span style="color: cyan;">di bawah</span></b> kode <b style="color: red;"><p class='comment-footer'></b><br />
<br />
<center><textarea cols="60" name="textarea" rows="8"><center><b><img height='50' src='http://i1108.photobucket.com/albums/h405/christian410/14-1.gif' width='50'/>
:b:
<img height='50' src='http://i1108.photobucket.com/albums/h405/christian410/13-1.gif' width='50'/>
:c:
<img height='50' src='http://i1108.photobucket.com/albums/h405/christian410/12-1.gif' width='50'/>
:d:
<img height='50' src='http://i1108.photobucket.com/albums/h405/christian410/11-1.gif' width='50'/>
:e:
<img height='50' src='http://i1108.photobucket.com/albums/h405/christian410/10-1.gif' width='50'/>
:f:
<img height='50' src='http://i1108.photobucket.com/albums/h405/christian410/9-1.gif' width='50'/>
:g:
<img height='50' src='http://i1108.photobucket.com/albums/h405/christian410/8-1.gif' width='50'/>
:h:
<img height='50' src='http://i1108.photobucket.com/albums/h405/christian410/7-1.gif' width='50'/>
:i:
<img height='50' src='http://i1108.photobucket.com/albums/h405/christian410/6-1.gif' width='50'/>
:j:
<img height='50' src='http://i1108.photobucket.com/albums/h405/christian410/5-1.gif' width='50'/>
:k:
<img height='50' src='http://i1108.photobucket.com/albums/h405/christian410/4-1.gif' width='50'/>
:l:
<img height='50' src='http://i1108.photobucket.com/albums/h405/christian410/3-1.gif' width='50'/>
:m:
<img height='50' src='http://i1108.photobucket.com/albums/h405/christian410/2-1.gif' width='50'/>
:n:
<img height='50' src='http://i1108.photobucket.com/albums/h405/christian410/1-1.gif' width='50'/>
:o:
<img height='50' src='http://i1108.photobucket.com/albums/h405/christian410/15-1.gif' width='50'/>
:p:
</b></center>
</textarea></center>
<br />
5. Klik <b>save </b>dan lihat hasilnya...<img src="http://i1108.photobucket.com/albums/h405/christian410/15-1.gif" /><br />
<br />
<i>Sumber: <u>http://christiantatelu.blogspot.com </u></i>den zuazhttp://www.blogger.com/profile/06961337061354681028noreply@blogger.com27tag:blogger.com,1999:blog-8104256758510177596.post-78078916141592721892012-03-06T21:35:00.000+07:002012-03-06T21:35:46.355+07:00Membuat Widget Burung Twitter Terbang Di Blogspot<div style="text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwOsy1Pe6TXXVkTRIn4kqTVpKnd98Zs_M1zIs4rru6tU0bF_3Mj9khwhLAc4wa5cpVn1rRUETHL1P6dhJwAC6vCWf8OgUiOROjZUKSDtWQi2aVCEJwGkizpVQRFBs02I0LJgcjgMSYbIYx/s1600/burung+twitter+terbang_zuazz.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwOsy1Pe6TXXVkTRIn4kqTVpKnd98Zs_M1zIs4rru6tU0bF_3Mj9khwhLAc4wa5cpVn1rRUETHL1P6dhJwAC6vCWf8OgUiOROjZUKSDtWQi2aVCEJwGkizpVQRFBs02I0LJgcjgMSYbIYx/s1600/burung+twitter+terbang_zuazz.png" /></a></div>
Cara membuat / memasang widget burung Twitter terbang di Blogger, mungkin trik ini sudah tidak asing lagi bagi sobat dan sudah banyak sekali saya melihat blog yang sudah memasang widget burung Twitter terbang ini dengan berbagai macam style dan warna burung Twitter yang berbeda-beda, sekarang saya akan mengulas kembali khusus buat teman-teman blogger yang baru membuat blog dengan platform blogspot<br />
<br />
Memasang Burung Twitter Terbang di Blogspot. Twitter adalah layanan jejaring sosial yang sangat populer sekarang ini selain Facebook dan Google+ dan tidak salah banyak orang yang beramai-ramai untuk menjalin koneksi melalui Twitter apakah itu untuk keperluan bisnis maupun hanya sekedar berteman saja, nah bagi sobat yang mempunyai blog tidak ada salahnya memasang widget menarik ini selain membuat blog sobat cantik dan unik, widget ini juga mempermudah sobat untuk menjalin pertemanan baru dengan pembaca blog sobat, hanya dengan sekali klik pada burung twitter yang terbang maka akan otomatis terhubung dengan profile Twitter sobat.<br />
<br />
Ok tanpa panjang lebar mari kita kupas bersama-sama cara memasang widget ini<br />
<ul style="text-align: justify;">
<li>Pertama-tama silahkan login di Blogger</li>
<li>Klik Design > Page Element > Add Gadget > Html/Javascript</li>
<li>Copy paste kode di bawah ini ke kolom Html/javascript</li>
</ul>
</div>
<br />
<div style="text-align: center;">
<b><!-- floating twitter Bird --><br /><script type="text/javascript" src="http://zuazz.googlecode.com/files/tripleflap.js"></script><br /><script type="text/javascript"><br />var birdSprite="<span style="color: red;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifUUP0lTYJJR6iXspR1TMgiPz3QX9TBYJdW6VbWA5RhLU8YXeFRKsP4SMEc4SjN6hLCiYLgsGFdF5GnV1Bzqd4qC4wHjtgFHlNqcQc6AJQmeHUAol_GtwUnWea5Yz4GLoz-0tP_UTJWaM/s1600/burung+twitter+terbang.png</span>";<br />var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span");<br />var twitterAccount = "http://twitter.com/<span style="color: cyan;">Akun Twitter sobat</span>";<br />var tweetThisText = "Twitter - UserID http://zuazz.blogspot.com/";<br />tripleflapInit();<br /></script></b></div>
<br />
<ul>
<li>Ganti kode yang berwarna <b style="color: cyan;">biru</b> dengan akun Twitter sobat</li>
<li>Ganti kode warna<span style="color: red;"> </span><b style="color: red;">merah</b><span style="color: red;"> </span>bila ingin mengganti warna burung twitter dengan kode yang telah disediakan dibawah </li>
<li>Simpan dan lihat hasilnya.</li>
</ul>
<div style="text-align: center;">
<span style="color: white; font-size: large;"><b>Warna Pilihan Burung Twitter</b></span></div>
<div style="text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiv7VZ_LsxFJMfj_-3TXKfFYqqXut1xQ-lss0fykpHu2WuwOwLEk_84Fi5JBnh_JD1VKJWA3EtFF7hf7z8x-xz33TsWRNQx8Tu1YqiDC5bo7SKFMFS8u1uly7yzJyTPRlBBoZUpV8SC1KCq/s1600/twiter+birds.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiv7VZ_LsxFJMfj_-3TXKfFYqqXut1xQ-lss0fykpHu2WuwOwLEk_84Fi5JBnh_JD1VKJWA3EtFF7hf7z8x-xz33TsWRNQx8Tu1YqiDC5bo7SKFMFS8u1uly7yzJyTPRlBBoZUpV8SC1KCq/s1600/twiter+birds.png" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<b style="color: yellow;"><blink> Warna Kuning</blink></b></div>
<ul>
<li>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWuytzSjOYTVlnv7vSYIPIPQQNWhPlCj6uWFmyWgt-3LVjQlC7kbRqxg_MJfGyBQoAGMUN1J0iT1pV6cOAvrr7-v0jTQLEdgc6VCDTvYqBc7pzQ0vEBRCQwwixCPXIOdiszNVbRZB9V08/s1600/yellow+bird.png</li>
</ul>
<div style="text-align: justify;">
<b><span style="color: black;"><blink>Warna Hitam</blink></span></b></div>
<ul>
<li>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0aFTorjuMnqjmcQ6yDc4vaTQHyCGl2LotaQPO2Hvonk3TAbY5DOk1cp6ch4fGPukfcx3Zk_ElvDyZf728lNZPLfTZMZBFuuQGR99Vc5EZZ253ywT1defsPlEVZL_eUIOEBM_z3i_UnZA/s1600/black+bird.png</li>
</ul>
<div style="text-align: justify;">
<b><span style="color: blue;"><blink>Warna Biru</blink></span></b></div>
<ul>
<li>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5McXSR_i3yw3IL8DXwvPoudI8F9wqFPDdVvU7b27xePqE6oOJWHA6DpeNqbvo8qFtL-yQ-ltaor6hrsQOD2xLGNbd_ebJvwV3oqeXMQZs2a9iC2zrbbXvrHnV8PB_zfTeVDtK_Bz6iHs/s1600/Blue+bird.png</li>
</ul>
<div style="text-align: justify;">
<b style="color: #666666;"><blink>Warna Coklat</blink></b></div>
<ul>
<li>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6kmwN7_CMDL6h3nT6quvdc63qurxV60sO87pMlmSXQpFNR7NHubS1eS-ir1FC_3x45n269Y_KzTmNpqwYEF2GIAD-4y9q04AfXhpwnL6obwZ4WB7o1fPKVLRXpwvQhOyOwR49LDzJxT0/s1600/brown+bird.png</li>
</ul>
<div style="text-align: justify;">
<b style="color: lime;"><blink>Warna Hijau</blink></b></div>
<ul>
<li>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPcUCzwLxM2Q_-izH1SdL7gpIdiG5D8e-ExT09et1ohhR5_2yWHn3v5Zfki06peKMZhO5frzpasLxqTl1fOGPvraStT20PbvQFkeWXDFY78cpL4dpO6GhkEDsZ4U8dtnkF_urZBmdkgS8/s1600/Green+bird.png</li>
</ul>
<div style="text-align: justify;">
<b style="color: magenta;"><blink>Warna Ungu</blink></b></div>
<ul>
<li>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhb3PgPzvYWa4h4ylO9ERZEn3Tybf1v8aT1_V_M8IuewsuzNTMVB4YuXw0470XMcA4WLfF_oHUX3OFZ6qY1yzWVV3TSllRmhNKhnr5xCLTHZysSfbX91LxmcxjFbOBktl_l03zxe7UWbl8/s1600/purple+bird.png</li>
</ul>
<div style="text-align: justify;">
<b style="color: white;"><blink>Warna Putih</blink></b></div>
<ul>
<li>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhftVZKlQWEuEwmN0QxdC3A5iU-W52eOYBsTrdYh5HLTqgFxKmGHG0L0UhaalrV1f-yp4xRorQacsb0-iYHE1phL0XIIf4kz1WopekGzoOSZ_p9Va_lnNYkl91B1cCNnZcsvY2htRAVaVU/s1600/white+bird.png</li>
</ul>
<div style="text-align: justify;">
<b style="color: red;"><blink>Warna Merah</blink></b></div>
<ul>
<li>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuym1ZuEgP0rgTkbWWcLGwv-hruF33gsajQ7gUCjF2dXfLeQ717ar1LQP8LRYEpwm-aRWTL8KY2di0GhVJPxKl4SkeBS-GUJsI11YezMF77LjN0-ms7trAR8nVC1Qaf8GT-W20ZUMtX4U/s1600/red+bird.png</li>
</ul>
<div style="text-align: justify;">
<br />
Dan terakhir jangan lupa disimpan<br />
Good luck Sob..!!!! </div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<i>Sumber: <u>http://bloggerpeer.blogspot.com</u></i></div>den zuazhttp://www.blogger.com/profile/06961337061354681028noreply@blogger.com10tag:blogger.com,1999:blog-8104256758510177596.post-4671312898633539422012-03-04T00:11:00.000+07:002012-07-20T18:35:35.249+07:00Link Exchange<div style="text-align: center;">
<span style="font-size: x-large;"><b style="color: red;"><blink>Indahnya Kebersamaan,,!!!!</blink></b></span></div>
<div style="text-align: justify;">
Bertukar link atau banner merupakan suatu hal yang sangat menyenangkan bagi para blogger pemula seperti saya, dengan media bertukar link para blogger bisa saling mengenal, suatu hal yang mengembirakan bisa berteman walau hanya di dunia maya. Toh dunia ini tidak sempit, jikalau, bila mana, andai kata kita bertemu disuatu tempat pasti bisa lebih akrab. <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif" /><br />
<br />
Bagi sobat yang berkenan untuk bertukar link dengan blog KTB Silakan masukan kode dibawah ini untuk memasang link blog KTB di blog sobat. </div>
<br />
<div style="text-align: center;">
<b style="color: white;"><blink>Text Link KTB</blink></b></div>
<center><code><div>
<form name="copy">
<div align="center">
<input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Pilih Semua" /> </div>
<div align="center">
</div>
<div align="center">
<textarea cols="40" name="txt" rows="2" style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; background: rgb(100, 100, 200) none repeat scroll 0% 50%; border: 8px inset rgb(104, 104, 204); color: white; line-height: 1.5em; padding: 0pt 1px;" wrap="VIRTUAL"><a href="http://all-trick-blog.blogspot.com/" target="_blank" title="all tips and trick blog, SEO Friendly Blog, and others">Kumpulan Trick Blog</a>
</textarea></div>
</form>
</div>
<span class="fullpost"></span>
</code></center><code>
<span style="font-size: small;"><br /></span>
<div style="color: white; font-family: Times,"Times New Roman",serif; text-align: center;">
<span style="font-size: small;"><b><blink>Banner Link</blink><blink> KTB </blink></b></span></div>
<center><code><div>
<form name="copy">
<div align="center">
<span style="font-size: small;"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Pilih Semua" /></span> </div>
<div align="center">
</div>
<div align="center">
<textarea cols="50" name="txt" rows="3" style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; background: rgb(100, 100, 200) none repeat scroll 0% 50%; border: 8px inset rgb(104, 104, 204); color: white; line-height: 1.5em; padding: 0pt 1px;" wrap="VIRTUAL"><center><a href="http://all-trick-blog.blogspot.com" target="_blank" title="all tips and trick blog, SEO Friendly Blog, and others."><img src="http://zuazz.googlecode.com/files/k-t-b.gif" alt="Banner KTB" /></a></center>
</textarea></div>
</form>
</div>
<span class="fullpost"></span>
</code></center><code>
<br />
<div style="font-family: Times,"Times New Roman",serif; text-align: justify;">
Dan jangan lupa konfirmasi seteleh meletakkan link saya ya, silakan agan konfirmasikan pada kolom komentar dimana (URL) link blog ini agan
letakkan.<br />
<br />
<blink><b style="color: red;">NB:</b></blink> Bagi sobat yang hanya memasang link saya saat pertama konfimasi saja dan selanjutnya menhapus link saya, mohon maaf apabila saya juga menghapus link anda. <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif" /></div>
<br/>
<br/>
<div>
<div style="margin-bottom: 2px;">
<span style="font-size: large;"><b>Daftar Link Sahabat:</b></span>
<input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Buka'; }" style="font-size: 10px; margin: 0px; padding: 0px; width: 60px;" type="button" value="Buka" /></div>
<div style="-moz-border-radius: 5px; border: 2px inset; margin: 0px; padding: 6px;">
<div style="display: none;">
<ol>
<li><b><a href="http://all-trick-blog.blogspot.com/" target="_blank" title="all tips and trick blog, SEO Friendly Blog, and others">Kumpulan Trick Blog</a></b></li>
<li><b><a href="http://zuazz.blogspot.com/" target="_blank" title="tips and trick computer,tips and trick blog, SEO Friendly Blog, free game, software, dll">Zuaz'Z</a></b></li>
<li><b><a href="http://reskiaz.blogspot.com/" target="_blank"title= berbagai tips dan trik komputer, blog , internet, download sofware, dll...">Reskia'Z</a></b></li>
<li><b><a href="http://jayanti-pengetahuanpelajar.blogpot.com/" target="_blank" title="Pengetahuan Pelajar">PengetahuanPelajar</a></b></li>
<li><b><a href="http://fchords.blogspot.com/" target="_blank">Full Chord™</a></b></li>
</ol>
</div>
</div>
</div>
<br />
<br />
<br />
<div>
<div style="margin-bottom: 2px;">
<span style="font-size: large;"><b>Daftar Banner Sahabat:</b></span>
<input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Buka'; }" style="font-size: 10px; margin: 0px; padding: 0px; width: 60px;" type="button" value="Buka" /></div>
<div style="-moz-border-radius: 5px; border: 2px inset; margin: 0px; padding: 6px;">
<div style="display: none;">
<center><a href="http://all-trick-blog.blogspot.com/" target="_blank" title="all tips and trick blog, SEO Friendly Blog, and others."><img alt="Banner Zuaz'Z" src="http://zuazz.googlecode.com/files/k-t-b.gif" /></a></center>
<br/>
<center><a href="http://zuazz.blogspot.com/" target="_blank" title="tips and trick computer,tips and trick blog, SEO Friendly Blog, free game, software, dll."><img alt="Banner Zuaz'Z" src="http://zuazz-blogspot.googlecode.com/files/zuazz%20siiip.gif" /></a></center>
<br/>
<center><a href=" http://reskiaz.blogspot.com/ " target="_blank" title=" Berbagai Tips Dan Trik Komputer, Blog , Internet, Download Sofware, Dll...
"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHKUd7lwNVY9q9voRShPJtAAqWKODCqdTTA-1uGSyIybsgugoYgmvNemFtpE5jdbJq73J3l2dJjWf569CIZbZNaGQoST_8VxFNUId02P2lQG9FOo4aI5GAPMK7tktjCgV3-vH9nDb1PB-X/s1600/re.gif" alt=" Reskia'z" /></a></center>
</div>
</div>
</div>
<b>
</b><br />
<div style="text-align: center;">
<div style="font-family: Times,"Times New Roman",serif; text-align: justify;">
<blink><b>Salam,,,</b></blink><br />
<b> </b><img src="http://zuazz.googlecode.com/files/k-t-b.png" /></div>
</div>
</code></code>den zuazhttp://www.blogger.com/profile/06961337061354681028noreply@blogger.com64tag:blogger.com,1999:blog-8104256758510177596.post-86194357697225310072012-02-01T23:26:00.000+07:002012-04-09T01:16:58.837+07:00Membuat Gambar Berputar Dan Membesar Saat Disentuh Oleh Mouse<center><div id="denzuaz">
<a href="http://zuazz.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjd8wO8t1IzJRuxfOCbHKt8ltfqnMgTefx2NbgNRzijuY8SynDK2NZhEA0tgAhsvAoI_GZ9qffU6lAmg6lRSUnlXef4xC0-k2j7sMCV-PgOs78z1yMkd6_Yo3Fob6obMSHOTbj1v9e-iTOf/s200/naruto+dont+copy.png" /></a></div>
</center>
<br />
<br />
<div style="text-align: justify;">
Berkreasi dalam dunia blogging memang sangat menyenangkan, sampai sampai tidak terasa lagi waktu yang telah berlalu. dalam dunia blogging, tampilan sebuah blog yang memiliki kreasi tinggi akan menambah pengunjung berminat untuk berkunjung ke blog tersebut, apalagi di tambah dengan artikel-artikel yang sangat menarik, akan semakin mendongkrak jumlah pengunjung. Cukup demikian basa-basinya (heheheheheee.. <img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif'/>) mari kita menuju ke pokok pembahasan.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Kali ini saya sedikit berbagi tentang cara membuat gambar dalam posting blog berputar dan membesar saat di sentung oleh cursor, untuk contohnya coba sobat arahkan cursor ke gambar Naruto di atas, maka gambar akan berputar dan membesar. Apabila sobat blogger sekalian berminat untuk mencoba silakan ikuti langkah-langkah berikut ini:</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
1. Seperti biasa sobat harus login dulu di akun blog sobat</div>
<div style="text-align: justify;">
2. Pilih rancangan / desing dan klik edit HTML dan lanjutkan</div>
<div style="text-align: justify;">
3. Centang "Expand Template Widget" untuk menghindari apabila terjadi kesalahan</div>
<div style="text-align: justify;">
4. Sobat cari kode </head></div>
<div style="text-align: justify;">
5. Setelah ketemu sobat copy paste code di bawah ini tepat di atas kode </head></div>
<br />
<code></code><br />
<div>
<form name="copy">
<div align="center">
<code><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Pilih Semua" /> </code></div>
<div align="center">
</div>
<div align="center">
<textarea cols="40" name="txt" rows="3" style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; background: rgb(100, 100, 200) none repeat scroll 0% 50%; border: 8px inset rgb(104, 104, 204); color: white; line-height: 1.5em; padding: 0pt 1px;" wrap="VIRTUAL"><style>#denzuaz img{-moz-transition:all .8s ease-in-out;-ms-transition:all .8s ease-in-out;-o-transition:all .8s ease-in-out;-webkit-transition:all .8s ease-in-out;transition:all .8s ease-in-out;}
#denzuaz img:hover{ -o-transform: scale(1.5) rotate(360deg); -moz-transform: scale(1.5) rotate(360deg); -webkit-transform: scale(1.5) rotate(360deg);}</style>
</textarea></div>
</form>
</div>
<br />
<div style="text-align: justify;">
6. dan sobat klik save / simpan template.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Langkah selanjutnya untuk penenpatan gambar dalam postingan.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
1. Sobat harus menambahkan kode <b style="color: red;"><div id="denzuaz"></b> sebelum url gambar dan jangan lupa di tutup dengan kode <b style="color: red;"></div></b> contoh seperti di bawah ini:</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: left;">
<b style="color: red;"><div id="denzuaz"></b><br />
<a href="<span style="color: lime;">http://zuazz.blogspot.com</span>/"><img src="<span style="color: lime;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjd8wO8t1IzJRuxfOCbHKt8ltfqnMgTefx2NbgNRzijuY8SynDK2NZhEA0tgAhsvAoI_GZ9qffU6lAmg6lRSUnlXef4xC0-k2j7sMCV-PgOs78z1yMkd6_Yo3Fob6obMSHOTbj1v9e-iTOf/s200/naruto+dont+copy.png</span>" /></a><b style="color: red;"></div></b></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
keterangan:</div>
<ol style="text-align: justify;">
<li>kode berwarna <b style="color: red;">merah</b> adala kode pembuka dan penutup</li>
<li>kode berwarna <b style="color: lime;">hijau</b> silakan sobat ganti dengan URL blog Sobat dan URL gambar yang ingin Sobat pasang di dalam postingan.</li>
<li>Setelah semuanya selesai klik publikasikan. </li>
</ol>
<div style="text-align: justify;">
Demikianlah tips "Membuat Gambar Berputar Dan Membesar Saat Disentuh Oleh Mouse".</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Semoga bermanfaat Sobat.. <img src='http://zuazz.googlecode.com/files/den_zuaz.gif'/></div>den zuazhttp://www.blogger.com/profile/06961337061354681028noreply@blogger.com54