tag:blogger.com,1999:blog-45750743792237723332024-03-19T17:48:47.984+07:00Zuaz'Z Creator™den zuazhttp://www.blogger.com/profile/06961337061354681028noreply@blogger.comBlogger63125tag:blogger.com,1999:blog-4575074379223772333.post-46350313679801739632012-10-08T22:47:00.000+07:002012-10-08T23:07:22.253+07:00Kurangnya Konsistensi Tukar Link Dan Banner Di Dunia Blogger<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4r_m8Ma5KI-Ig5d3UZ9Soi5GC5fVRR3kixT3-838fCCmTMCGy3CyqARzGl1Sm-bNEsKgPinuC0_1nNtoMozuUDhvNtD2HkzBIOhutmiUQQbHw40V5QnJHWE3Z1Z0E54CAEVvlbiRRYiIW/s1600/konsisten.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="136" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4r_m8Ma5KI-Ig5d3UZ9Soi5GC5fVRR3kixT3-838fCCmTMCGy3CyqARzGl1Sm-bNEsKgPinuC0_1nNtoMozuUDhvNtD2HkzBIOhutmiUQQbHw40V5QnJHWE3Z1Z0E54CAEVvlbiRRYiIW/s320/konsisten.jpg" width="320" /></a></div>
<div style="text-align: justify;">
<div style="color: red;">
<b>Salam blogger Sahabat semua,,</b></div>
Mohon maaf sebelumnya saya belum bisa memposting artikel-artikel terbaru, belum bisa membalas pertanyaan dan memasang balik baner dan link sobat semua, dikarenakan sekarang sudah banyak kesibukan yang tidak bisa saya tinggalkan, Berhubung ada sedikit waktu longgar jadi iseng-iseng cek blog dan posting.</div>
<div style="text-align: justify;">
<br />
Kali ini saya tidak membahas ataupun memposting tentang artikel tentang tips dan trick blogger, akan tetapi hanya ingin mengulas tentang konsistensi teman-teman blogger yang hanya memasang banner ataupun link hanya beberapa saat saja dan selanjutnya menghapus link ataupun banner sahabat yang telah bertukar link, sebenarnya apa susahnya membiarkan banner ataupun link tetap terpasang di blog sobat sekalian, toh tidak ada ruginya bukan, tetapi mengapa banyak teman blogger yang hanya memasang pada awal dan selanjutnya menghapusnya.
</div><br />
<div style="text-align: justify;">
Coba bila link dan banner sobat blogger yang dihapus, apakah tidak sakit hati, saya berbicara begini berdasarkan fakta yang telah saya alami, baru beberapa bulan fakum dari dunia blogger setelah saya cek banyak link dan banner saya yang telah dihapus oleh sahabat-sahabat yang telah bertukar link dengan saya, padahal link dan banner mereka masih tetap saya pasang. tetapi saya belum sempat mengecek semua link dan banner saya disemua blog Sobat yang telah bertukar dengan saya, hanya baru beberapa saja yang sudah saya cek dan saya hapus juga link dan banner sahabat blogger yang telah menghapus link dan banner saya.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
sedikit cerita tentang kisah pribadi di dunia Blogger, semoga memberi pencerahan bagi Sobat blogger sekalian,,</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<span style="color: lime; font-size: small;"><b>Terima kasih,,</b></span><img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif" /></div>
<img src="http://batman-project.googlecode.com/files/zuazz.gif.gif" />
den zuazhttp://www.blogger.com/profile/06961337061354681028noreply@blogger.com24tag:blogger.com,1999:blog-4575074379223772333.post-70185250039197708352012-07-17T18:01:00.003+07:002012-07-17T18:01:29.833+07:00Bendera Dirgahayu RI Ke-67<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRu4O_oW-Nc6jRiAEbDMzqg7SGLC8xjjSsgyrK82fDS9vlQ1f2_DjnjL1biwrQllnfjFQjzaCDHeiAszA953ehLTToVi_WJoPQTlPxg73OFItTvD4wtIXF1nyoURL7hNHMJxepL1K8zqGJ/s1600/67zz.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/AVvXsEhRu4O_oW-Nc6jRiAEbDMzqg7SGLC8xjjSsgyrK82fDS9vlQ1f2_DjnjL1biwrQllnfjFQjzaCDHeiAszA953ehLTToVi_WJoPQTlPxg73OFItTvD4wtIXF1nyoURL7hNHMJxepL1K8zqGJ/s200/67zz.png" width="182" /></a></div>
<div style="text-align: justify;">
Salam Blogger, Apa kabar Sobat Semuanya,, Maaf nih lama ndak posting, soalnya sudah mulai banyak kesibukan.</div>
<br />
<div style="text-align: justify;">
Semoga saja posting artikel sebelumnya bisa bermanfaat bagi sobat semua, nah kali ini saya ingin memposting sesuatu tentang desain grafis, tetapi bukan tutorialnya, sebab tidak sempat untuk menulis langkah-langkahnya, jadi saya bagi hasil jadinya saja ya, yaitu tentang desain bendera Dirgahayu Kemerdekaan Indonesia yang ke-67.</div>
<br />
<div style="text-align: justify;">
Lagi iseng-iseng buka Photoshop inget sebentar lagi HUT RI ke-67 dan iseng-iseng juga buat disain benderanya,,</div>
<br />
<div style="text-align: justify;">
Saya kira cukup sekian basa-basinya kalau kebanyakan ntar jadi basi juga nih,, heheheee,,</div>
<br />
<div style="text-align: justify;">
Berikut hasil karya saya walau masih acak-acakan yang penting bagus menurut saya, maklumlah masih pemula,, hehehe,,</div>
<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhk_TNcMQ8UPuFBGGGuOvyqxL8AIKUKefct1RHzGg-YfUZRGEcQPOhg65PlIwcyqffDaXlTKz19PIzRWHC0rZo4yRIPvr2XNLBz8G1ADKDhJ0d67q_4BbCnz9da9R60QLivTpMI6cMDK2CZ/s1600/dirga+hayu+67.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhk_TNcMQ8UPuFBGGGuOvyqxL8AIKUKefct1RHzGg-YfUZRGEcQPOhg65PlIwcyqffDaXlTKz19PIzRWHC0rZo4yRIPvr2XNLBz8G1ADKDhJ0d67q_4BbCnz9da9R60QLivTpMI6cMDK2CZ/s320/dirga+hayu+67.png" width="292" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><a href="http://www.ziddu.com/download/19940770/dirgahayu67.png.html" target="_blank">HUT RI Ke-67</a></td></tr>
</tbody></table>
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVbp9UHEBncdkSIHk_UjQnc1GQi2YDQw39nY-XrgTrHp_a0iKsZP11OVijk3p-SurnM4nIaEO-yn-_R7nGK-3wP_bKPC0LWYQFsXDw_BBeHI3asI3Fjmfaz1eFHHb2V5mnL_ke4zGLU8pA/s1600/Z+bendera+transparan.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="213" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVbp9UHEBncdkSIHk_UjQnc1GQi2YDQw39nY-XrgTrHp_a0iKsZP11OVijk3p-SurnM4nIaEO-yn-_R7nGK-3wP_bKPC0LWYQFsXDw_BBeHI3asI3Fjmfaz1eFHHb2V5mnL_ke4zGLU8pA/s400/Z+bendera+transparan.png" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><a href="http://www.ziddu.com/download/19940771/Zbenderatransparan.png.html" target="_blank">Z Bendera HUT RI </a></td></tr>
</tbody></table>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8hAWn31adayy04rl2vdjUpfQH6f-PV0b8hQ8T9zTiSM0GzrSpRpbkUeAVocxPlMGA5jF_TxRUBSqzC5w3Hf370YoCn7aawSwM_OpVOTJjJVqnt684eBu7tvLuWp2IMWvnz1sUCVwyA2ls/s1600/Z+bendera.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="171" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8hAWn31adayy04rl2vdjUpfQH6f-PV0b8hQ8T9zTiSM0GzrSpRpbkUeAVocxPlMGA5jF_TxRUBSqzC5w3Hf370YoCn7aawSwM_OpVOTJjJVqnt684eBu7tvLuWp2IMWvnz1sUCVwyA2ls/s320/Z+bendera.png" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><a href="http://www.ziddu.com/download/19940769/Zbendera.png.html" target="_blank">Z Bendera HUT RI Dengan Background Hitam</a></td></tr>
</tbody></table>
<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikozD7BP1wXDQmYjaiQQ2rt02vFGcuujXZOKeNdVANDni066kWf6T5fvq2B5ggwOPQJxDT8pvRhX9XbBQb631w6yg2XQovmNCAvxKl6ySJ6Me3tOhOk-YXWy30nSa3X4QcU0r77N7jBAL7/s1600/Z+bendera+b+pth.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="171" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikozD7BP1wXDQmYjaiQQ2rt02vFGcuujXZOKeNdVANDni066kWf6T5fvq2B5ggwOPQJxDT8pvRhX9XbBQb631w6yg2XQovmNCAvxKl6ySJ6Me3tOhOk-YXWy30nSa3X4QcU0r77N7jBAL7/s320/Z+bendera+b+pth.png" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><a href="http://www.ziddu.com/download/19940772/Zbenderabpth.png.html" target="_blank">Z Bendera HUT RI Dengan Background Putih</a></td></tr>
</tbody></table>
<br />
<br />
<div style="text-align: justify;">
Nah demikianlah hasil karya saya, apabila sobat sekalian berminat dengan hasil karya saya yang belum seberapa ini silakan disedot saja, baik lewat link download ataupun langsung save picture,,</div>
<br />
Salam Blogger, <a href="http://www.blogger.com/profile/06961337061354681028" target="_blank"><b>den zuaz</b></a>,,den zuazhttp://www.blogger.com/profile/06961337061354681028noreply@blogger.com9tag:blogger.com,1999:blog-4575074379223772333.post-43550705496455175832012-05-11T23:49:00.000+07:002012-05-11T23:49:12.084+07:00Cara Membuat Menu Drop Down Di Atas Header Atau Di Bawah Header<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqlzyIiImx6QIABiYrzaUKQLGvLT4dWmyYVukvDsvo8x8u5WPa8z_DSbM0r6Xa-BgmW-ebkwdqpHupuStH3Y_5dec95XvBQ0q4uq6xp1i3_qgcRzm-dkRs9cD7W5gd2xGMsBZcVULlPNWI/s1600/drop-down-denzuaz.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/AVvXsEiqlzyIiImx6QIABiYrzaUKQLGvLT4dWmyYVukvDsvo8x8u5WPa8z_DSbM0r6Xa-BgmW-ebkwdqpHupuStH3Y_5dec95XvBQ0q4uq6xp1i3_qgcRzm-dkRs9cD7W5gd2xGMsBZcVULlPNWI/s1600/drop-down-denzuaz.png" /></a></div>
<div style="text-align: justify;">
Salam blogger, Kali ini saya sedikit berbagi tentang Cara Membuat Menu Drop Down Di Atas Header Atau Di Bawah Header yang telah di request oleh sahaba-sahabat Zuaz'Z Creator pada halaman Facebook.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Menu drop down dapat kita pasang di atas maupun di bawah nama blog, dengan memasang menu semacam ini tampilan blog kita semakin tampak bagus dan pastinya akan mempermudah pengunjung untuk mencari apa yang dibutuhkan dari blog kita. </div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Untuk demonya silakan sobat blogger klik link berikut ini <a href="http://riset99.blogspot.com/" target="_blank"><b>DEMO</b></a>. Bagi sobat blogger yang berminat memasang menu semacam ini silakan ikutu langkah-langkah berikut ini:</div>
<br />
<br />
<br />
Cara Membuat Menu Drop Down Di Atas Header Atau Di Bawah Header:<br />
<br />
1. Seperti biasa sobat harus login dulu di akun blog sobat<br />
2. Pilih rancangan / desing dan klik edit HTML dan lanjutkan<br />
3. Centang "Expand Template Widget" untuk menghindari apabila terjadi kesalahan<br />
4. Sobat cari kode <b style="color: red;">]]></b:skin></b> dan letakkan kode berikut tepat <b style="color: cyan;">di atas</b> kode <b style="color: red;">]]></b:skin></b><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;">
/* Menu Horizontal Dropdown
----------------------------------------------- */
#menuwrapperpic{background: url(http://2.bp.blogspot.com/-eVufkC686Cw/TwGo8YAlWwI/AAAAAAAAAYM/tWP7l3ENpjY/s1600/menubar.png) repeat-x;width:960px;margin:0 auto;padding:0 auto}
#menuwrapper{width:960px;height:35px;margin:0 auto}
.menusearch{width:300px;float:right;margin:0 auto;padding:0 auto}
.clearit{clear:both;height:0;line-height:0.0;font-size:0}
#menubar{width:100%}
#menubar,#menubar ul{list-style:none;font-family:Arial, serif;margin:0;padding:0}
#menubar a{display:block;text-decoration:none;font-size:12px;font-weight:700;text-transform:uppercase;color:#CECECF;border-right:1px solid #191919;padding:12px 10px 8px}
#menubar a.trigger{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpoI1WbQolS5dJBwn3_fzjOleKVJdFkDKU-jxc2kADxGfpTwxbsIzouvA0bgAT8X2nU9nZ_fAZtj0SwbnEz-w85Bt4wR69VUZcB8wPwhwEsNeud3E8lvivbNZNqQ0v4mXkUrrlgmZ8BW8/s1600/arrow_white.gif);background-repeat:no-repeat;background-position:right center;padding:12px 24px 8px 10px}
#menubar li{float:left;position:static;width:auto}
#menubar li ul,#menubar ul li{width:170px}
#menubar ul li a{text-align:left;color:#fff;font-size:12px;font-weight:400;text-transform:none;font-family:Arial;border:none;padding:5px 10px}
#menubar li ul{z-index:100;position:absolute;display:none;background:#222;padding-bottom:5px;-moz-box-shadow:0 2px 2px rgba(0,0,0,0.6);-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.6)}
#menubar li:hover a,#menubar a:active,#menubar a:focus,#menubar li.hvr a{background-color:#222;color:#E98C0A}
#menubar li:hover ul,#menubar li.hvr ul{display:block}
#menubar li:hover ul a,#menubar li.hvr ul a{color:#edfdfd;background-color:transparent;text-decoration:none}
#menubar li ul li.hr{border-bottom:1px solid #444;border-top:1px solid #000;display:block;font-size:1px;height:0;line-height:0;margin:4px 0}
#menubar ul a:hover{background-color:#555!important;color:#fff!important;text-decoration:none}</div>
</div>
</div>
<br />
<br />
Selanjutnya sobat blogger cari kode berikut:<br />
<ul>
<li><b style="color: red;"><header> </b> : untuk menempatkan menu di atas nama blog</li>
<li><b style="color: red;"></header></b> : untuk menempatkan menu di bawah nama blog</li>
</ul>
<br />
Copy kode di bawah ini dan letakkan tepat <b style="color: cyan;">di atas</b> kode <b style="color: red;"><header></b> atau <b style="color: cyan;">di bawah</b> kode <b style="color: red;"></header></b><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;">
<div id='menuwrapperpic'><br />
<div id='menuwrapper'><br />
<ul id='menubar'><br />
<li><a href='/'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5pkz71RJ6ZpD_DXDLM7Xuo3pwcKkyNaeRkd9Redq35824OKux6lArSPZ9oVit4nW-W39lU6Ww9aVXxmImo2hzQvR7s97lMwgwgFP2Y4dE5Z5pttVtaKThRdFSpsmX7yev9BpGdOPLwK0/s1600/home_white.png' style='padding:0px;'/> <b style="color: yellow;">Home</b></a></li><br />
<li><a href='http://www.blogger.com/profile/06961337061354681028' target='new'>Tentang Admin</a></li><br />
<li><a class='trigger'>Contact Us</a><br />
<ul><br />
<li><a href='<b style="color: red;">https://plus.google.com/u/0/106997202037581570725</b>' target='new'><b style="color: yellow;">Goggle +</b></a></li><br />
<li class='hr'/><br />
<li><a href='<b style="color: red;">http://twitter.com/den_zuaz</b>' target='new'><b style="color: yellow;">Contact on Twitter</b></a></li><br />
<li><a href='<b style="color: red;">http://www.myspace.com/denzuaz</b>' target='new'><b style="color: yellow;">Contact on Myspace</b></a></li><br />
<li><a href='<b style="color: red;">http://www.facebook.com/zuazTama</b>' target='new'><b style="color: yellow;">Zuaz&#39;Z on Facebook</b></a></li><br />
</ul><br />
</li><br />
<li><a href='<b style="color: red;">http://zuazz.blogspot.com</b>' target='new'><b style="color: yellow;">Zuaz&#39;Z Creator</b></a></li><br />
<li><a class='trigger'><b style="color: yellow;">Tips dan Trik</b></a><br />
<ul><br />
<li><a href='<b style="color: red;">http://zuazz.blogspot.com/search/label/tips%20dan%20trik%20komputer</b>'><b style="color: yellow;">Komputer</b></a></li><br />
<li class='hr'/><br />
<li><a href='<b style="color: red;">http://zuazz.blogspot.com/search/label/tips%20dan%20trik%20blog</b>'><b style="color: yellow;">Blogspot</b></a></li><br />
<li class='hr'/><br />
<li><a href='<b style="color: red;">http://zuazz.blogspot.com/search/label/facebook</b>'><b style="color: yellow;">Facebook</b></a></li><br />
<li class='hr'/><br />
</ul><br />
</li><br />
<li><a class='trigger'><b style="color: yellow;">Kategori</b></a><br />
<ul><br />
<li><a href='<b style="color: red;">http://zuazz.blogspot.com/2012/01/tv-online.html</b>'><b style="color: yellow;">TV Online</b></a></li><br />
<li class='hr'/><br />
<li><a href='<b style="color: red;">http://zuazz.blogspot.com/search/label/computer</b>'><b style="color: yellow;">Komputer</b></a></li><br />
<li class='hr'/><br />
<li><a href='<b style="color: red;">http://zuazz.blogspot.com/search/label/desain%20grafis</b>'><b style="color: yellow;">Desain Grafis</b></a></li><br />
<li class='hr'/><br />
<li><a href='<b style="color: red;">http://zuazz.blogspot.com/search/label/game</b>'><b style="color: yellow;">Game</b></a></li><br />
<li class='hr'/><br />
<li><a href='<b style="color: red;">http://zuazz.blogspot.com/search/label/microsoft</b>'><b style="color: yellow;">Microsoft</b></a></li><br />
<li class='hr'/><br />
<li><a href='<b style="color: red;">http://zuazz.blogspot.com/search/label/software%20aplikasi</b>'><b style="color: yellow;">Software APP</b></a></li><br />
<li class='hr'/><br />
<li><a href='<b style="color: red;">http://zuazz.blogspot.com/search/label/software%20program</b>'><b style="color: yellow;">Software Program</b></a></li><br />
</ul><br />
</li><br />
</ul>
<div class='menusearch'><br />
<div style='float:right;padding:8px 8px 0 0;'><br />
<form action='<b style="color: red;">http://zuazz.blogspot.com</b>/search' method='get' target=''><br />
<input name='sitesearch' style='display:none;' value='<b style="color: red;">http://zuazz.blogspot.com</b>'/><br />
<input id='search-box' name='q' onblur='if(this.value==&apos;&apos;)this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value=&apos;&apos;;' style='width:170px;border:none;padding:4px 10px; font:italic 12px Georgia;color:#666; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwKvBayYP9npuV71RNO6hWdMZD5LbipWu9UsnWdu6p1RpbhLA6h9NCythyu7zPNY2gkQgggHv3z0ilvGv2kqB8DlynNS8zQZNHlqRfUkEL0vkALmRWxmvnnCV60SPkLuRzJsqHXz9BApI/s1600/field-bg.gif) no-repeat;' type='text' value='Cari disini ya sob...'/><input align='top' id='search-btn' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAo1UynhxtpDHm3ONMYkqYdfEZzmFTzhyphenhyphenYpTJiqCftKcyrlREkcJ9JNG2jhUXtGPN8MhMAoCh1X5WLViEBn2O3EpQeSbVZuK1ZIuqMUSp2HrEuVDf9oZU0sj47SJs9flOIt7pcVt4SR_M/s1600/bg_search.gif' type='image' value='Search'/><br />
</form></div></div><br class='clearit'/></div><div style='clear:both;'/></div></div>
</div>
</div>
<br />
<div style="text-align: justify;">
<b>Keterangan:</b></div>
<ol>
<li>Kode berwarna <b style="color: red;">merah</b> adalah Url tujuan, silakan sobat ganti dengan Url pada blog sobat</li>
<li>Kode berwarna <b style="color: yellow;">kuning</b> adalah kalimat yang tampil pada menu dropdown, Silakan sobat sesuaikan. </li>
</ol>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Demikianlah Cara Membuat Menu Drop Down Di Atas Header Atau Di Bawah Header, semoga bermanfaat bagi sobat blogger.</div>
<br />
Selamat mencoba sobat... <img src="http://zuazz.googlecode.com/files/den_zuaz.gif" />den zuazhttp://www.blogger.com/profile/06961337061354681028noreply@blogger.com117tag:blogger.com,1999:blog-4575074379223772333.post-53354235674899410602012-05-08T20:49:00.000+07:002012-05-08T21:03:11.250+07:00Ucapan Terima Kasih Saya untuk Award Pertama & Kedua Dari Sahabat<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2-P7EyO2M8J3Uak2GfazomaL0TFsvLgE8l9bLxgHUTaa9BQSKFz5RKyt_xoM0EC0V9BrxlYADBqvxKYesAr3C3JepKJ32pnpWL3L2WdmjIH9i1PQsujq9AMD2ODz3Ux9b_ePbl0EwAdbb/s1600/Award-denzuaz.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="190" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2-P7EyO2M8J3Uak2GfazomaL0TFsvLgE8l9bLxgHUTaa9BQSKFz5RKyt_xoM0EC0V9BrxlYADBqvxKYesAr3C3JepKJ32pnpWL3L2WdmjIH9i1PQsujq9AMD2ODz3Ux9b_ePbl0EwAdbb/s200/Award-denzuaz.png" width="200" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Salam Blogger Sahabat semuanya, Kali ini saya ingin mengucapkan terima kasih kepada sahabat Wenks & Dwi Semakin Sukses yang telah bersedia memberi Award kepada Saya.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Tiada terduga saya yang masih tergolong pemula (Newbie) mendapatkan Award dari para sahabat, tiada henti dan beribu-ribu terima kasih saya ucapkan kepada Sahabat yang telah memberikan Award kepada saya.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Berikut Award yang telah dinobatkan kepada saya dari para sahabat:</div>
<br />
<br />
<b>1. Award pertama: </b><span style="color: white; font-weight: bold;"><img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/36.gif" /></span><br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWGDgCj2cgRs9lHb5J1l-NI-o9YsNvEpRslW3Wq9UgkewOd3LHwbmjb4ZHwfdHz0RIFZ6YHM8j5ojDiGpRz0IwM4TyQvSGqVwhv_K2dzf4h9maYOM-pOw_0pcepEfuhWcOsAJu2wWy8Qc3/s1600/BlackAwad1.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWGDgCj2cgRs9lHb5J1l-NI-o9YsNvEpRslW3Wq9UgkewOd3LHwbmjb4ZHwfdHz0RIFZ6YHM8j5ojDiGpRz0IwM4TyQvSGqVwhv_K2dzf4h9maYOM-pOw_0pcepEfuhWcOsAJu2wWy8Qc3/s1600/BlackAwad1.png" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Award Blogwalking</td></tr>
</tbody></table>
<br />
<div style="text-align: justify;">
<b style="color: red;">Keterangan:</b> Award yang pertama diberikan oleh sahabat Weks sebagai Penghargaan Persahabatan yang saling mendukung antara blogger.</div>
<br />
<br />
<br />
<b>2. Award kedua: </b><span style="color: white; font-weight: bold;"><img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/36.gif" /></span><br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOGCBkUtddS7a8pzFAgR11qt6165XpueKN-KZ_OBa7ZBUOF_M0xxiIPUa99883sI3VZc_ON_ARSksHNGcd5y38_PEtKjrEQy1XrG75b9t75BAn81Y73dbA9ET-JUgQf7PXidvVqXCtnBu5/s1600/award.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOGCBkUtddS7a8pzFAgR11qt6165XpueKN-KZ_OBa7ZBUOF_M0xxiIPUa99883sI3VZc_ON_ARSksHNGcd5y38_PEtKjrEQy1XrG75b9t75BAn81Y73dbA9ET-JUgQf7PXidvVqXCtnBu5/s1600/award.png" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><span class="commentBody" data-jsid="text">Selamat anda mendapatkan
award blog dimana anda adalah blogger yang memberikan info dan membalas
komentar dengan baik dan jelas, sekali lagi selamat</span></td></tr>
</tbody></table>
<br />
<div style="text-align: justify;">
<b style="color: red;">Keterangan:</b> Award yang kedua Diberikan Oleh Sahabat Dwi Semakin Sukses sebagai seorang blogger yang memberikan info dan komentator yang membalas komentar dengan baik dan jelas.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Demikianlah Award yang telah dinobatkan kepada saya dan sekali lagi saya ucapkan beribu-ribu terima kasih kepada Sobat Weks & Dwi Semakin Sukses yang telah bersedia memberikan Award kepada saya. <span style="color: white; font-weight: bold;"><img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/36.gif" /></span></div>den zuazhttp://www.blogger.com/profile/06961337061354681028noreply@blogger.com12tag:blogger.com,1999:blog-4575074379223772333.post-16449359452336882162012-05-06T02:17:00.000+07:002012-05-06T02:17:35.093+07:00Cara Membuat Komentar Facebook dan Blogger Berdampingan Pada Semua Template<div style="text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8YF0txgqL93kZjaDZYSVjcKC0f-OSM01EyH7P_FfwPYQm1H51JQt0oVWNwNobOSXued8SSIslNcTZj0YAhQOgcK3quKjaXb0AT437Jo_FMO89wLM95j5X4GAbVu_5g8J2deVAhST80n2b/s1600/fb-blogger.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="126" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8YF0txgqL93kZjaDZYSVjcKC0f-OSM01EyH7P_FfwPYQm1H51JQt0oVWNwNobOSXued8SSIslNcTZj0YAhQOgcK3quKjaXb0AT437Jo_FMO89wLM95j5X4GAbVu_5g8J2deVAhST80n2b/s320/fb-blogger.png" width="320" /></a></div>
Salam Blogger, Melengkapi permintaan salah satu sahabat Zuaz'Z Creator yang meminta saya menjelaskan tentang cara memasang komentar facebook dan blogger berdampingan.<br />
<br />
Mungkin tutorial ini sudah usang dan tidak asing lagi bagi Sobat semua, akan tetapi tutorial yang sudah ada saya coba tidak berhasil pada semua template, dan kemungkinan banyak berhasil pada template premium saja.<br />
<br />
Disini saya sedikit mengulas lagi agar tutorial ini berhasil di semua template, karena pada saat saya coba pada blog uji coba saya yang bertemplate standar, tuorial yang lama tidak berhasil, hanya berhasil pada template premium saja, berikut cara yang saya dapatkan dari salah satu blog yang sudah lama bergelut di dunia blogger.</div>
<br />
Cara Membuat Komentar Facebook dan blogger Berdampingan Pada semua template: <a href="http://riset99.blogspot.com/2012/04/free-link-exchange-get-1-million.html" target="_blank"><b>DEMO</b></a><br />
<ol>
<li>Login ke account blogger Sobat</li>
<li>Klik rancangan lalu klik Edit HTML</li>
<li>Download template Sobat dulu untuk berjaga-jaga jika nanti terjadi kesalahan</li>
<li>Beri centang atau ceklis pada kotak kecil yang bertuliskan <b>Expand Template Widget</b></li>
<li>Jika sudah, cari kode <b style="color: red;">]]></b:skin></b> (gunakan <b style="color: cyan;">ctrl + f</b> untuk mempermudah pencarian)</li>
<li>Kalau sudah ketemu maka masukkan kode berikut ini <b style="color: cyan;">di atas</b> kode <b style="color: red;">]]></b:skin></b></li>
<br />
<div>
<div style="margin-bottom: 2px;">
<span style="font-size: large;"><b>Klik buka untuk melihat kode:</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;">
.comments-page { background-color: #<b style="color: lime;">f2f2f2</b>;}<br />
#blogger-comments-page { padding: 0px 5px; display: none;}<br />
.comments-tab { float: left; padding: 5px; margin-right: 3px;<br />
cursor: pointer; background-color: #f2f2f2;}<br />
.comments-tab-icon { height: 14px; width: auto; margin-right: 3px;}<br />
.comments-tab:hover { background-color: #eeeeee;}<br />
.inactive-select-tab { background-color: #d1d1d1;}</div>
</div>
</div>
<br />
<div style="text-align: justify;">
Hilangkan kode berwarna hijau bila ingin background kedua komentar transparan.<br />
<br />
Cara di atas ini yang biasanya mewajibkan penempatan kode <b style="color: cyan;">di bawah</b> kode <b style="color: cyan;">/* Comment</b> atau <b style="color: cyan;">#comments</b>, Sebenarnya sama saja, mungkin para master terdahulu menyarankan begitu agar tampak lebih rapi.</div>
<br />
<li>Kemudian Sobat cari kode <b style="color: red;"></head></b><br />
Jika sudah ketemu, masukkan kode berikut ini tepat <b style="color: cyan;">di atas</b> kode <b style="color: red;"></head></b></li>
<br />
<br />
<div>
<div style="margin-bottom: 2px;">
<span style="font-size: large;"><b>Klik buka untuk melihat kode:</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;">
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><br />
<script src='http://code.jquery.com/jquery-latest.js'/><br />
<meta content='<b style="color: lime;">ID FB Sobat disini</b>' property='fb:admins'/><br />
<script type='text/javascript'><br />
function commentToggle(selectTab) {<br />
$(".comments-tab").addClass("inactive-select-tab");<br />
$(selectTab).removeClass("inactive-select-tab");<br />
$(".comments-page").hide();<br />
$(selectTab + "-page").show();<br />
}<br />
</script></div>
</div>
</div>
<br />
<div style="text-align: justify;">
Perhatikan tulisan yang berwarna hijau di atas, ganti dengan ID facebook Sobat, misalkan https://www.facebook.com/<b style="color: lime;">nama Sobat</b> maka ID Sobat berada pada tulisan yang berwana <b style="color: lime;">hijau</b>. Namun jika Sobat belum merubah ID Sobat maka yang tertera adalah berupa angka. contohnya seperti ini: https://www.facebook.com/<b style="color: lime;">1234567890 </b></div>
<br />
<li>Kemudian cari kode <b style="color: red;"><div class='comments' id='comments'></b></li>
<br />
<br />
<blink><b style="color: yellow;">Keterangan:</b></blink> Pada umumnya kode tersebut ada 2, copy dan pastekan kode berikut ini <b style="color: cyan;">di bawah</b> kedua kode <b style="color: red;"><div class='comments' id='comments'>.</b> <br />
<br />
<br />
<div>
<div style="margin-bottom: 2px;">
<span style="font-size: large;"><b>Klik buka untuk melihat kode:</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;">
<div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle(&quot;#fb-comments&quot;);' title='Comments made with Facebook'><br />
<img class='comments-tab-icon' src='http://static.ak.fbcdn.net/rsrc.php/v1/yH/r/eIpbnVKI9lR.png'/><br />
<fb:comments-count expr:href='data:post.url'/> Comments<br />
</div><br />
<div class='comments-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle(&quot;#blogger-comments&quot;);' title='Comments from Blogger'><br />
<img class='comments-tab-icon' src='http://www.blogger.com/img/icon_logo32.gif'/> <data:post.numComments/> Comments<br />
</div><div class='clear'/><br />
</div><br />
<div class='comments-page' id='fb-comments-page'><br />
<b:if cond='data:blog.pageType == &quot;item&quot;'><br />
<div id='fb-root'/><br />
<fb:comments expr:href='data:post.url' num_posts='<b style="color: cyan;">2</b>' width='<b style="color: lime;">400</b>'/><br />
</b:if><br />
</div><br />
<b style="color: magenta;"> <div class='comments comments-page' id='blogger-comments-page'></b></div>
</div>
</div>
<br />
<div style="text-align: justify;">
<blink><b style="color: yellow;">NB:</b></blink> Pada penempatan kode yang ke dua Sobat hapus kode yang berwarna <b style="color: magenta;">ungu</b> ya:<b style="color: magenta;"> <div class='comments comments-page' id='blogger-comments-page'></b> apabila kode di bawahnya sama.</div>
<br />
<div style="text-align: justify;">
Perhatikan angka yang berwarna biru dan hijau di atas, angka <b style="color: cyan;">2</b> merupakan jumlah komentar yang akan ditampilkan pada komentar facebook. Sedangkan angka <b style="color: lime;">400</b> merupakan lebar kotak komentar facebook. Sobat dapat menyesuaikannya sesuka hati, tapi kalu boleh saya kasih saran, sesuaikanlah dengan lebar template Sobat agar kelihatan rapi.</div>
<br />
<div style="text-align: justify;">
Pada cara di atas yang biasanya menyarankan hanya menempatkan pada kode <b style="color: red;"><div class='comments' id='comments'></b> yang kedua saja, saat saya coba pada template blog uji coba saya tidak berhasil, jadi harus menempatkan di bawah kedua kode tersebut.</div>
<br />
<li>Kemudian klik <b style="color: red;">save</b>, dan lihat hasilnya.</li>
</ol>
<br />
<div style="text-align: justify;">
Demikianlah <a href="http://zuazz.blogspot.com/2012/05/cara-membuat-komentar-facebook-dan.html" target="_blank"><b>Cara Membuat Komentar Facebook dan Blogger Berdampingan Pada Semua Template</b></a>,, <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;">
Selamat mencoba ya Sobat dan jangan lupa nih Komentarnya, hehehe,,, bila ada kata-kata yang salah saya mohon maaf,, <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif" /><br />
<br />
<i>Sumber: <a href="http://super-bee.blogspot.com/"><u>http://super-bee.blogspot.com</u></a></i></div>den zuazhttp://www.blogger.com/profile/06961337061354681028noreply@blogger.com108tag:blogger.com,1999:blog-4575074379223772333.post-59878694895666897112012-05-03T03:23:00.000+07:002012-05-03T03:33:13.862+07:00Cara Membuat Fans Page Facebook Di Blog<div style="text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgb6xafqk75PHuUZ8jToKvfODLA9TNQOeyS5TKDHyEOaNGVf5-YAY93HNRBIdKy9ghRb_fF0f08XoXbt0wpyVHfaN1yhXQmkI6tSx2jPsImHLtXcWTGMzuwW9PQE0tMQRIYy2_W07deA82b/s1600/like.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/AVvXsEgb6xafqk75PHuUZ8jToKvfODLA9TNQOeyS5TKDHyEOaNGVf5-YAY93HNRBIdKy9ghRb_fF0f08XoXbt0wpyVHfaN1yhXQmkI6tSx2jPsImHLtXcWTGMzuwW9PQE0tMQRIYy2_W07deA82b/s1600/like.png" /></a></div>
Salam blogger, Melengkapi permintaan dari salah satu sahabat Zuaz'Z Creator on Facebook yang meminta saya untuk memposting cara untuk menghubungkan blog dan halaman facebook yang lebih kita kenal sebagai Facebook page/Like Box. Facebook page sudah sangat lazim digunakan di blog/website, mengingat besarnya manfaat untuk perkembangan blog/website maupun product yang ditawarkan. </div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Jaringan sosial beserta pluginnya, khususnya Facebook, terbukti telah memperluas dan meningkatkan popularitas, daya jangkau, traffic, serta penjualan produk jenis apapun. Oleh karena itu, membuat Fans Page Facebook di blog/website merupakan hal yang sangat dianjurkan untuk blog/website Sobat.<br />
<br /></div>
<div style="text-align: justify;">
Cara Membuat Fans Page Facebook di Blog/Website<br />
1. Langkah pertama Sobat login terlebih dahulu di account Facebook Sobat.<br />
2. Kemudian buka halaman ini: <a href="http://www.facebook.com/pages/create.php" target="_blank"><b>Facebook Page</b></a><br />
3. Pilih/klik opsi Merek atau Produk</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjL0Tm6B93z5y14x0dWaUXtYNCcrxjObQBWhGRYloi0AhY82hYyJjh74_-IzFkcsNOEVtdrAg7oG-h6b62W7xlk2gGU-6mA6HnDTozyt3w_R6DrEgRDzuTOpFcHjVuBnEN0hA7pu8C4IjrN/s1600/halaman2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjL0Tm6B93z5y14x0dWaUXtYNCcrxjObQBWhGRYloi0AhY82hYyJjh74_-IzFkcsNOEVtdrAg7oG-h6b62W7xlk2gGU-6mA6HnDTozyt3w_R6DrEgRDzuTOpFcHjVuBnEN0hA7pu8C4IjrN/s200/halaman2.jpg" width="200" /></a></div>
<br />
4. Pilih opsi no.1"website" dan isikan no.2"nama Page" sesuai dengan yang diinginkan. centang "Persetujuan" dan klik "Mulai", seperti contoh gambar berikut:<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfEbpzzmf5DUiIFJKoEyox6dDfkPHzqkRw1NO7Sj-RB8Fb_4GE99_DlyXcMz8SwPdRFnHX0WSD2atgq2GE28knS6Y0niZoLZaE6zYd1xne5ravsq_0suZAr8JCLTm0AnalzQAqcS_HdI6w/s1600/halaman1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfEbpzzmf5DUiIFJKoEyox6dDfkPHzqkRw1NO7Sj-RB8Fb_4GE99_DlyXcMz8SwPdRFnHX0WSD2atgq2GE28knS6Y0niZoLZaE6zYd1xne5ravsq_0suZAr8JCLTm0AnalzQAqcS_HdI6w/s1600/halaman1.jpg" /></a></div>
<br />
<div style="text-align: justify;">
5. Selanjutnya Sobat akan masuk ke halaman Facebook Page yang telah dibuat. Lakukan kostumisasi terlebih dahulu sesuai petunjuk, misalnya mengupload foto/gambar untuk Facebook Page, mengedit informasi, dan lain sebagainya, atau langsung membuat Facebook Like Box yang nantinya dapat dipasang di blog/website.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Penting: Sebelum menuju langkah berikutnya copy terlebih dahulu url Facebook Fan Page yang
telah dibuat. Fungsinya sebagai spesifikasi url untuk like box yang
nantinya hendak dibuat.</div>
<div style="text-align: justify;">
Contoh url-nya: http://www.facebook.com/pages/K-T-B/300432780037612</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggJUtb42uV0vkeybT4L837qeCcV0wZtFupGCUb6DSL09gVnkQY0aM1Px2nSfQ1kXj9G2JbTlJpAUyQp5WegTzOgKpGsDGqapXCoFTv8d8leLwUedQdUFjYb0waQeWk-BU1sz-YTzrysPlu/s1600/halaman4.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="39" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggJUtb42uV0vkeybT4L837qeCcV0wZtFupGCUb6DSL09gVnkQY0aM1Px2nSfQ1kXj9G2JbTlJpAUyQp5WegTzOgKpGsDGqapXCoFTv8d8leLwUedQdUFjYb0waQeWk-BU1sz-YTzrysPlu/s400/halaman4.jpg" width="400" /></a></div>
<br />
<div style="text-align: justify;">
6. Berikutnya sobat pilih menu nomer 5 dan klik "add like box" atau bisa juga buka halaman berikut: <a href="http://developers.facebook.com/docs/reference/plugins/like-box/" target="_blank"><b>Like Box</b></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
7. Selanjutnya, isikan spesifikasi seperti gambar berikut:</div>
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhThMx9yS4eeDrRImWelYxZGTYAg2nWJxTCIbjRanDpABIwnxPJk-4S4DOI2STVUsux7FKgIW1fiDszM0vonhQX260eCBD0GxPqKnqOpF9K-CpKEYd6X-v0NjnpfgpMYKou_tUuGnxmw_G5/s1600/halaman3.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhThMx9yS4eeDrRImWelYxZGTYAg2nWJxTCIbjRanDpABIwnxPJk-4S4DOI2STVUsux7FKgIW1fiDszM0vonhQX260eCBD0GxPqKnqOpF9K-CpKEYd6X-v0NjnpfgpMYKou_tUuGnxmw_G5/s400/halaman3.jpg" width="192" /></a></div>
<div style="text-align: justify;">
Setting Facebook Like Box:<br />
</div>
<div style="text-align: justify;">
<span style="font-size: large;"><b>1.</b></span> Facebook Page url: paste url Facebook Page yang di copy tadi<br />
<br />
<span style="font-size: large;"><b>2. </b></span>Width: lebar tampilan facebook like, sesuaikan dengan lebar sidebar widget pada blog sobat.<br />
<br />
<span style="font-size: large;"><b>3.</b></span> Height: adalah tinggi like box, sesuaikan juga dengan widget pada blog sobat. <br />
<br />
<span style="font-size: large;"><b>4.</b></span> Color scheme: pilih light jika ingin tampilan terang, dan dark untuk tampilan gelap.<br />
<br />
<span style="font-size: large;"><b>5.</b></span> Show Faces: Centang untuk menampilkan foto profil likers.<br />
<br />
<span style="font-size: large;"><b>6.</b></span> Border color: Isikan dengan kode warna jika ingin memberi border atau kosongkan agar transparan. <br />
<br />
<span style="font-size: large;"><b>7.</b></span> Show stream: Centang jika ingin menampilkan informasi/posting terakhir di like box.<br />
<br />
<span style="font-size: large;"><b>8.</b></span> Show header: Centang jika ingin menampilkan tulisan header "Temukan kami di Facebook".</div>
<ol style="text-align: justify;">
</ol>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Lihat preview tampilan di sebelah kanan form tersebut.</div>
<br />
<div style="text-align: justify;">
8. Jika settingan yang dibuat sudah beres, klik Get Code. Kemudian akan muncul pop-up window yang menampilkan 3 jenis kode, HTML5, XFBML dan IFRAME pilih salah satu dan copy kodenya. (Untuk Blogger, disarankan pilih HTML 5).</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWw9EPkXkhEFpRbkH58n9cMEBnarWU-XtRCMEVCKhT4h7E-z8HxHZfdH2h-ndg-RN-GcO-i-9ZbcBEwhC72L0PxzQw0hAA9zHr3-kk6ZG9ltnNNBj_YBCqyszF3mLyMyb5MXtUuU7covyq/s1600/halaman5.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="247" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWw9EPkXkhEFpRbkH58n9cMEBnarWU-XtRCMEVCKhT4h7E-z8HxHZfdH2h-ndg-RN-GcO-i-9ZbcBEwhC72L0PxzQw0hAA9zHr3-kk6ZG9ltnNNBj_YBCqyszF3mLyMyb5MXtUuU7covyq/s320/halaman5.jpg" width="320" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Copy kedua kode tersebut untuk pemasangan Like Box di blog Sobat.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<b>Cara pemasangan like Box pada Blog:</b></div>
<ol style="text-align: justify;">
<li>Buka Dashboard > Design/Rancangan > Klik add a gadget/tambah gadget.</li>
<li>Pilih HTML/JavaScript.</li>
<li>Masukkan kode yang telah dicopy ke dalam kotak kode HTML/JavaScript.</li>
<li>Save/Simpan</li>
</ol>
<div style="text-align: justify;">
.</div>
<div style="text-align: justify;">
Like box telah siap digunakan, dan setiap pengunjung blog/website yang menyukai blog/website Sobat dapat dengan mudah meng-klik like pada like box yag telah disediakan.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Demikianlah <a href="http://zuazz.blogspot.com/2012/05/cara-membuat-fans-page-facebook-di-blog.html" target="_blank"><b>Cara Membuat Fans Page Facebook Di Blog</b></a> semoga bermanfaat Sobat.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<i>Sumber: <a href="http://buka-rahasia.blogspot.com/"><u>http://buka-rahasia.blogspot.com</u></a></i> </div>den zuazhttp://www.blogger.com/profile/06961337061354681028noreply@blogger.com27tag:blogger.com,1999:blog-4575074379223772333.post-55548055866127175402012-04-25T20:36:00.000+07:002012-05-07T19:27:11.957+07:00Cara Membuat Chat YM Pingbox Pada Blog<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisEnHz1_rnL6N0yI8XgH8wSliGqXeThlf5T6uwWcC_0Pb9nOpRcn5YAJ0eIEriVnf9VKCX2JzWSpaTg1PsOoy7gdXAN7d3EB6Cf1GRpN2Ox3OdHR84aoaBwRBJHoPGPjfQTSLGCunUuFWy/s1600/4.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisEnHz1_rnL6N0yI8XgH8wSliGqXeThlf5T6uwWcC_0Pb9nOpRcn5YAJ0eIEriVnf9VKCX2JzWSpaTg1PsOoy7gdXAN7d3EB6Cf1GRpN2Ox3OdHR84aoaBwRBJHoPGPjfQTSLGCunUuFWy/s320/4.png" width="192" /></a></div>
<div style="text-align: justify;">
Salam Blogger, Kali ini saya akan berbagi tentang bagaimana <a href="http://zuazz.blogspot.com/2012/04/cara-membuat-chat-ym-pingbox-pada-blog.html" target="_blank">Cara Membuat Chat YM Pingbox Pada Blog</a> yang telah direquest salah satu sobat Blogger saat chat dengan saya.<br />
<br />
Untuk melengkapi cara berkomunikasi langsung pada pengunjung blog kita haruslah menyediakan sebuah media misalnya seperti chatbox ataupun chat YM Pingbox agar pengunjung lebih leluasa untuk bertanya pada kita.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Sebab tidak semua pengunjung mau bertanya lewat komentar pada blog, mungkin disebabkan malu ataupun lainya, dan tidak semua pemilik blog pun mau menjawab pertanyaan si pengunjung tersebut, hal ini saya alami sendiri dulu sewaktu pertama merambah dunia blogger, pengalaman pahit <span style="font-size: large;">[</span>heheheeee,,, <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif" /><span style="font-size: large;">]</span>.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Baiklah cukup sekian kita basa-basinya, bagi sobat bloger yang berminat untuk memasang YM Pingbox Silakan ikuti langkah-langkah berikut ini:</div>
<br />
<br />
<b>1.</b> Sobat Klik link berikut ini <a href="http://id.messenger.yahoo.com/pingbox" target="_blank"><b>Pingbox</b></a><br />
<b>2.</b> Klik buat pingbox 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/AVvXsEj1gY0IeFhn0hQWcRGUnRqv-5X2mWYptsuvbzaizknz8eTWgrl4M5LgvkC6fI3taDU8vj8Dsm1R9u4pIQnawjVyfYl4qWVp0CAUvxoXS-gDk2Y0MR9Yv7fKshy4h8h0qKKzNOzPsAnoS2Ff/s1600/1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="214" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1gY0IeFhn0hQWcRGUnRqv-5X2mWYptsuvbzaizknz8eTWgrl4M5LgvkC6fI3taDU8vj8Dsm1R9u4pIQnawjVyfYl4qWVp0CAUvxoXS-gDk2Y0MR9Yv7fKshy4h8h0qKKzNOzPsAnoS2Ff/s320/1.png" width="320" /></a></div>
<br />
<b>3.</b> Sobat atur tampilan pingbox seperti gambar di bawah:<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOrrDWnrp6lNFtu3r4iuwlIE_XPb-sbiBPihj-JKUO-M2Mrk2dXRDe5vyZ7XYtCt7Sg_UjM61_FxGysN4J9ZupNEY7LAZVd2m9HxZ5fSakzPS66qx55CzT6juAt_y9Jlq0iWJfqYtv1z3S/s1600/2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="239" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOrrDWnrp6lNFtu3r4iuwlIE_XPb-sbiBPihj-JKUO-M2Mrk2dXRDe5vyZ7XYtCt7Sg_UjM61_FxGysN4J9ZupNEY7LAZVd2m9HxZ5fSakzPS66qx55CzT6juAt_y9Jlq0iWJfqYtv1z3S/s320/2.png" width="320" /></a></div>
<br />
Keterangan nomor pada Gambar:<br />
<ol>
<li>Untuk mengatur tampilan tema pingbox</li>
<li>Untuk mengatur ukuran text dan warna text pada saat chat</li>
<li>Untuk mengatur nama tampilan admin pada pingbox</li>
<li>Text yg tampil saat admin online</li>
<li>Text yang tampil saat admin ofline</li>
<li>Nama chat pingbox</li>
</ol>
Dari keterangan di atas sobat sesuaikan sendiri tampilannya sesuai selera sobat.<br />
<br />
<br />
<b>4.</b> Mengatur pingbox akan dipasang dimana, lihat keterangan gambar berikut:<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXjXOEcBYsaJPhRcovcBGlfv3Ivcwv_ekwVNGaV5zgjlR_K0xmfvxsqyOjNPja1ncPZVVfzfbBqfhKjMwWr7-nq7EZtfSkqWqkHfPUsgAXVym6psJXtr8tCH-VJcumpNPSpbple7mzJqrY/s1600/3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="237" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXjXOEcBYsaJPhRcovcBGlfv3Ivcwv_ekwVNGaV5zgjlR_K0xmfvxsqyOjNPja1ncPZVVfzfbBqfhKjMwWr7-nq7EZtfSkqWqkHfPUsgAXVym6psJXtr8tCH-VJcumpNPSpbple7mzJqrY/s320/3.png" width="320" /></a></div>
<br />
Keterangan nomor pada gambar:<br />
<ol>
<li>Pilih apa jenis blog sobat Blogger atau Wordpres</li>
<li>Atur panjang dan lebar pingbox</li>
<li>Copy script yang tampil pada kolom tersebut untuk dipasang pada blog sobat.</li>
</ol>
Dari keterangan di atas sobat sesuaikan sendiri tampilannya sesuai selera sobat dan download aplikasi yahoo! Messengernya.<br />
<br />
<b>5.</b> Cara pemasangan.<br />
<ul>
<li>Login pada akun blogger sobat</li>
<li>Klik <b style="color: red;">Tata Letak</b> </li>
<li>Klik <b><span style="color: red;">Add Widget / Tambah Gatget</span></b></li>
<li>Pilih <b style="color: red;">HTML/JavaScript</b></li>
<li>Paste code yang tampil pada kolom 3 pada gambar di atas ke dalam HTML/JavaScript</li>
<li>Klik Save / Simpan dan lihat hasilnya.</li>
</ul>
<br />
<div style="text-align: justify;">
Demikianlah <a href="http://zuazz.blogspot.com/2012/04/cara-membuat-chat-ym-pingbox-pada-blog.html" target="_blank">Cara Membuat Chat YM Pingbox Pada Blog</a>. Semoga bermanfaat ya sobat dan selamat mencoba. <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif" /></div>den zuazhttp://www.blogger.com/profile/06961337061354681028noreply@blogger.com12tag:blogger.com,1999:blog-4575074379223772333.post-39267697684960502292012-04-19T01:41:00.000+07:002012-04-19T14:18:44.574+07:00Cara Menambahkan Emoticon Yahoo Pada Komentar Blog<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUK4J1vd5gh_bo5e3iZAleH5zQgwmRYQy6KUrUNAWsGhpIUHgUPA1WK0KerwbNFdwPA24_VnztFAHLaLFYfUHf3U5wArsR51x8tzr5Z8YmhT8wjpBTcZ2Jk-kmmRbJANjefQuEkqdxCZtt/s1600/Yahoo_Messenger_logo.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/AVvXsEhUK4J1vd5gh_bo5e3iZAleH5zQgwmRYQy6KUrUNAWsGhpIUHgUPA1WK0KerwbNFdwPA24_VnztFAHLaLFYfUHf3U5wArsR51x8tzr5Z8YmhT8wjpBTcZ2Jk-kmmRbJANjefQuEkqdxCZtt/s1600/Yahoo_Messenger_logo.png" /></a></div>
<div style="text-align: justify;">
Salam Blogger, kali ini saya sedikit mengulas trik lama yaitu tentang pemasangan emoticon yahoo pada komentar blog, namun tidak semua template bisa berhasil menggunakan cara ini. Kebanyakan cara ini berhasil pada template standar, karena saya coba di template saya tidak berhasil, untuk demonya silakan sobat klik link berikut <a href="http://riset99.blogspot.com/2012/04/free-link-exchange-get-1-million.html#comment-form" target="_blank"><b>DEMO</b></a>.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Trik ini berhasil saya terapkan pada template standar, pada demo tadi terlihat emoticon di bawah kotak komentar dan pada komentar. Kalau untuk template saya mungkin masih butuh banyak belajar lagi untuk otak-atik scriptnya, [ sok pinter,, heheheeeee,,<img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/36.gif" />].</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Baiklah, bagi sobat blogger yang ingin mencoba ataupun berminat untuk memasang emoticon yahoo pada komentar Silakan ikuti langkah-langkah berikut ini:</div>
<br />
Ada tiga langkah, untuk menambahkan emoticon yahoo pada komentar blog :<br />
<ol>
<li>Penambahan kode CSS</li>
<li>Penambahan kode HTML</li>
<li>Penambahan JavaScript</li>
</ol>
<br />
<b>Menambahkan kode CSS:</b><br />
<br />
1. Masuk ke Dasbor ---> Rancangan ---> Edit HTML<br />
2. Backup template (menjaga kegagalan proses)<br />
3. Tandai Expand Template Widget<br />
4. Cari kode <b style="color: red;">]]></b:skin></b> dan tambahkan kode berikut tepat <b style="color: cyan;">di atasnya</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="50" name="txt" rows="5" 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(58, 58, 58) none repeat scroll 0% 50%; border: 6px inset rgb(104, 104, 104); color: white; line-height: 1.5em; padding: 0pt 1px;" wrap="VIRTUAL"><!-- Yahoo Smileys by denzuaz Code Start-->
.ysmileydenzuaz {
background: none repeat scroll 0 0 #EFF5FB !important;
font-size: medium !important;
padding: 10px !important;
text-align: left !important;
font-weight:bold !important;
font-size:11px !important;
margin-top:-35px;
}
img.bhacksmly {
height: auto !important;
vertical-align: middle !important;
width: auto !important;
border:0px !important;
}
<!-- Yahoo Smileys Code End--></textarea></div>
</form>
</div>
<br />
<br />
<b>Menambahkan kode HTML:</b><br />
<br />
1. Cari kode ini :<br />
<div style="color: red;">
<b><br /></b></div>
<div style="color: red;">
<b><b:if cond='data:post.allowNewComments'></b></div>
<div style="color: red;">
<b><b:include data='post' name='threaded-comment-form'/></b></div>
<br />
2. Tambahkan kode di bawah ini, diantara kedua kode tadi.<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="10" 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(58, 58, 58) none repeat scroll 0% 50%; border: 6px inset rgb(104, 104, 104); color: white; line-height: 1.5em; padding: 0pt 1px;" wrap="VIRTUAL"><!-- Yahoo Smileys by denzuaz Star-->
<div class='ysmileydenzuaz'>
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif'/> :)
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif'/> :(
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif'/> ;)
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif'/> :D
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif'/> ;;-)
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif'/> :-/
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif'/> :x
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/> :P
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif'/> :-*
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif'/> =((
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif'/> :-O
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif'/> X(
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/15.gif'/> :7
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/16.gif'/> B-)
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/17.gif'/> :-S
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/18.gif'/> #:-S
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/19.gif'/> 7:)
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif'/> :((
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif'/> :))
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif'/> :|
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/23.gif'/> /:)
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif'/> =))
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/25.gif'/> O:-)
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/26.gif'/> :-B
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/27.gif'/> =;
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/101.gif'/> :-c
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif'/> :)]
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif'/> ~X(
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/103.gif'/> :-h
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif'/> :-t
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/105.gif'/> 8-7
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/28.gif'/> I-)
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/29.gif'/> 8-|
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/29.gif'/> L-)
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/31.gif'/> :-a
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/32.gif'/> :-$
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/33.gif'/> [-(
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/34.gif'/> :O)
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif'/> 8-}
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/36.gif'/> 2:-P
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/37.gif'/> (:|
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/38.gif'/> =P~
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/39.gif'/>
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/40.gif'/> #-o
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/41.gif'/> =D7
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/42.gif'/> :-SS
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/43.gif'/> @-)
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/44.gif'/> :^o
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/45.gif'/> :-w
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/47.gif'/> 7:P
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/48.gif'/> 2):)
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/109.gif'/> X_X
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/110.gif'/> :!!
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/111.gif'/> \m/
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/112.gif'/> :-q
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/113.gif'/> :-bd
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/114.gif'/> ^#(^
<img alt='' class='bhacksmly' src='http://l.yimg.com/a/i/us/msg/emoticons/pirate_2.gif'/> :ar!
</div>
<!-- Yahoo Smileys by denzuaz End--></textarea></div>
</form>
</div>
<br />
<br />
<b>Menambahkan JavaScript:</b><br />
<br />
1. Cari kode <b style="color: red;"></body></b> dan tambahkan kode ini <b style="color: cyan;">di atas</b> <b style="color: red;"></body></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="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(58, 58, 58) none repeat scroll 0% 50%; border: 6px inset rgb(104, 104, 104); color: white; line-height: 1.5em; padding: 0pt 1px;" wrap="VIRTUAL"><!-- Yahoo Smileys Script by denzuaz -->
<script src='http://zuazz.googlecode.com/files/ysmiley_fixed.js' type='text/javascript'/>
<!--Yahoo Smileys Script Ends --></textarea></div>
</form>
</div>
<br />
2. Save / simpan template.<br />
<br />
<div style="text-align: justify;">
Selesai. Demikianlah Cara Menambahkan Emoticon Yahoo Pada Komentar Blog, semoga bermanfaat ya sobat.</div>
<br />
<i>Sumber: <a href="http://blog.kangismet.net/">http://blog.kangismet.net</a></i> <img src="http://zuazz.googlecode.com/files/den_zuaz.gif" />den zuazhttp://www.blogger.com/profile/06961337061354681028noreply@blogger.com15tag:blogger.com,1999:blog-4575074379223772333.post-13151259327899471952012-04-13T21:13:00.000+07:002012-04-21T10:32:01.312+07:00Cara Membuat Label Berputar-putar Di Blog<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEja5Ix6387Xo6Ugcm9NVQvZTvXo2KZt3zSBrrqTGU_tYXEwgKGjUMAu9qvuPj7cdz9lKju5C3_ZbVVkrhyphenhypheneiVIJipeFwlidFgOIKk5r1twARjbeB-YxG6xlfPLekkE-C2MykklKsbu5gHQ1/s1600/gbr.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="217" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEja5Ix6387Xo6Ugcm9NVQvZTvXo2KZt3zSBrrqTGU_tYXEwgKGjUMAu9qvuPj7cdz9lKju5C3_ZbVVkrhyphenhypheneiVIJipeFwlidFgOIKk5r1twARjbeB-YxG6xlfPLekkE-C2MykklKsbu5gHQ1/s320/gbr.png" width="320" /></a></div>
<div style="text-align: justify;">
Salam blogging sobat-sobat ku semua, kali ini saya sedikit share tentang cara membuat label berputar-putar di blog, cara ini sudah banyak di bahas oleh master-master blog terdahulu.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Disini saya hanya mengulas ulang, siapa tahu ada sobat blogger yang belum mengerti, ataupun sudah pernah melihat dan ingin mempraktikkan di blog sobat. Dengan menggunakan cara ini tampilan widget label akan lebih ringkas, dan tidak terlihat terlalu panjang ataupun terlalu lebar, karena lebar dan panjangnya bisa sobat sesuaikan sendiri.<br />
Saya kira cukup sekian saja penjelasan saya, mari kita menuju ke pokok pembahasan yaitu cara membuat label berputar-putar di blog.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Berikut ini langkah-langkah cara membuat label berputar-putar di blog:</div>
<div style="text-align: justify;">
<b>1.</b> Seperti biasa sobat harus login dulu di akun blog sobat</div>
<div style="text-align: justify;">
<b>2.</b> Pilih rancangan / desing dan klik edit HTML dan lanjutkan</div>
<div style="text-align: justify;">
<b>3.</b> Centang "Expand Template Widget" untuk menghindari apabila terjadi kesalahan</div>
<div style="text-align: justify;">
<b>4.</b> Sobat cari kode berikut:</div>
<div style="text-align: justify;">
<ul>
<li>Untuk template lama cari kode ini: <b style="color: red;"><b:section class='sidebar' id='sidebar' preferred='yes'></b></li>
</ul>
</div>
<div style="text-align: justify;">
<ul>
<li>Untuk template baru cari kode ini: <b style="color: red;"><b:section-contents id='sidebar-right-1'> </b></li>
</ul>
</div>
<div style="text-align: justify;">
<b>5.</b> Setelah ketemu sobat copy paste code berikut ini tepat <b style="color: cyan;">di bawah</b> kode yang sobat cari tadi</div>
<div style="text-align: justify;">
<br /></div>
<div><div style="margin-bottom: 2px;"><b><small>Klik show untuk melihat</small></b>
<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 style="border: 1px inset; margin: 0px; padding: 6px;"><div style="display: none;">
<b:widget id='Label99' locked='false' title='Labels' type='Label'><br /><b:includable id='main'><br /><b:if cond='data:title'><br /><h2><data:title/></h2><br /></b:if><br /><div class='widget-content'><br /><script src='http://sites.google.com/site/bloggerustemplatus/code/swfobject.js' type='text/javascript'/><br /><div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a></div><br /><script type='text/javascript'><br />var so = new SWFObject("http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf", "tagcloud", "<b style="color: yellow;">300</b>", "<b style="color: lime;">200</b>", "7", "#ffffff");<br />// uncomment next line to enable transparency<br />//so.addParam("wmode", "transparent");<br />so.addVariable("tcolor", "0x333333");<br />so.addVariable("mode", "tags");<br />so.addVariable("distr", "true");<br />so.addVariable("tspeed", "100");<br />so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");<br />so.addParam("allowScriptAccess", "always");<br />so.write("flashcontent");<br /></script><br /><b:include name='quickedit'/><br /></div><br /></b:includable><br /></b:widget></div></div></div><br />
<br />
<div style="color: red; text-align: justify;">
<blink><b>Keterangan: </b></blink></div>
<div style="text-align: justify;">
<ul>
<li>Kode berwarna <b style="color: yellow;">kuning</b> adalah lebar widget, bisa sobat sesuaikan sediri.</li>
<li>Kode berwarna <b style="color: lime;">hijau</b> adalah tinggi widget, bisa sobat sesuaikan sendiri.</li>
</ul>
</div>
<br />
<div style="text-align: justify;">
<b>6. </b>Klik save / simpan template</div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
<br />
<div style="color: red;">
<blink><b>Catatan:</b></blink></div>
</div>
<div style="text-align: justify;">
Apabila label belum muncul sobat setting secara manual dahulu seperti gambar di bawah ini.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnkvLAY6D_rf1js-6AxVPzKs9yQ8ztm4NeKyjcQLkgZwX2iBS_ohibyNIi2TqDVuHs0RaJ1qrnVfi7aC8Vu7zY1VhWCX4Zy_v59pd5GBkNcpM1yi_2SukG26LuhTfF_LJUkTzxwFAxd605/s1600/gbr2+copy.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="302" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnkvLAY6D_rf1js-6AxVPzKs9yQ8ztm4NeKyjcQLkgZwX2iBS_ohibyNIi2TqDVuHs0RaJ1qrnVfi7aC8Vu7zY1VhWCX4Zy_v59pd5GBkNcpM1yi_2SukG26LuhTfF_LJUkTzxwFAxd605/s320/gbr2+copy.png" width="320" /></a></div>
</div>
<div style="text-align: justify;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div style="text-align: justify;">
Demikianlah <a href="http://zuazz.blogspot.com/2012/04/cara-membuat-label-berputar-putar-di.html" target="_blank"><b>Cara Membuat Label Berputar-putar Di Blog</b></a>. Silakan mencoba dan semoga bermanfaat sobat..</div>
<div style="text-align: justify;">
<br />
<i>Sumber script: <a href="http://coretan-siperantau.blogspot.com/">http://coretan-siperantau.blogspot.com</a></i> <a href="http://zuazz.blogspot.com/" target="_blank"><img src="http://i1108.photobucket.com/albums/h405/christian410/15-1.gif" /></a></div>
den zuazhttp://www.blogger.com/profile/06961337061354681028noreply@blogger.com20tag:blogger.com,1999:blog-4575074379223772333.post-66611473404779497382012-04-10T01:29:00.001+07:002012-04-10T01:29:26.408+07:00Cara Lengkap Memasang Buku Tamu / CBOX Di Blog: Kiri, Kanan, Bawah, Atas<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsXkP2wYQRNDr3klqeHjhhKtgCY0F53QPxXBIipGvYFSnviu4GF6TJ_Z_G6MLZOhDoRJFjSpQlzm0TIaFsJFa-1ok-fuy8D4koQ6bYYscpGiQn_AJjmfJ3c43JvU-ejfEMPMQ1zOPvJ0RZ/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/AVvXsEgsXkP2wYQRNDr3klqeHjhhKtgCY0F53QPxXBIipGvYFSnviu4GF6TJ_Z_G6MLZOhDoRJFjSpQlzm0TIaFsJFa-1ok-fuy8D4koQ6bYYscpGiQn_AJjmfJ3c43JvU-ejfEMPMQ1zOPvJ0RZ/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 Lengkap Memasang Buku Tamu / CBOX Di Blog: Kiri, Kanan, Bawah, Atas: </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/AVvXsEhRLb6taAamVp0w-rsRHj9n9nQsVmzSn9tX2X5jjqyfBZ1Cr9_jcObH27tIkxR1i4kFhMyTi78yR-ThhdIRcj84X1oKEhjT0ZGb5Qnw_9rRXAVN84FkWVBQFzeJnN0svzuCdYUsT9lan9iG/</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 Lengkap Memasang Buku Tamu / CBOX Di Blog: Kiri, Kanan, Bawah, Atas. Semoga bermanfaat bagi sobat semua.<br />
<br />
<i>Sumber Script: <a href="http://iydhapoex.blogspot.com/"><u>http://iydhapoex.blogspot.com</u></a></i> <img src="http://zuazz.googlecode.com/files/den_zuaz.gif" />den zuazhttp://www.blogger.com/profile/06961337061354681028noreply@blogger.com53tag:blogger.com,1999:blog-4575074379223772333.post-37753890852126496602012-04-09T01:38:00.000+07:002012-04-09T04:55:15.456+07:00Cara Membuat Gambar Berputar Dan Membesar Saat Disentuh Oleh Cursor<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVK1AOTVXSU-ujTYQ94Yh-vL4bzIdb0zK_xGZvvllBshcC4O_PZkzyIIQgZ9-WTURPpK_rz-tgFGiPE7VLBu5MZwQHQ2Y-l3OoYT9tZssJxFl2jnho8FHApBxQ2R0vp3BA77q8skmoGMSD/s1600/B.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/AVvXsEhVK1AOTVXSU-ujTYQ94Yh-vL4bzIdb0zK_xGZvvllBshcC4O_PZkzyIIQgZ9-WTURPpK_rz-tgFGiPE7VLBu5MZwQHQ2Y-l3OoYT9tZssJxFl2jnho8FHApBxQ2R0vp3BA77q8skmoGMSD/s1600/B.png" /></a></div>
<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 tampilan yang menarik 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 <span style="font-size: large;">[</span>heheheheheee.. <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif" /><span style="font-size: large;">]</span> 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 <a href="http://zuazz.blogspot.com/2012/04/cara-membuat-gambar-berputar-dan.html"><b>Cara Membuat Gambar Berputar Dan Membesar Saat Disentuh Oleh Cursor</b></a>, untuk demonya coba sobat arahkan cursor ke gambar Naruto pada posting saya yang satunya di <a href="http://all-trick-blog.blogspot.com/2012/02/blog-post.html" target="_blank"><b>Kumpulan Trick Blog</b></a>, 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 <b style="color: red;"></head></b></div>
<div style="text-align: justify;">
5. Setelah ketemu sobat copy paste code di bawah ini tepat <b style="color: cyan;">di atas</b> kode <b style="color: red;"></head></b></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/AVvXsEgnG7HgoZvRO7vul1DaGWtdjNQSRnFu7RZHj3-YxXkI18wm6VKOcsy1sjveNXQpBLs74el6yGpy7ZKyn4-vnLTi2jmQqdsYZRb_LqQIq6WDl9BSS1JqmENn0mAkOuieye13wFIvpeSO8QbD/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 <b>Publikasikan</b> dan lihat hasilnya. </li>
</ol>
<div style="text-align: justify;">
Demikianlah tips "Cara Membuat Gambar Berputar Dan Membesar Saat Disentuh Oleh Cursor".</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Semoga bermanfaat Sobat.. <a href="http://zuazz.blogspot.com/" target="_blank"><img src="http://zuazz.googlecode.com/files/den_zuaz.gif" /></a></div>den zuazhttp://www.blogger.com/profile/06961337061354681028noreply@blogger.com17tag:blogger.com,1999:blog-4575074379223772333.post-71923370201916605042012-04-07T12:36:00.000+07:002012-04-15T12:15:04.392+07:00Cara Lengkap Membuat Menu TAB View Pada Blog<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtfLZjxd8DVF5O6Igppa4rSZ5H_z-afEBTiMOl-c7X-vQuEMyoPUih8fpsgEeNmCtq2GkXKluOeGcqlbc9O7rtdlvYwHXHeQ1Aq-AIUo9Tvae_1mMqXBwYM45YPBPGR7yrnnJbCF755BT7/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/AVvXsEhtfLZjxd8DVF5O6Igppa4rSZ5H_z-afEBTiMOl-c7X-vQuEMyoPUih8fpsgEeNmCtq2GkXKluOeGcqlbc9O7rtdlvYwHXHeQ1Aq-AIUo9Tvae_1mMqXBwYM45YPBPGR7yrnnJbCF755BT7/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. Silakan 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 di bawah ini <b style="color: cyan;">di atas</b> kode <b style="color: red;"></head></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="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 <b style="color: red;">HTML/JavaScript</b><br />
9. Silakan letakkan kode di bawah 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.com53tag:blogger.com,1999:blog-4575074379223772333.post-46465847554580861882012-04-07T10:43:00.000+07:002012-05-03T11:36:50.230+07:00Cara Mematikan Fungsi Klik Kanan Dan Text Selection Pada Blog<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwVPljtDNAy1DoeKDAjHBaYZBNJ0VgeADjVBcFLz6tNLywRKeweP0c4jlOWMhRa1RrvKqp1AeRXa-aRmBYjTTRMqcSvkqEyNY8GS2UXM637dGAN2HIhwZBZZufWwMabvOjirqsyBZ1Y-sx/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/AVvXsEjwVPljtDNAy1DoeKDAjHBaYZBNJ0VgeADjVBcFLz6tNLywRKeweP0c4jlOWMhRa1RrvKqp1AeRXa-aRmBYjTTRMqcSvkqEyNY8GS2UXM637dGAN2HIhwZBZZufWwMabvOjirqsyBZ1Y-sx/s200/naruto+dont+copy.png" width="200" /></a></div>
<div style="text-align: justify;">
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.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
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.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
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.</div>
<div style="text-align: justify;">
<br /></div>
<ul>
<li style="text-align: justify;">Login terlebih dahulu ke Blogger.com</li>
<li style="text-align: justify;">Dari halaman Dashboard, silahkan Sobat menuju ke Tata Letak > Edit HTML</li>
<li style="text-align: justify;">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 style="text-align: justify;">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 />
<div style="text-align: justify;">
Sobat juga bisa menggunakan beberapa tambahan kode saja, atau semuanya juga boleh, terserah kebutuhan anda.</div>
<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.com15tag:blogger.com,1999:blog-4575074379223772333.post-91044497140259781342012-03-21T11:04:00.001+07:002012-03-21T11:04:40.894+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/AVvXsEi2g0tcjk7n4Mu3yOmtNmOlMt7wy8VYsZxruCYL3NR_B1vPHZhR2KW0faUp-7HdfNhxAbUyg3pkCsGxDSzYfYMvZLHXujEKVX21DtxLeK5ABlk_Tfi8L9gMgCigk0ubYnTQZV6yUH5EdzM/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.com6tag:blogger.com,1999:blog-4575074379223772333.post-81359797467270929052012-03-20T23:55:00.001+07:002012-03-21T00:24:32.461+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/AVvXsEgcGTiPI_F9sVq49-IeLI75XzBNXMu2v75qJmXsxbbwwgM-zQ9k_m79Xf3T0B18EPRmaZG4idlFwslnO1zXxBmDeP7SgnIi7cB9YfSI0GkhmyYsaPPLtJsYqtT4NorzjNjIlzbjccrNk_Gf/s1600/contoh-ktb.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcGTiPI_F9sVq49-IeLI75XzBNXMu2v75qJmXsxbbwwgM-zQ9k_m79Xf3T0B18EPRmaZG4idlFwslnO1zXxBmDeP7SgnIi7cB9YfSI0GkhmyYsaPPLtJsYqtT4NorzjNjIlzbjccrNk_Gf/s320/contoh-ktb.png" width="320" /></a></div>
Berbagi pengalaman pribadi membuat efek 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 masih 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 <a href="http://all-trick-blog.blogspot.com/" target="_blank"><b>KTB</b></a>, <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 <a href="http://all-trick-blog.blogspot.com/" target="_blank"><b>KTB</b></a> <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 anda.<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: white;">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: white;"> putih:</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.com16tag:blogger.com,1999:blog-4575074379223772333.post-49770687188857429062012-03-18T01:21:00.002+07:002012-03-18T01:36:44.733+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/AVvXsEgrNwvyxVgq5XmUIXkjwkF9tB_hK6gPsMrf_7GxQUfTCOjgo751yitj1arG7A-cFBvu8nOHaRZG9TRdVY1j3DCfbjvsVCxflG0eSiPMGdk1GuMfSeEuJMnOjZdnoNDYMtcpDlH2uykneP4/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/AVvXsEgrNwvyxVgq5XmUIXkjwkF9tB_hK6gPsMrf_7GxQUfTCOjgo751yitj1arG7A-cFBvu8nOHaRZG9TRdVY1j3DCfbjvsVCxflG0eSiPMGdk1GuMfSeEuJMnOjZdnoNDYMtcpDlH2uykneP4/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: center;">
<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: white;">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;">
<br /></div>
<div style="text-align: center;">
<strike><b style="color: red;">Masukan text / kode sobat di sini</b></strike></div>
</div>
<div style="text-align: center;">
<br />
<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>
<ul style="text-align: justify;">
<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 span="" style="color: white;">putih</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>
</ul>
<ol style="text-align: justify;">
</ol>
<div style="text-align: justify;">
Abaikan warna lainya selain warna yang disebutkan di atas.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Berikut ini saya berikan contoh text area pilih semua / select all:</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="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>
<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.com11tag:blogger.com,1999:blog-4575074379223772333.post-74157687950398529942012-03-17T01:41:00.000+07:002013-10-18T14:28:48.821+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/AVvXsEilEUIJBw43KwAvag8CgUp7rAGZRGCqZvkRcwV-wo-V1QOQpXO6rU00ix3dCvdyvxTeD2wgmwCCvSpX-O94T4vyGBvdELn-cwRd0XBN08SrUdp3dFkkD_PUE5IcBFV7_3rh8iDCLRn6ez1U/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/AVvXsEilEUIJBw43KwAvag8CgUp7rAGZRGCqZvkRcwV-wo-V1QOQpXO6rU00ix3dCvdyvxTeD2wgmwCCvSpX-O94T4vyGBvdELn-cwRd0XBN08SrUdp3dFkkD_PUE5IcBFV7_3rh8iDCLRn6ez1U/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" /> yang tidak tampil diposting tentang <a href="http://zuazz.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 />
<br />
<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: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6UNWMWEq7V8RadHuAYU3omp3ihdp96aYDcyVv8lcbnI5NrrKw-OwrGLI1_Ru92hEW469T__ObMVX3oymlSD8VKdTO5Jd-wdirKGjwnoYz8lL0rlAO6WDFI4ak7w3_iYbaUYn_ZDIYTa3E/s1600/cara_posting.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6UNWMWEq7V8RadHuAYU3omp3ihdp96aYDcyVv8lcbnI5NrrKw-OwrGLI1_Ru92hEW469T__ObMVX3oymlSD8VKdTO5Jd-wdirKGjwnoYz8lL0rlAO6WDFI4ak7w3_iYbaUYn_ZDIYTa3E/s1600/cara_posting.png" /></a></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://zuazz.googlecode.com/files/den_zuaz.gif" /></div>den zuazhttp://www.blogger.com/profile/06961337061354681028noreply@blogger.com17tag:blogger.com,1999:blog-4575074379223772333.post-64547706819029800632012-03-13T14:31:00.001+07:002012-03-19T10:14:09.683+07:00Cara Aktifkan Game Standard / Default Window 7<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDgx89YMg1aoV6ecYMRALWaNZUGRfqDfV7bn4mtawKzLNdlVvRFqa-bBSPwASHgB3ULAsTd-BSdnDFAXGeO4iptGuHUCTjlH8aVRbR9Wc2d1jqMr7ZmSudCYH_Fazbsip9Ev4Mm4zHu39Z/s1600/defoult+game.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDgx89YMg1aoV6ecYMRALWaNZUGRfqDfV7bn4mtawKzLNdlVvRFqa-bBSPwASHgB3ULAsTd-BSdnDFAXGeO4iptGuHUCTjlH8aVRbR9Wc2d1jqMr7ZmSudCYH_Fazbsip9Ev4Mm4zHu39Z/s1600/defoult+game.png" /></a></div>
<div style="text-align: justify;">
Kali ini saya sedikit berbagi trick komputer untuk pemula lagi nih sob,, hehehehee,,,,<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif" /></div>
<div style="text-align: justify;">
Ini juga merupakan pengalaman pribadi saya, yaitu tentang <a href="http://zuazz.blogspot.com/2012/03/cara-aktifkan-game-standar-default.html" target="_blank"><b>Cara Aktifkan Game Standar / Default Window 7.</b></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Kronologinya pada saat saya selesai menginstal saya mau bermain game bawaan windows 7 seperti game catur, spider solitare, dll. Pada saat saya buka folder game ternyata game tersebut tidak muncul, sedikit riset lagi saya lakukan,, tapi nggak ketemu-ketemu juga nih,, sedikit putus asa,,<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif" /> dan akhirnya saya memberanikan diri untuk bertanya kepada salah satu master komputer yang saya kenal,, dari pada malu bertanya sesat dijalan sob,,<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif" /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Eeeeeh yang ada saya diketawain sob,,<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif" /> biasa dia senang bercanda dan mengejeki saya,, tapi akhirnya dikasih tau kok,, nah bagi sobat pemula komputer yang mengalami kejadian seperti saya silakan ikuti langkah-langkah yang saya dapatkan berikut ini:</div>
<ul>
<li>Masuk ke <span style="color: white;"> </span><b style="color: white;">Control Panel</b></li>
</ul>
<ul>
<li>Pilih<b> <span style="color: white;">Programs</span></b> -- > <b><span style="color: white;">Programs and Features</span> </b>--> <b style="color: white;">Turn Windows features on or off </b></li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_nudG84I2CrYjaSyn2RfvTwmEMTTeN-YTsOAlFyl7eiuduUazmsSJ3CtN3q0nVybTwNv4z-Zxm_hObsNgiS8PETF8gMaf0hsSMPgkfJL_yxNpd8oz0KvZwZkoANzOjzvYEiThj8KGw1-a/s1600/program+and+features.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="120" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_nudG84I2CrYjaSyn2RfvTwmEMTTeN-YTsOAlFyl7eiuduUazmsSJ3CtN3q0nVybTwNv4z-Zxm_hObsNgiS8PETF8gMaf0hsSMPgkfJL_yxNpd8oz0KvZwZkoANzOjzvYEiThj8KGw1-a/s320/program+and+features.png" width="320" /></a></div>
<br />
<ul>
<li>Beri centang / checklist pada <b style="color: white;">Games</b></li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3_AMEB4uDUGHvCTKaRYuFN2CHwkXoLMO9exJJYJiCpqnHoDdDhQ0Jtl1pkoen860tPX4Oc5hYDPLgdDL_tCyjr3td1s-lSTxtC3smfJrBMtU5-o0MheCRKJp2RPj244IFvlrtXfLNnOBi/s1600/centang+game.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3_AMEB4uDUGHvCTKaRYuFN2CHwkXoLMO9exJJYJiCpqnHoDdDhQ0Jtl1pkoen860tPX4Oc5hYDPLgdDL_tCyjr3td1s-lSTxtC3smfJrBMtU5-o0MheCRKJp2RPj244IFvlrtXfLNnOBi/s320/centang+game.png" width="320" /></a></div>
<br />
<ul>
<li>Klik <b style="color: white;">OK</b></li>
</ul>
<div style="text-align: justify;">
Sekarang Menu Games sudah tampil di Start Menu<br />
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2PTDAbOwv2VOjKHTBKJl_EE4V3B4JDTVttaRlyc5NoU-vNZv2sp8U2UTwsdtT4C051Qx8Pr4XpJRO1deFJvi7-NetKe6QzeLsLtFJhyphenhyphenJosUeH-DAw_8KHTFjyqoGCVZlBsld-1v63zhw-/s1600/game.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="120" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2PTDAbOwv2VOjKHTBKJl_EE4V3B4JDTVttaRlyc5NoU-vNZv2sp8U2UTwsdtT4C051Qx8Pr4XpJRO1deFJvi7-NetKe6QzeLsLtFJhyphenhyphenJosUeH-DAw_8KHTFjyqoGCVZlBsld-1v63zhw-/s320/game.jpg" width="320" /></a></div>
<div style="text-align: justify;">
<br />
<span id="goog_1952908733"></span><span id="goog_1952908734"></span><br />
Selamat mencoba ya sob,, <img src="http://i1108.photobucket.com/albums/h405/christian410/15-1.gif" /></div>den zuazhttp://www.blogger.com/profile/06961337061354681028noreply@blogger.com10tag:blogger.com,1999:blog-4575074379223772333.post-12063542988098174902012-03-12T02:16:00.001+07:002012-04-15T14:58:23.395+07:00Kumpulan Efek - Efek Blog: Ringan >> Berat<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img src="http://i1108.photobucket.com/albums/h405/christian410/6-1.gif" />
</div>
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><br />
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
<br />
<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://riset99.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://zuazz.blogspot.com/2012/03/kumpulan-efek-efek-blog-ringan-berat.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://zuazz.blogspot.com/2012/03/kumpulan-efek-efek-blog-ringan-berat.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://zuazz.blogspot.com/2012/03/kumpulan-efek-efek-blog-ringan-berat.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://zuazz.blogspot.com/2012/03/kumpulan-efek-efek-blog-ringan-berat.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://zuazz.blogspot.com/2012/03/kumpulan-efek-efek-blog-ringan-berat.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://zuazz.blogspot.com/2012/03/kumpulan-efek-efek-blog-ringan-berat.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://zuazz.blogspot.com/2012/03/kumpulan-efek-efek-blog-ringan-berat.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://zuazz.blogspot.com/2012/03/kumpulan-efek-efek-blog-ringan-berat.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://zuazz.blogspot.com/2012/03/kumpulan-efek-efek-blog-ringan-berat.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://zuazz.blogspot.com/2012/03/kumpulan-efek-efek-blog-ringan-berat.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://zuazz.blogspot.com/2012/03/kumpulan-efek-efek-blog-ringan-berat.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://zuazz.blogspot.com/2012/03/kumpulan-efek-efek-blog-ringan-berat.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://zuazz.blogspot.com/2012/03/kumpulan-efek-efek-blog-ringan-berat.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://zuazz.blogspot.com/2012/03/kumpulan-efek-efek-blog-ringan-berat.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://zuazz.blogspot.com/2012/03/kumpulan-efek-efek-blog-ringan-berat.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://zuazz.blogspot.com/2012/03/kumpulan-efek-efek-blog-ringan-berat.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://zuazz.blogspot.com/2012/03/kumpulan-efek-efek-blog-ringan-berat.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://zuazz.blogspot.com/2012/03/kumpulan-efek-efek-blog-ringan-berat.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://zuazz.blogspot.com/2012/03/kumpulan-efek-efek-blog-ringan-berat.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://zuazz.blogspot.com/2012/03/kumpulan-efek-efek-blog-ringan-berat.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://zuazz.blogspot.com/2012/03/kumpulan-efek-efek-blog-ringan-berat.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://zuazz.blogspot.com/2012/03/kumpulan-efek-efek-blog-ringan-berat.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://zuazz.blogspot.com/2012/03/kumpulan-efek-efek-blog-ringan-berat.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://zuazz.blogspot.com/2012/03/kumpulan-efek-efek-blog-ringan-berat.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://zuazz.blogspot.com/2012/03/kumpulan-efek-efek-blog-ringan-berat.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://zuazz.blogspot.com/2012/03/kumpulan-efek-efek-blog-ringan-berat.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://zuazz.blogspot.com/2012/03/kumpulan-efek-efek-blog-ringan-berat.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://zuazz.blogspot.com/2012/03/kumpulan-efek-efek-blog-ringan-berat.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.com14tag:blogger.com,1999:blog-4575074379223772333.post-82821317896919018682012-03-12T00:07:00.001+07:002012-03-12T00:07:47.638+07:00Free Download HJ-Split: Cara Menggabungkan File Dengan HJ-Split<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZaVAOMrrp6jrP0ngjsCKoVA2Fvh8c19KCTvViBe0PeW4O1qmD3ZyhRA3Y9jCfTbPSidwwEHSx_NHFy8ljh_Go-LSTxP5H8hTidQcmq-nZ2LwFllrZ3vvcRCEDQ11ES47R9Wut2WMEHlAf/s1600/logo+hj-split.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/AVvXsEgZaVAOMrrp6jrP0ngjsCKoVA2Fvh8c19KCTvViBe0PeW4O1qmD3ZyhRA3Y9jCfTbPSidwwEHSx_NHFy8ljh_Go-LSTxP5H8hTidQcmq-nZ2LwFllrZ3vvcRCEDQ11ES47R9Wut2WMEHlAf/s200/logo+hj-split.png" width="161" /></a></div>
<div style="text-align: justify;">
Kali ini saya sedikit berbai software penggabung film hasil download yang terpisah menjadi 3 bagian, 4 bagian, dst. Software ini juga bisa di gunakan untuk memecahkan filem menjadi yang berukuran besar menjadi beberapa bagian, singkat cerita silakan simak keterangan di bawah ini,,</div>
<div style="text-align: justify;">
<br />
Hjsplit merupakan sebuah software yang digunakan untuk memecah file video dalam ukuran besar menjadi beberapa bagian. Hjsplit juga bisa digunakan untuk menggabungkan beberapa file video menjadi satu bagian.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Berikut Tutorial cara menggabungkan file dengan menggunakan HJsplit. Harap dibaca dan dipahami sebaik mungkin karena selama ini cara menggabungkan file dengan HJ-Split ini cukup banyak ditanyakan.<br />
<br />
<b>1.</b> Jika anda belum mempunyai HJ-Split dapat di download <a href="http://www.ziddu.com/download/18838677/hjsplit.rar.html" style="color: magenta;" target="_blank"><b>disini</b></a> <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif" /><br />
<br />
<b>2.</b> Setelah download, jalankan HJ-Split tersebut (klik hjsplit.exe 2 kali, aplikasi ini tak perlu diinstall), kemudian akan muncul gambar seperti di bawah.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAO8i8uZe2RGxgeHGoRo532XErELFLgJiN4ghzhcTk99NDwiM1ldpyG2v4KPv03Sq2maZ7sWYnPsRPi5H4gYrh3P-O_5-sfqFyF2R3WJX7f7Iy0fJRNzGvkbZnOusSxbYePG5EB7vXHRZW/s1600/hj-split.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="243" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAO8i8uZe2RGxgeHGoRo532XErELFLgJiN4ghzhcTk99NDwiM1ldpyG2v4KPv03Sq2maZ7sWYnPsRPi5H4gYrh3P-O_5-sfqFyF2R3WJX7f7Iy0fJRNzGvkbZnOusSxbYePG5EB7vXHRZW/s320/hj-split.png" width="320" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div style="text-align: justify;">
<b>3.</b> Klik tombol Join seperti di atas, dan akan muncul gambar seperti di bawah :</div>
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2sLu9aGyqSXh_PkJztgZ5eJFq4w4ZSWZfFEEmhCXfA76k7P6xCiUajY38QXJKJmDuymkx6mjT6bZa47OawlHit8__23QRxdu7JHXT52GJKCyO-n6Tm0HNXcLILjMkfloc4BrRegxafyfu/s1600/inp-output.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="186" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2sLu9aGyqSXh_PkJztgZ5eJFq4w4ZSWZfFEEmhCXfA76k7P6xCiUajY38QXJKJmDuymkx6mjT6bZa47OawlHit8__23QRxdu7JHXT52GJKCyO-n6Tm0HNXcLILjMkfloc4BrRegxafyfu/s320/inp-output.png" width="320" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<b>4.</b> Sebelumnya pastikan file yang akan dijoin (file berekstensi .001, .002, dst) sudah berada dalam folder yang sama.<br />
<br />
<b>5.</b> Tekan tombol input file, lalu cari file 001 yang ingin anda gabungkan (Hanya file 001, file 002 dst tidak perlu dimasukkan dan akan terdeteksi secara otomatis oleh HJSplit), kemudian klik open (lihat gambar di bawah).</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuV_ioUkXNM3cTcX7y7tMV-N1zPR2IHZssXjnKN9-zGe-tzDIYjiOPlqXcSe-mktzW6BbK3SZyra6VKAZd-zIlrvdpc-wQ5eZX9CtkClm-c3yTEUlDvS-x3-1bKm0f69UO2CMtl9wKqR2Z/s1600/my-demo.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="203" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuV_ioUkXNM3cTcX7y7tMV-N1zPR2IHZssXjnKN9-zGe-tzDIYjiOPlqXcSe-mktzW6BbK3SZyra6VKAZd-zIlrvdpc-wQ5eZX9CtkClm-c3yTEUlDvS-x3-1bKm0f69UO2CMtl9wKqR2Z/s320/my-demo.png" width="320" /></a></div>
<div style="text-align: justify;">
<br />
<b>6.</b> Di tombol Output tentukan dimana file hasil join akan anda simpan, secara default letak file hasil join akan disamakan dengan lokasi dari file 001.<br />
<br />
<b>7.</b> Setelah selesai, klik tombol start dan tunggu sampai selesai.<br />
<br />
Dan siap untuk puter filmnya deh sob,, <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif" /></div>
<div style="text-align: justify;">
<i>Sumber: <u>http://www.downloadfilem.com</u></i> <img src="http://i1108.photobucket.com/albums/h405/christian410/15-1.gif" /></div>den zuazhttp://www.blogger.com/profile/06961337061354681028noreply@blogger.com6tag:blogger.com,1999:blog-4575074379223772333.post-74756777914931037652012-03-10T00:49:00.000+07:002013-03-24T22:45:02.072+07:00Ucapan Terima Kasih Saya<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZZdhXaer9vx0cWk_tajXN7RJvOya4ppM-hCDpBElZ7dHzxsyP7ZMGlfpfkopjbxRNmXCBHmWB2ao7oH781xB2UmaWxjyYiFqb-U3CcAg1Lawqf_Rgw9VWrkQQFI_RHA8wNKCF-R2yLxFK/s1600/smiley-denzuaz.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="306" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZZdhXaer9vx0cWk_tajXN7RJvOya4ppM-hCDpBElZ7dHzxsyP7ZMGlfpfkopjbxRNmXCBHmWB2ao7oH781xB2UmaWxjyYiFqb-U3CcAg1Lawqf_Rgw9VWrkQQFI_RHA8wNKCF-R2yLxFK/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 />
<br /></div>
<div style="text-align: justify;">
Kali ini saya ingin berterima kasih sebanyak-banyaknya kepada sahabat blogger yang telah mendukung Zuaz'Z Creator di Facebook, 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 Zuaz'Z Creator 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 2/10, yang artinya kini blog Zuaz'Z Creator mendapatkan page rank 2.</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=aHR0cDovL3p1YXp6LmJsb2dzcG90LmNvbQ==&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 Zuaz'Z Creator. Sekali lagi saya sebagai admin Blog Zuaz'Z Creator "<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 Zuaz'Z Creator sampai kapanpun.</div>
<br />
<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>
<br />
<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.com10tag:blogger.com,1999:blog-4575074379223772333.post-18905811617980897982012-03-09T14:57:00.001+07:002012-03-09T15:20:26.244+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/AVvXsEjK8FrbDZs4AmWfO-ZWPIdtpyXRFEb7P8Pq6yfeYVnVTn7IMJWge81HIhjkEOp6_6KqT_Moo2bymgHgoK_s2PYUHQtNWwiHWR9j6d83C4TqhhZhzs97-zRNWTmm8F5I42IByf-gU4LJKgyd/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/AVvXsEjK8FrbDZs4AmWfO-ZWPIdtpyXRFEb7P8Pq6yfeYVnVTn7IMJWge81HIhjkEOp6_6KqT_Moo2bymgHgoK_s2PYUHQtNWwiHWR9j6d83C4TqhhZhzs97-zRNWTmm8F5I42IByf-gU4LJKgyd/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, hal ini terjadi juga pada blog saya dan berhasil saya benahi. 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><br />
</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: 1px 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>
<br />
<br />
<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: 1px 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.com20tag:blogger.com,1999:blog-4575074379223772333.post-14609702954633363922012-03-04T02:04:00.000+07:002012-03-04T02:04:02.685+07:00Keterangan Fungsi Tombol Shortcut "F" Pada Windows<div class="separator" style="clear: both; text-align: center;">
<a href="http://zuazz.blogspot.com/" target="_blank"><img border="0" height="136" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjU15hBKpO6rHuM3hEwOvZChcVgcW10JzDIciAXy7geAaFCi5lHvVg5A379grMB35dVU2sKMX05HAbDUEd1ycNOBmhu1Ry9P4CUPw0fXX5vq1XTFvs6adhePSZbJnHIXqrfBOxnndBW9leH/s320/keyboard-zuaz.png" width="320" /></a></div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
<br />
Sedikit berbagi info pemula computer lagi nih sob,,<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif" /> hehehe,,, <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif" /></div>
<div style="text-align: justify;">
Yaitu tentang Keterangan Fungsi Tombol Shortcut “F” Pada Windows. Shortcut adalah jalan pintas, atau tombol pintas yang ditekan baik secara tunggal maupun beberapa tombol untuk mengakses fungsi-fungsi tertentu. </div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Kali ini saya akan membahas daftar shortcut (tombol pintas) yang tersedia melalui satu set “Function Key” atau yang lebih dikenal pengguna sebagai F1 hingga F12 pada keyboard. Fungsi-fungsi tersebut mungkin memiliki kegunaan yang penting, umum digunakan, jarang digunakan, hingga tak pernah digunakan sama sekali. Namun, sebagai fungsi standar yang diprogram secara default tentunya masing-masing tetap mempunyai kegunaan tersendiri. </div>
<div style="text-align: justify;">
<br />
Catatan: Beberapa fungsi dibawah ini mungkin beberapanya tidak berfungsi pada semua program. Karena pada setiap program memiliki shortcut sendiri yang mungkin berbeda satu sama lainnya. Namun daftar shortcut dibawah ini adalah yang umum berfungsi.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
<b>Berikut ini adalah Keterangan Fungsi Tombol Shortcut 'F' Pada Windows:</b></div>
<div style="text-align: justify;">
<b>1. F1</b></div>
<ul>
<li><b>F1</b> = Umumnya berfungsi sebagai tombol ‘bantuan’ (help).</li>
<li><b>Logo Windows + F1</b> = Untuk membuka layanan Microsoft Windows Help & support center</li>
<li><b>Shift + F1</b> =Untuk Membuka jendela format dokumen (Pada Microsoft Word)<b> </b></li>
<li><b>ALT + F1</b> = Pergi ke halaman berikutnya<b> </b></li>
<li><b>ALT + Shift + F1</b> = Pergi ke halaman sebelumnya<b> </b></li>
<li><b>CTRL + ALT + F1</b> = Tampilan Info Sistem Microsoft (tidak bekerja pada Windows Vista)<b> </b></li>
<li><b>CTRL + Shift + F1</b> = Mengubah font (tidak bekerja pada Windows Vista)</li>
</ul>
<div style="text-align: justify;">
<b>2. F2</b></div>
<ul>
<li><b>F2</b> = Untuk me-rename file</li>
<li><b>CTRL + F2</b> = Untuk membuka jendela print preview (pada Microsoft Word)</li>
<li><b>ALT + Shift + F2</b> = Untuk membuka jendela save as (pada Microsoft Word)</li>
<li><b>CTRL + ALT + F2</b> = Untuk membuka jendela open file (pada Microsoft Word)</li>
<li><b>Shift + F2</b> = Untuk melakukan fungsi salin teks</li>
</ul>
<div style="text-align: justify;">
<b>3. F3</b></div>
<ul>
<li><b>F3</b> = Untuk membuka fitur ‘Windows Search” atau pencarian.</li>
<li><b>Shift + F3</b> = Untuk merubah teks menjadi Capital besar, capital kecil.</li>
<li><b>CTRL + F3</b> = Sama seperti fungsi ‘Delete” (pada Microsoft Word)</li>
<li><b>ALT + F3</b> = Membuka menu “Create New Building Block”</li>
</ul>
<div style="text-align: justify;">
<b>4. F4</b></div>
<ul>
<li><b>F4 </b>= Membuka jendela pencarian pada address bar di Windows Explorer</li>
<li><b>Shift + F4 </b>= Untuk lanjut ke halaman berikutnya (pada Microsoft Word)</li>
<li><b>CTRL + F4 </b>= Untuk Menutup file yang sedang dibuka</li>
<li><b>Alt + F4 </b>= Untuk menutup program yang sedang dibuka (juga dapat digunakan untuk melakukan shutdown pada komputer)</li>
</ul>
<div style="text-align: justify;">
<b>5. F5</b></div>
<ul>
<li><b>F5</b> = Untuk me-refresh halaman pada browser internet</li>
<li><b>Shift + F5</b> = Kebalikan dari fungsi Shift+F4 diatas</li>
<li><b>CTRL + F5</b> = Untuk me-refresh halaman pada browser internet (namun tidak me-reset cache-nya)</li>
<li><b>ALT + F5 </b>= Untuk me-minimize tampilan jendela dari Microsoft Word</li>
</ul>
<div style="text-align: justify;">
<b>6. F6</b></div>
<ul>
<li><b>F6 </b>= Untuk memindahkan kursor pada address bar pada browser internet.</li>
<li><b>Shift + F6</b> = Untuk pindah ke mode kursor mouse dari mode pengetikan (pada Microsoft Word)</li>
<li><b>CTRL + F6</b> = Untuk berpindah ke layar dokumen lainnya yang sedang dibuka pada saat bersamaan diprogram yang sama</li>
<li><b>CTRL + Shift + F6</b> = Berfungsi sama dengan CTRL+F6</li>
</ul>
<div style="text-align: justify;">
<b>7. F7</b></div>
<ul>
<li><b>F7 </b>= Untuk memeriksa spelling / tata bahasa (pada Microsoft Word), serta mengaktifkan fitur seleksi teks dengan keyboard pada Browser</li>
<li><b>Shift + F7</b> = Untuk membuka fitur Thesaurus (pada Microsoft Word)</li>
<li><b>Ctrl+Alt+F7</b> = Untuk membuka fitur Penerjeman (pada Microsoft Word)</li>
<li><b>ALT + F7</b> = Untuk memeriksa ejaan / grammer pada suatu kata</li>
</ul>
<div style="text-align: justify;">
<b>8. F8</b></div>
<ul>
<li><b>F8</b> = Umumnya digunakan untuk masuk ke safemode pada saat melakukan booting pada komputer. Pada Microsoft Word digunakan untuk melakukan seleksi pada semua tulisan.</li>
<li><b>CTRL + F8 </b>= spesifik Program. Dalam Microsoft Project itu mengubah ukuran jendela proyek.</li>
<li><b>Alt + F8</b> = Untuk membuka fitur Macros (pada Microsoft Word)</li>
</ul>
<div style="text-align: justify;">
<b>9. F9</b></div>
<ul>
<li><b>Shift + F9</b> = Beralih di antara kode halaman dan itu hasil</li>
<li><b>CTRL + F9</b> = Untuk memasukkan kurung kurawal pada Microsoft Word</li>
</ul>
<b>10. F10</b><br />
<ul>
<li><b>Shift + F10</b> = Untuk menampilkan jendela spelling / grammar check</li>
<li><b>CTRL + F10</b> = Untuk me-minimize / maximize layar pada windows</li>
<li><b>ALT + F10</b> = Memiliki fungsi yang sama dengan CTRL+F10</li>
</ul>
<div style="text-align: justify;">
<b>11. F11</b></div>
<ul>
<li><b>F11</b> = Untuk masuk ke mode full screen (layar penuh) pada halaman browser</li>
<li><b>CTRL + F11</b> = Berfungsi sebagai kunci pada bidang.</li>
<li><b>CTRL + Shift + F11</b> = Berfungsi sebagai kebalikan dari CTRL+F11</li>
<li><b>ALT + F11</b> = Untuk membuka Microsoft Visual Basic dari Microsoft Word</li>
<li><b>ALT + SHIFT + F11</b> = Microsoft Visual Studio Tampilan Kode</li>
</ul>
<div style="text-align: justify;">
<b>12. F12</b></div>
<ul>
<li><b>Shift + F12</b> = Untuk membuka menu ‘Save As’ (pada Microsoft Windows)</li>
<li><b>CTRL + F12</b> = Untuk membuka menu ‘Open’ (pada Microsoft Windows)</li>
<li><b>CTRL + Shift + F12 </b>= Untuk membuka menu print</li>
</ul>
<div style="text-align: justify;">
Semoga bermanfaat ya sobat,, <a href="http://zuazz.blogspot.com/" target="_blank"><img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif" /></a></div>den zuazhttp://www.blogger.com/profile/06961337061354681028noreply@blogger.com4tag:blogger.com,1999:blog-4575074379223772333.post-27297125352667926032012-03-01T11:21:00.000+07:002012-03-01T11:21:12.839+07:00Free Download Firefox V.10.0.2 Terbaru 2012: Bahasa Indonesia<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSmN9jHGB9FqSp3tJjQYCP-q02r_qZu1MUzMpFL6rjPUb3a9TKkN5oMoSC8H_cg5GSYkLz9nw0n5BLoQQt8SPl4ZiomF8flt7fEFwXGOZYLgnOoRBoNMAK7hv5YISZqjyWoriYXb9dFJsr/s1600/Firefox+V.10.0.2+Terbaru+2012.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSmN9jHGB9FqSp3tJjQYCP-q02r_qZu1MUzMpFL6rjPUb3a9TKkN5oMoSC8H_cg5GSYkLz9nw0n5BLoQQt8SPl4ZiomF8flt7fEFwXGOZYLgnOoRBoNMAK7hv5YISZqjyWoriYXb9dFJsr/s320/Firefox+V.10.0.2+Terbaru+2012.png" width="320" /></a></div>
<div style="text-align: justify;">
Mozilla Firefox (aslinya bernama Phoenix dan kemudian untuk sesaat dikenal sebagai Mozilla Firebird) adalah peramban web lintas platform gratis yang dikembangkan oleh Yayasan Mozilla dan ratusan sukarelawan.</div>
<div style="text-align: justify;">
<br />
Di antara fitur populer Firefox adalah pemblokir pop-up yang sudah terpasang di dalamnya, dan sebuah mekanisme pengembangan (extension) untuk menambah fungsionalitas tambahan. Meskipun fitur-fitur ini sudah tersedia untuk beberapa lamanya di peramban-peramban web lainnya seperti Mozilla Suite dan Opera, Firefox merupakan peramban web pertama yang mendapatkan penerimaan dalam skala sebesar ini. </div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Firefox ditargetkan untuk mendapat sekitar 10% pangsa pasar Internet Explorer keluaran Microsoft (peramban web terpopuler dengan margin yang besar (per 2004) hingga tahun 2005, yang telah disebut oleh banyak orang sebagai tahun kembalinya perang peramban web. </div>
<div style="text-align: justify;">
<br />
Firefox dapat dijalankan pada berbagai macam sistem operasi seperti Microsoft Windows, Linux, Mac OS X, dan FreeBSD. Versi stabil terbaru Firefox saat ini adalah 10.0.2., yang dirilis pada 16 Februari 2012 dengan versi Bahasa Indonesia, Bagi sobat yang berniat ingin mencoba silakan klik link download di bawah ya,, <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;">
<br /></div>
<div style="text-align: center;">
<a href="http://download.mozilla.org/?product=firefox-10.0.2&os=win&lang=id" target="_blank"><b>Download Firefox V.10.0.2 </b></a></div>
<div style="text-align: center;">
<span style="font-size: x-small;">Sinze: 14.9 MB</span></div>den zuazhttp://www.blogger.com/profile/06961337061354681028noreply@blogger.com2tag:blogger.com,1999:blog-4575074379223772333.post-46273551726977089832012-03-01T03:43:00.000+07:002012-03-10T03:46:02.771+07:00Cara Memasang Tombol Kembali Ke Atas Dan Kembali Turun Pada Blog<div style="text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh42yh9fQMIojsqs-lJxQeGZCqcW9Ae5Es2dgFWKVb7HzCuVc3ztspftshqlxA0O3mNUrlihA94kZJPtCE25-wzXUwuZX-QMHd6f9e-nqPrNjFL873Fj2jhQi_oia1fi1O9dKcX_Rfo1Ig/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/AVvXsEh42yh9fQMIojsqs-lJxQeGZCqcW9Ae5Es2dgFWKVb7HzCuVc3ztspftshqlxA0O3mNUrlihA94kZJPtCE25-wzXUwuZX-QMHd6f9e-nqPrNjFL873Fj2jhQi_oia1fi1O9dKcX_Rfo1Ig/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> <b>Pada Blog</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 disalah satu blog saya. singkat cerita mari kita simak saja <b>Cara Memasang Tombol Kembali Ke Atas Dan Kembali Turun </b><b>Pada Blog</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 />
<span style="font-size: small;"><br /></span><br />
<span style="font-size: small;"><!-- Bact to top By Ozan Hacker --></span><br />
<span style="font-size: 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/AVvXsEjHag6xeZaRxm3LotrXiUiV1PjAt81GN-J85tyGqrv1vUGLD7x7Zj4FyadVUBpUISGQZzOfKfqCAZZGPHI_BRxTLfupUc6lZ2eybLG_j0Cjm-e3SbRlSt4KebQvvE7vBj-s5F_kRNhASJkU/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 />
<span style="font-size: small;"><br /></span><br />
<span style="font-size: 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/AVvXsEjHag6xeZaRxm3LotrXiUiV1PjAt81GN-J85tyGqrv1vUGLD7x7Zj4FyadVUBpUISGQZzOfKfqCAZZGPHI_BRxTLfupUc6lZ2eybLG_j0Cjm-e3SbRlSt4KebQvvE7vBj-s5F_kRNhASJkU/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: 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 <body><br />
<br />
<div style="text-align: center;">
<span style="font-size: x-small;"> <span style="font-size: small;"><div id='Enjoy'><br /> <a href='#' onClick='window.location.reload()' title='Reload page'><br /> <img src='</span><span style="color: red; font-size: small;">http://i580.photobucket.com/albums/ss248/z33s/refresh.png</span><span style="font-size: small;">'/></a><br /> <a expr:href='data:blog.homepageUrl'><img src='</span><span style="color: red; font-size: small;">http://i580.photobucket.com/albums/ss248/z33s/house.png</span><span style="font-size: small;">'/></a><br /> <a href='#' title='Ke Atas Halaman'><img src='</span><span style="color: red; font-size: small;">http://i580.photobucket.com/albums/ss248/z33s/topopg.png</span><span style="font-size: small;">'/></a><br /> <a href='#<b><span style="color: lime;">footbar</span></b>' title='Ke bawah halaman'><br /> <img src='</span><span style="color: red; font-size: small;">http://i580.photobucket.com/albums/ss248/z33s/down.png</span><span style="font-size: small;">'/></a><br /> </div></span></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.com17