DINARA: blogging

Tampilkan postingan dengan label blogging. Tampilkan semua postingan

Membuat Floating Widget ChatBox

<div style="text-align: justify;">
<span style="font-family: Times, Times New Roman, serif;">Dalam kesempatan kali ini kami akan membahas cara Membuat Floating Widget ChatBox. </span><span style="font-family: Times, 'Times New Roman', serif; line-height: 20px;">Floating Widget ini sudah sedikit dimodifikasi dengan menggunakan kode javascript dan tampilan pun akan lebih dinamis, di dalamnya sobat dapat tempatkan apapun juga misalkan : Iklan adsense, Gambar, ataupun chat box. </span></div>
<div style="text-align: justify;">
<span class="Apple-style-span" style="color: #cccccc; font-family: Times, Times New Roman, serif; line-height: 20px;"><br />
</span></div>
<div style="text-align: justify;">
<span class="Apple-style-span" style="color: orange; font-family: Times, Times New Roman, serif; line-height: 20px;"><b>Caranya:</b></span></div>
<div style="text-align: justify;">
<span class="Apple-style-span" style="font-family: Times, Times New Roman, serif; line-height: 20px;">Copykan Script dibawah ke : <i>Buka Layout - Page Element dan Klik add gadget - Lalu pilih HTML/JavaScript</i>.</span></div>
<div style="text-align: justify;">
<span class="Apple-style-span" style="color: #a0a0a0;"><span class="Apple-style-span" style="font-family: Times, Times New Roman, serif; line-height: 20px;"><br />
</span></span></div>
<div style="background-color: transparent; border: 2px #FF8000 dashed; padding: 10px; text-align: left;">
<div style="text-align: left;">
<span style="font-family: Times, Times New Roman, serif;"></span></div>
<div style="text-align: left;">
<span style="font-family: Times, Times New Roman, serif;"><style type="text/css"></span></div>
<div style="text-align: left;">
<span style="font-family: Times, Times New Roman, serif;"><br /></span></div>
<div style="text-align: left;">
<span style="font-family: Times, Times New Roman, serif;">.gb_fixed{  </span></div>
<div style="text-align: left;">
<span style="font-family: Times, Times New Roman, serif;">position:fixed;  </span></div>
<div style="text-align: left;">
<span class="Apple-style-span" style="color: orange; font-family: Times, Times New Roman, serif;">top:60px;  </span></div>
<div style="text-align: left;">
<span style="font-family: Times, Times New Roman, serif;">right:0px;  </span></div>
<div style="text-align: left;">
<span style="font-family: Times, Times New Roman, serif;">z-index:+10;  </span></div>
<div style="text-align: left;">
<span style="font-family: Times, Times New Roman, serif;">}  </span></div>
<div style="text-align: left;">
<span style="font-family: Times, Times New Roman, serif;"><br /></span></div>
<div style="text-align: left;">
<span style="font-family: Times, Times New Roman, serif;">* html .gb_fixed {position:relative;}  </span></div>
<div style="text-align: left;">
<span style="font-family: Times, Times New Roman, serif;">#hidden_gb2 {  </span></div>
<div style="text-align: left;">
<span style="font-family: Times, Times New Roman, serif;">display:none;  </span></div>
<div style="text-align: left;">
<span style="font-family: Times, Times New Roman, serif;">border:0px solid gray;  </span></div>
<div style="text-align: left;">
<span style="font-family: Times, Times New Roman, serif;">background:transparent;  </span></div>
<div style="text-align: left;">
<span style="font-family: Times, Times New Roman, serif;">padding:10px;  </span></div>
<div style="text-align: left;">
<span style="font-family: Times, Times New Roman, serif;">padding-top:0px;  </span></div>
<div style="text-align: left;">
<span style="font-family: Times, Times New Roman, serif;">}  </span></div>
<div style="text-align: left;">
<span style="font-family: Times, Times New Roman, serif;"></style>  </span></div>
<div style="text-align: left;">
<span style="font-family: Times, Times New Roman, serif;"><div class="gb_fixed"></span></div>
<div style="text-align: left;">
<span style="font-family: Times, Times New Roman, serif;"><table cellpadding="0" cellspacing="0" id="hidden_gb2"><tbody></span></div>
<div style="text-align: left;">
<span style="font-family: Times, Times New Roman, serif;"><tr><td></span></div>
<div style="text-align: left;">
<span style="font-family: Times, Times New Roman, serif;"><div></span></div>
<div style="text-align: left;">
<span style="font-family: Times, Times New Roman, serif;"><a href="javascript:void(0)" onclick="gb_showHideGB()"><img src="https://www.bookonthenet.net/east/RKEres/Images/CloseButtonHot.bmp" /></a></span></div>
<div style="text-align: left;">
<span style="font-family: Times, Times New Roman, serif;"></span></div>
<div style="text-align: left;">
<span style="font-family: Times, Times New Roman, serif;"><span style="font-size: 80%;"></span></div>
<div style="text-align: left;">
<span style="font-family: Times, Times New Roman, serif;"><span style="color: red;"> Get this</span></span></div>
<div style="text-align: left;">
<span style="font-family: Times, Times New Roman, serif;"><a href="</span>http://dinara-289.blogspot.com/2013/09/cara-memasang-widget-chat-box.html<span style="font-family: Times, Times New Roman, serif;">" target="_blank"></span></div>
<div style="text-align: left;">
<span style="font-family: Times, Times New Roman, serif;"><span class="Apple-style-span" style="color: orange;"> Desaign1</span></span></div>
<div style="text-align: left;">
<span style="font-family: Times, Times New Roman, serif;"></a></span></div>
<div style="text-align: left;">
<span style="font-family: Times, Times New Roman, serif;"><span style="color: red;"> or</span></span></div>
<div style="text-align: left;">
<span style="font-family: Times, Times New Roman, serif;"><a href="http://www.m-azka.com/2011/04/membuat-floating-widget-chatbox.html" target="_blank"></span></div>
<div style="text-align: left;">
<span style="font-family: Times, Times New Roman, serif;"><span class="Apple-style-span" style="color: orange;"> Desaign2</span></a></span></span></div>
<div style="text-align: left;">
<span style="font-family: Times, Times New Roman, serif;"><br /></span></div>
<div style="text-align: left;">
<span class="Apple-style-span" style="color: orange; font-family: Times, Times New Roman, serif;">Masukan Script yang kamu inginkan disini! Misal: kode Shoutmix, Adsense, Sponsor.  </span></div>
<div style="text-align: left;">
<span style="font-family: Times, Times New Roman, serif;"><br /></span></div>
<div style="text-align: left;">
<span style="font-family: Times, Times New Roman, serif;"></td></tr></span></div>
<div style="text-align: left;">
<span style="font-family: Times, Times New Roman, serif;"></tbody></table></span></div>
<div style="text-align: left;">
<span style="font-family: Times, Times New Roman, serif;"></div></span></div>
<div style="text-align: left;">
<span style="font-family: Times, Times New Roman, serif;"><br /></span></div>
<div style="text-align: left;">
<span style="font-family: Times, Times New Roman, serif;"><script src="http://marewainfo.googlecode.com/files/ordinaryhack-floating.js"></span></div>
<div style="text-align: left;">
<span style="font-family: Times, Times New Roman, serif;"></script>  </span></div>
<div style="text-align: left;">
<span style="font-family: Times, Times New Roman, serif;"><div class="gb_fixed" style="z-index: +5;"></span></div>
<div style="text-align: left;">
<span style="font-family: Times, Times New Roman, serif;"><a href="javascript:void(0)" onclick="gb_showHideGB()">  </span></div>
<div style="text-align: left;">
<span style="font-family: Times, Times New Roman, serif;"><img border="0" src="<span class="Apple-style-span" style="color: orange;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimc3qKXLpOy5YdHH-XPE8TO7pGfBR7CMUvuJmWOwIZ531TAZk4JZK7DGxRXQ5bbfo6c-Daksop3I0Avz6SK-PzsG98y6J0BZmMftkMRkn6z_Ulik95EY2upjo_KLMlEwCCOt2-2wg19a80/s1600/cbred.png</span>" style="filter: alpha(opacity=60); opacity: 0.6;" />  </span></div>
<div style="text-align: left;">
<span style="font-family: Times, Times New Roman, serif;"></a>  </div></span></div>
</div>
<div style="text-align: justify;">
<span style="font-family: Times, Times New Roman, serif;"><br /></span></div>
<div style="text-align: justify;">
<span class="Apple-style-span" style="color: red; font-family: Times, Times New Roman, serif;"><b>Tambahan tombol saat membuka chatbox:</b></span></div>
<br />
<div style="text-align: justify;">
<span style="font-family: Times, 'Times New Roman', serif; line-height: 17px;">Berikut ini adalah icon hidden chatbox dan warna border yang serasi dan bisa anda gunakan dalam hidden chatbox anda ,</span></div>
<span style="font-family: Times, Times New Roman, serif;"><div style="text-align: justify;">
<span style="line-height: 17px;"><br /></span></div>
<span class="Apple-style-span" style="line-height: 17px;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioTjlN5xfndKvjxkKjeWBN-gPCLbSL8CRglvMku0pvCrz3lHSMVHLkye0TJ2jZoJjv4P54BqpzD6UjKPY92fBhwIMRZaRPYswHKCodSVf9ASc978OielLsK_LBn_WotZhb3-S-x8KzgbEe/s1600/cbblue-2.png" style="color: #81993b; text-decoration: none;"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5465546173476044450" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioTjlN5xfndKvjxkKjeWBN-gPCLbSL8CRglvMku0pvCrz3lHSMVHLkye0TJ2jZoJjv4P54BqpzD6UjKPY92fBhwIMRZaRPYswHKCodSVf9ASc978OielLsK_LBn_WotZhb3-S-x8KzgbEe/s200/cbblue-2.png" style="border: 0px; float: left; height: 100px; margin: 0pt 10px 10px 0pt; max-width: 100%; padding: 5px; text-align: center; width: 30px;" /></a></span><span class="Apple-style-span"><div style="text-align: center;">
<span style="line-height: 17px;"><br /></span></div>
</span><span class="Apple-style-span" style="line-height: 17px;"><div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
URL  gambar</div>
<div style="text-align: justify;">
<span style="color: #0079a0;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioTjlN5xfndKvjxkKjeWBN-gPCLbSL8CRglvMku0pvCrz3lHSMVHLkye0TJ2jZoJjv4P54BqpzD6UjKPY92fBhwIMRZaRPYswHKCodSVf9ASc978OielLsK_LBn_WotZhb3-S-x8KzgbEe/s1600/cbblue-2.png.  </span>Warna border <span style="color: #0079a0;">#0079a0</span></div>
</span><span class="Apple-style-span"><div style="text-align: justify;">
<span style="line-height: 17px;"><br /></span></div>
</span><span class="Apple-style-span" style="line-height: 17px;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9KaOoaRXwvLVxqPdSO8R4blzf-ozKkN9vvtWn25NxDDAiQRGutu4esSncJDk4I6f447iiIGKXDT68N2Bvke9QVgnwR-OYMJ5polHaY_X_3SQYP2MRmk_yqqN-TbcnZKqmOKnyfCMAZOAi/s1600/cbblue.png" style="color: #81993b; text-decoration: none;"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5465546163912182962" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9KaOoaRXwvLVxqPdSO8R4blzf-ozKkN9vvtWn25NxDDAiQRGutu4esSncJDk4I6f447iiIGKXDT68N2Bvke9QVgnwR-OYMJ5polHaY_X_3SQYP2MRmk_yqqN-TbcnZKqmOKnyfCMAZOAi/s200/cbblue.png" style="border: 0px; cursor: pointer; float: left; height: 100px; margin: 0pt 10px 10px 0pt; max-width: 100%; padding: 5px; text-align: justify; width: 30px;" /></a></span><span class="Apple-style-span"><div style="text-align: justify;">
<span style="line-height: 17px;"><br /></span></div>
</span><span class="Apple-style-span" style="line-height: 17px;"><div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
URL Gambar</div>
<div style="text-align: justify;">
<span style="color: #003e82;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9KaOoaRXwvLVxqPdSO8R4blzf-ozKkN9vvtWn25NxDDAiQRGutu4esSncJDk4I6f447iiIGKXDT68N2Bvke9QVgnwR-OYMJ5polHaY_X_3SQYP2MRmk_yqqN-TbcnZKqmOKnyfCMAZOAi/s1600/cbblue.png, </span>Warna border <span style="color: #003e82;">#003e82</span></div>
</span><span class="Apple-style-span"><div style="text-align: justify;">
<span style="line-height: 17px;"><br /></span></div>
</span><span class="Apple-style-span" style="line-height: 17px;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOpeQQgEnhIrGwMjn98_WORYhyphenhypheniUTEKLFtDkK9dkqRIicju-dz8H-XgqVVY0hDPp21B1PPVeoU5Hb-Q93dWeBGee9PzRlIScBgYxOxEGBDRBa5xqDzwNKtdA1NkfDJO3Tvde_kfGKVl2Pj/s1600/cbgreen.png" style="color: #81993b; text-decoration: none;"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5465546162362120306" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOpeQQgEnhIrGwMjn98_WORYhyphenhypheniUTEKLFtDkK9dkqRIicju-dz8H-XgqVVY0hDPp21B1PPVeoU5Hb-Q93dWeBGee9PzRlIScBgYxOxEGBDRBa5xqDzwNKtdA1NkfDJO3Tvde_kfGKVl2Pj/s200/cbgreen.png" style="border: 0px; cursor: pointer; float: left; height: 100px; margin: 0pt 10px 10px 0pt; max-width: 100%; padding: 5px; text-align: justify; width: 30px;" /></a></span><span class="Apple-style-span"><div style="text-align: justify;">
<span style="line-height: 17px;"><br /></span></div>
</span><span class="Apple-style-span" style="line-height: 17px;"><div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
URL Gambar</div>
<div style="text-align: justify;">
<span style="color: #008232;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOpeQQgEnhIrGwMjn98_WORYhyphenhypheniUTEKLFtDkK9dkqRIicju-dz8H-XgqVVY0hDPp21B1PPVeoU5Hb-Q93dWeBGee9PzRlIScBgYxOxEGBDRBa5xqDzwNKtdA1NkfDJO3Tvde_kfGKVl2Pj/s1600/cbgreen.png , </span>Warna border <span style="color: #008232;">#008232</span></div>
</span><span class="Apple-style-span"><div style="text-align: justify;">
<span style="line-height: 17px;"><br /></span></div>
</span><span class="Apple-style-span"><div style="text-align: justify;">
<br /></div>
</span><span class="Apple-style-span" style="line-height: 17px;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhjkWh495TM6ixcFjJCcUez1eg4BKpo-mclxvdX5ek2WrEQhTsAVDlYgBF_wDW0kwaojFBFocQ2MjSKX5C15k_o1-T7LEaC5_8l23ryq8xuVUtEAorZzT8XzVZsHsygByL6jcyteb2lpGk/s1600/cbyellow.png" style="color: #81993b; text-decoration: none;"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5465546153759027218" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhjkWh495TM6ixcFjJCcUez1eg4BKpo-mclxvdX5ek2WrEQhTsAVDlYgBF_wDW0kwaojFBFocQ2MjSKX5C15k_o1-T7LEaC5_8l23ryq8xuVUtEAorZzT8XzVZsHsygByL6jcyteb2lpGk/s200/cbyellow.png" style="border: 0px; cursor: pointer; float: left; height: 100px; margin: 0pt 10px 10px 0pt; max-width: 100%; padding: 5px; text-align: justify; width: 30px;" /></a></span><span class="Apple-style-span"><div style="text-align: justify;">
<span style="line-height: 17px;"><br /></span></div>
</span><span class="Apple-style-span" style="line-height: 17px;"><div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
URL Gambar</div>
<div style="text-align: justify;">
<span style="color: #aca500;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhjkWh495TM6ixcFjJCcUez1eg4BKpo-mclxvdX5ek2WrEQhTsAVDlYgBF_wDW0kwaojFBFocQ2MjSKX5C15k_o1-T7LEaC5_8l23ryq8xuVUtEAorZzT8XzVZsHsygByL6jcyteb2lpGk/s1600/cbyellow.png, </span>Warna border <span style="color: #aca500;">#aca500</span></div>
</span><span class="Apple-style-span"><div style="text-align: justify;">
<span style="line-height: 17px;"><br /></span></div>
</span><span class="Apple-style-span" style="line-height: 17px;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimc3qKXLpOy5YdHH-XPE8TO7pGfBR7CMUvuJmWOwIZ531TAZk4JZK7DGxRXQ5bbfo6c-Daksop3I0Avz6SK-PzsG98y6J0BZmMftkMRkn6z_Ulik95EY2upjo_KLMlEwCCOt2-2wg19a80/s1600/cbred.png" style="color: #81993b; text-decoration: none;"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5465546141651625202" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimc3qKXLpOy5YdHH-XPE8TO7pGfBR7CMUvuJmWOwIZ531TAZk4JZK7DGxRXQ5bbfo6c-Daksop3I0Avz6SK-PzsG98y6J0BZmMftkMRkn6z_Ulik95EY2upjo_KLMlEwCCOt2-2wg19a80/s200/cbred.png" style="border: 0px; cursor: pointer; float: left; height: 100px; margin: 0pt 10px 10px 0pt; max-width: 100%; padding: 5px; text-align: justify; width: 30px;" /></a></span><span class="Apple-style-span"><div style="text-align: justify;">
<span style="line-height: 17px;"><br /></span></div>
</span><span class="Apple-style-span" style="line-height: 17px;"><div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
URL Gambar</div>
<div style="text-align: justify;">
<span style="color: #790909;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimc3qKXLpOy5YdHH-XPE8TO7pGfBR7CMUvuJmWOwIZ531TAZk4JZK7DGxRXQ5bbfo6c-Daksop3I0Avz6SK-PzsG98y6J0BZmMftkMRkn6z_Ulik95EY2upjo_KLMlEwCCOt2-2wg19a80/s1600/cbred.png, </span>Warna border <span style="color: #790909;">#790909</span></div>
<div style="text-align: justify;">
<span style="color: #790909;"><br /></span></div>
<div style="text-align: justify;">
<span style="color: #790909;"><br /></span></div>
</span></span>

Membuat Floating Widget ChatBox

Dalam kesempatan kali ini kami akan membahas cara Membuat Floating Widget ChatBox. Floating Widget ini sudah sedikit dimodifikasi dengan m...

Baca selengkapnya »

11.30

Cara Memasang Widget Chat Box Tersembunyi di Kanan Blog

<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuJWSPHLzUFDvS0r-664Y3pmEj_RJoYm_bgqsGltHf_gGcwGHvQ8jlmcXf8IkcLy_voDMt39QPE7-lVvNEs9X5WDwnWj2mGYcMJqSBnhZR-H7xqip_4Nn0BIomm7ZY5_wJVQ8qnOVOMDQ/s1600/Screenshot_1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuJWSPHLzUFDvS0r-664Y3pmEj_RJoYm_bgqsGltHf_gGcwGHvQ8jlmcXf8IkcLy_voDMt39QPE7-lVvNEs9X5WDwnWj2mGYcMJqSBnhZR-H7xqip_4Nn0BIomm7ZY5_wJVQ8qnOVOMDQ/s320/Screenshot_1.jpg" width="250" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div style="text-align: justify;">
Sobat kali ini saya akan bahas cara memasang widget chat box yang tersembunyi di kanan Blog. Dan keluar masuk ketika sobat klik ikon chat box-nya. Caranya gampang kok sob, ikuti langkah-langkahnya. Yang pertama dan utama adalah sobat terlebih dahulu harus mempunyai kode html chat box tersebut. Salah satu caranya adalah dengan mempunyai akun pada situs <a href="http://www.cbox.ws/" target="_blank">cbox</a>.</div>
<div style="text-align: justify;">
OK, jika sobat telah mendapatkan kode html-nya, langsung saja sob ini dia langkah-langkahnya:</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
1. Masuk akun Blogger sobat.</div>
<div style="text-align: justify;">
2. Masuk pada bagian Tata Letak.</div>
<div style="text-align: justify;">
3. Klik tambah gadget di posisi mana saja.</div>
<div style="text-align: justify;">
4. Pilih HTML/Javascript.</div>
<div style="text-align: justify;">
5. Masukan kode html berikut.</div>
<div style="text-align: justify;">
<br /></div>
<div style="background: #f2f2f2; border: 2px solid #708090; height: 120px; overflow: auto; padding: 15px;">
<div style="text-align: justify;">
<style type="text/css"></div>
<div style="text-align: justify;">
#gb{</div>
<div style="text-align: justify;">
position:fixed;</div>
<div style="text-align: justify;">
top:<span style="color: blue;"><b>50</b></span>px;</div>
<div style="text-align: justify;">
z-index:+1000;</div>
<div style="text-align: justify;">
}</div>
<div style="text-align: justify;">
* html #gb{position:relative;}</div>
<div style="text-align: justify;">
.gbtab{</div>
<div style="text-align: justify;">
height:<span style="color: blue;"><b>400</b></span>px;</div>
<div style="text-align: justify;">
width:<span style="color: blue;"><b>30</b></span>px;</div>
<div style="text-align: justify;">
float:left;</div>
<div style="text-align: justify;">
cursor:pointer;</div>
<div style="text-align: justify;">
background:url('<span style="color: red;"><b><span style="color: purple;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqPX58vsiWV08kK4Xy5b7sqcW60ccl49roq59a3FYAHnoNMK9QPkqlwDI4cw-Jbd3AEBOo7g9snqHncBeaH-D9tEOb3Ybt2J-869I32z2-fzobSQQ9KLW9_8ub_EdhJ7NtGWdgNEQ5uoA/s1600/Bukutamu6.gif</span></b><span style="color: black;">'</span></span>) no-repeat;}.gbcontent{ float:left;</div>
<div style="text-align: justify;">
border:<span style="color: blue;"><b>2</b></span>px solid <span style="color: lime;"><b>#A5BD51</b></span>;</div>
<div style="text-align: justify;">
background:<span style="color: lime;"><b>#F5F5F5</b></span>;</div>
<div style="text-align: justify;">
padding:10px;</div>
<div style="text-align: justify;">
}</div>
<div style="text-align: justify;">
</style></div>
<div style="text-align: justify;">
<script type="text/javascript"></div>
<div style="text-align: justify;">
function showHideGB(){</div>
<div style="text-align: justify;">
var gb = document.getElementById("gb");</div>
<div style="text-align: justify;">
var w = gb.offsetWidth;</div>
<div style="text-align: justify;">
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);</div>
<div style="text-align: justify;">
gb.opened = !gb.opened;</div>
<div style="text-align: justify;">
}</div>
<div style="text-align: justify;">
function moveGB(x0, xf){</div>
<div style="text-align: justify;">
var gb = document.getElementById("gb");</div>
<div style="text-align: justify;">
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;</div>
<div style="text-align: justify;">
var dir = xf>x0 ? 1 : -1;</div>
<div style="text-align: justify;">
var x = x0 + dx * dir;</div>
<div style="text-align: justify;">
gb.style.right = x.toString() + "px";</div>
<div style="text-align: justify;">
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}</div>
<div style="text-align: justify;">
}</div>
<div style="text-align: justify;">
</script></div>
<div style="text-align: justify;">
<div id="gb"></div>
<div style="text-align: justify;">
<div class="gbtab" onclick="showHideGB()"></div>
<div style="text-align: justify;">
 </div></div>
<div style="text-align: justify;">
<div class="gbcontent"></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<span style="color: red;"><b>MASUKAN KODE CHAT BOX DISINI</b></span></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<div style="text-align: center;"></div>
<div style="text-align: justify;">
<span style="font-size: 10px;"><span style="font-family: "Trebuchet MS",sans-serif;">Mau Widget Ini? <a href="http://dinara-289.blogspot.com/2013/09/cara-memasang-widget-chat-box.html" target="_blank">Klik Disini</a></span></span></div></div>
<div style="text-align: justify;">
<div style="text-align:right"></div>
<div style="text-align: justify;">
<a href="javascript:showHideGB()"></div>
<div style="text-align: justify;">
[tutup]</div>
<div style="text-align: justify;">
</a></div>
<div style="text-align: justify;">
</div></div>
<div style="text-align: justify;">
</div></div>
<div style="text-align: justify;">
<script type="text/javascript"></div>
<div style="text-align: justify;">
var gb = document.getElementById("gb");</div>
<div style="text-align: justify;">
gb.style.right = (30-gb.offsetWidth).toString() + "px";</div>
<div style="text-align: justify;">
</script></div></div>
</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
6. Atur ukuran dan posisi pada kode berwarna biru.</div>
<div style="text-align: justify;">
7. Ganti tulisan warna merah dengan kode html chat box sobat.</div>
<div style="text-align: justify;">
8. Ganti URL gambar pada kode warna ungu dengan gambar yang sobat inginkan. Namun bila sobat tidak menggantinya hasilnya akan seperti berikut.</div>
<div style="text-align: justify;">
9. Atur warna background dan warna border pada kode warna hijau. </div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeHtSSIt53nYR4RDn3OpcnTEvSuyuBRLni5FMVtGfO0gK6VihyU1lPA7dSfgcPorgwX92GIbUnE8JRL3I1d_M_uwIOIrprpgNbsvcFRCRvW3hqjWeltPFGTfbipecLQW1SFkoPF1wpQjo/s1600/Bukutamu6.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Tombol Chat Box" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeHtSSIt53nYR4RDn3OpcnTEvSuyuBRLni5FMVtGfO0gK6VihyU1lPA7dSfgcPorgwX92GIbUnE8JRL3I1d_M_uwIOIrprpgNbsvcFRCRvW3hqjWeltPFGTfbipecLQW1SFkoPF1wpQjo/s1600/Bukutamu6.gif" title="Tombol Chat Box" /></a></div>
<div style="text-align: justify;">
Url Gambar Lainya:</div>
<div style="text-align: justify;">
<br /></div>
<table border="1" style="height: 854px; text-align: left; width: 10px;">
<tbody>
<tr>
<td><img alt="Tombol Chat Box" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgd-BAxeiwOxavs9rq-LFIjb88nm23LqgCg5BIGXnRtRNy0fSl36tS2Eq3hY8EWhRoaWdbJLC63x45x51yLeBle3cw2isEH1N-Y1yQDin3vIeRQrBD9eQePbk6mEzQwY29tQqYwRVpnY0g/s1600/Chatbox.png" title="Tombol Chat Box" /></td> <td><div style="text-align: left;">
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgd-BAxeiwOxavs9rq-LFIjb88nm23LqgCg5BIGXnRtRNy0fSl36tS2Eq3hY8EWhRoaWdbJLC63x45x51yLeBle3cw2isEH1N-Y1yQDin3vIeRQrBD9eQePbk6mEzQwY29tQqYwRVpnY0g/s1600/Chatbox.png</div>
</td>
</tr>
<tr>
<td><div style="text-align: left;">
<img alt="Tombol Chat Box" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHuY0js9CR-aLkShcUHW4EQk-X1RMgG7Wb4F4_voYmp8DL6cfqjiGUBTmSiifon-UFJVzhgbN4JdvDShzkyuVJS_vuree-5KDXIXy_igMRISuvsD5kCvxNbOp7mN32Ci2_N4lMqcZDRXo/s1600/Bukutamu3.png" title="Tombol Chat Box" /></div>
</td> <td><div style="text-align: left;">
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHuY0js9CR-aLkShcUHW4EQk-X1RMgG7Wb4F4_voYmp8DL6cfqjiGUBTmSiifon-UFJVzhgbN4JdvDShzkyuVJS_vuree-5KDXIXy_igMRISuvsD5kCvxNbOp7mN32Ci2_N4lMqcZDRXo/s1600/Bukutamu3.png</div>
</td>
</tr>
<tr>
<td><div style="text-align: left;">
<img alt="Tombol Chat Box" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQSlF8jGEuk0vAr0UbunrYTgNDPlSaCHnI0IC4DhG_K9S0i6Xa16pdVqN4QklijK5123imZHb9LCHBSIVPK22EgPGaO3MBHNckU0SEq_ssWzLGTs5U753Ku_ucLo5y8Bf29OWCqThYOhk/s1600/bukutamu2.gif" title="Tombol Chat Box" /></div>
</td> <td><div style="text-align: left;">
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQSlF8jGEuk0vAr0UbunrYTgNDPlSaCHnI0IC4DhG_K9S0i6Xa16pdVqN4QklijK5123imZHb9LCHBSIVPK22EgPGaO3MBHNckU0SEq_ssWzLGTs5U753Ku_ucLo5y8Bf29OWCqThYOhk/s1600/bukutamu2.gif</div>
</td>
</tr>
<tr>
<td><div style="text-align: left;">
<img alt="Tombol Chat Box" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3U9wgPyVscM4a4-rcS1ofTnVUqxgNkAJoyEQLLtV9WaCzGQnIpaNp5uCahyphenhyphen3j8uQ0CHBvEUaO-wc2T7IjCQF3NEfiVg4UkkWS4UwN92p9DVjl6ZMHGbBve24jn9oJL7cvw1zWXsfGFHE/s1600/bukutamu5.png" title="Tombol Chat Box" /></div>
</td> <td><div style="text-align: left;">
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3U9wgPyVscM4a4-rcS1ofTnVUqxgNkAJoyEQLLtV9WaCzGQnIpaNp5uCahyphenhyphen3j8uQ0CHBvEUaO-wc2T7IjCQF3NEfiVg4UkkWS4UwN92p9DVjl6ZMHGbBve24jn9oJL7cvw1zWXsfGFHE/s1600/bukutamu5.png</div>
</td>
</tr>
<tr>
<td><div style="text-align: left;">
<img alt="Tombol Chat Box" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLVNcCO-zv88UI4K0Y3eSdIRq56A1rwt2qz5JBaRVH1diBSkJCku2D5xd00BNW2Thsdrsed781vmyH8ZdhrAnOouc9Vl8GRYonoQnuG7W3tARwGBYQMONHp6M57OVlSSKna5n1lTiWcGs/s1600/2131wkl.png" title="Tombol Chat Box" /></div>
</td> <td><div style="text-align: left;">
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLVNcCO-zv88UI4K0Y3eSdIRq56A1rwt2qz5JBaRVH1diBSkJCku2D5xd00BNW2Thsdrsed781vmyH8ZdhrAnOouc9Vl8GRYonoQnuG7W3tARwGBYQMONHp6M57OVlSSKna5n1lTiWcGs/s1600/2131wkl.png</div>
</td>
</tr>
<tr>
<td><div style="text-align: left;">
<img alt="Tombol Chat Box" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQk6EIxuYqpUyPBb6pLWb-gVvTo7FRmBCSDNZvZkZwVpnQnMdQrISaMoI2H_qYJGlIXbNYkb4YZE6LZlV4E1oNaSCZqTAOIjLih7UgcU3tmB6cPBs122iZQatRCY1uPmLjJTtHzxEzGTg/s1600/bukutamu4.png" title="Tombol Chat Box" /></div>
</td> <td><div style="text-align: left;">
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQk6EIxuYqpUyPBb6pLWb-gVvTo7FRmBCSDNZvZkZwVpnQnMdQrISaMoI2H_qYJGlIXbNYkb4YZE6LZlV4E1oNaSCZqTAOIjLih7UgcU3tmB6cPBs122iZQatRCY1uPmLjJTtHzxEzGTg/s1600/bukutamu4.png</div>
</td>
</tr>
<tr>
<td><div style="text-align: left;">
<img alt="Tombol Chat Box" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVoI4cWNEGlHxctzet7A2l27yayNQt21d-PLtEFtDwtMvGjJ7wg_1sd5gGwyM9DvBYs1nhErSqNIQ0BExuORhfSF8kbmK30tcoQv2WPK5uyo3PrGCoKeBiqxireMwPd4aJq6dAstvLMC4/s1600/BukuTamu1.png" title="Tombol Chat Box" /></div>
</td> <td><div style="text-align: left;">
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVoI4cWNEGlHxctzet7A2l27yayNQt21d-PLtEFtDwtMvGjJ7wg_1sd5gGwyM9DvBYs1nhErSqNIQ0BExuORhfSF8kbmK30tcoQv2WPK5uyo3PrGCoKeBiqxireMwPd4aJq6dAstvLMC4/s1600/BukuTamu1.png</div>
</td>
</tr>
</tbody></table>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
10. Klik Simpan dan selesai. Lihat Hasilnya.</div>

Cara Memasang Widget Chat Box Tersembunyi di Kanan Blog

Sobat kali ini saya akan bahas cara memasang widget chat box yang tersembunyi di kanan Blog. Dan keluar masuk ketika sobat klik ikon c...

Baca selengkapnya »

23.17

Cara Mudah Pasang Lagu 4Shared di Blog

<div style="text-align: justify;">
Kali ini kami akan share cara memasang lagu di Blog. Banyak cara untuk memasang lagu di blog. Dan banyak pula tutorial yang bisa anda temukan di google. Namun untuk tetap rutin posting, ada istilah yang mengatakan : <b>ANGGAPLAH POSTINGAN ANDA ADALH YANG PERTAMA</b>. Maka saya posting cara ini dan tentu saja dengan cara yang lebih simpel.</div>
<a href="http://www.blogger.com/blogger.g?blogID=9162351469317812945" name="more"></a><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/AVvXsEjEUvZBCvWb6K0z-QF9kKe5ovpbR9-UK-keM0XwxGMuiywu0D8aF5QjqVD29nRur94SJehvgeteLIITQj0W1Dm4f5zOUfzHlcaP_04wTfF_nnUuD_6VGuH2FgRS6ShpOkvijFXw-U-gu5mX/s1600/stepdownloooad.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="187" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEUvZBCvWb6K0z-QF9kKe5ovpbR9-UK-keM0XwxGMuiywu0D8aF5QjqVD29nRur94SJehvgeteLIITQj0W1Dm4f5zOUfzHlcaP_04wTfF_nnUuD_6VGuH2FgRS6ShpOkvijFXw-U-gu5mX/s320/stepdownloooad.png" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Klik More</td></tr>
</tbody></table>
<br />
<div style="text-align: justify;">
Pertama, tentu saja sobat harus membuka <b>4shared.com</b> dan mencari lagu yang akan dipasang di blog. Pastikan lagu yang dipilih berformat mp3. Sebagai contoh saya ingin memasang mp3 "<b>set Fire to The Rain</b>"</div>
<div style="text-align: justify;">
Kedua, klik tombol <b>more</b> seperti gambar di atas. maka sobat akan menemukan empat script dan pilih yang paling bawah atau "PASANG".</div>
<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/AVvXsEiwwD2rvF0vs2Sh3U3z0vFyYNF3I72i8jfJrIDfKGkvKiOA-QPoMpOQAHHm-rt2MW62D28NExPoXHctE1Dy-Gy92omXp_ze0lxCa7HEk3SsQ9NLogtpIrl9kpJAYO4QQm5u_HjDkZ5hQer0/s1600/downlooood.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="187" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwwD2rvF0vs2Sh3U3z0vFyYNF3I72i8jfJrIDfKGkvKiOA-QPoMpOQAHHm-rt2MW62D28NExPoXHctE1Dy-Gy92omXp_ze0lxCa7HEk3SsQ9NLogtpIrl9kpJAYO4QQm5u_HjDkZ5hQer0/s320/downlooood.png" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Pilih yang Terakhir</td></tr>
</tbody></table>
Untuk Lagu Set Fire to The Rain scriptnya adalah <br />
<b><embed src="http://www.4shared.com/embed/2611508221/2746b75e" width="420" height="250" allowfullscreen="false" allowscriptaccess="always" type="application/x-shockwave-flash"></embed></b>. Nah, ganti menjadi <b><embed allowscriptaccess="never" type="application/x-shockwave-flash" src=" http://www.4shared.com/embed/2611508221/2746b75e " width="0" height="0" flashvars="autostart=true"></embed></b>. URL lagunya sobat sesuaikan sendiri.<br />
<br />
<div style="text-align: justify;">
Lalu buka EDIT HTML di template blog sobat. Cari kode<b></head></b>. Dan pasang script lagu tadi diatas kode</head></div>
.<br />
Simpan template. Selesai.<br />
maka lagu akan otomatis terputar saat loading blog sudah selesai.

Cara Mudah Pasang Lagu 4Shared di Blog

Kali ini kami akan share cara memasang lagu di Blog. Banyak cara untuk memasang lagu di blog. Dan banyak pula tutorial yang bisa anda temuk...

Baca selengkapnya »

09.38

Cara Membuat Like Fanpage Facebook Melayang di Blog

<a href="http://tjoretan-akoe.blogspot.com/2012/10/cara-membuat-like-fanpage-facebook.html" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="panduan blogger pemula" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9Kv5DHUjV3A80RCQU2UfYa5bWHhnrRUPu0a_6x9iNofYHmIOj2DXL15GFSZaakVbNfnSD_YU7-DWquxK8Tta91jUY888AS8RBlXi5VSBWsBRYEJDidgUry3DoF8cmAE_27jArfpXi5-93/s1600/like_facebook.jpeg" title="Cara Membuat Like Fanpage Facebook di Blog" /></a>
<br />
<div style="text-align: justify;">
<div style="text-align: left;">
<div style="text-align: justify;">
Kali ini kami Share tentang <b style="color: blue;">"Cara Membuat Like Fanpage Facebook Melayang di Blog".</b><span style="color: blue;"> </span>Fungsi dari widget ini adalah menghubungkan facebook dengan blog. Syaratnya sobat blogger harus mempunyai akun di Facebook terlebih dulu. Dan sobat harus membuat terlebih dulu Like Box di Facebook.</div>
</div>
</div>
<div style="text-align: justify;">
<div style="text-align: left;">
<div style="text-align: justify;">
<br /></div>
</div>
</div>
<div style="text-align: justify;">
<div style="text-align: left;">
<div style="text-align: justify;">
Dalam perkembangannya, like fanpage facebook ini banyak dipakai oleh banyak blogger. Dengan tampilan yang berbeda-beda namun mempunyai fungsi yang sama. Selain untuk mempercantik tampilan blog, widget ini juga sangat berguna untuk mendatangkan banyak trafik dari Facebook.</div>
</div>
</div>
<div style="text-align: justify;">
<div style="text-align: left;">
<br /></div>
</div>
<div style="text-align: justify;">
<div style="text-align: left;">
Jika sobat blogger tertarik untuk membuat dan memasangnya di blog, silahkan sobat blogger ikuti beberapa langkah seperti berikut ini :</div>
</div>
<div style="text-align: center;">
<div style="text-align: left;">
<br /></div>
<div style="text-align: justify;">
<div style="text-align: left;">
1. Login ke Blogger</div>
</div>
<div style="text-align: justify;">
<div style="text-align: left;">
2. Klik Tata Letak</div>
</div>
<div style="text-align: justify;">
<div style="text-align: left;">
3. Klik Tambah Gadget</div>
</div>
<div style="text-align: justify;">
<div style="text-align: left;">
4. Pilih opsi HTML/Java Script</div>
</div>
<div style="text-align: justify;">
<div style="text-align: left;">
5. Copy dan Paste Kode HTML di bawah ini kedalamnya</div>
</div>
<div style="text-align: justify;">
<div style="text-align: left;">
<br /></div>
</div>
<div style="border: 2px dotted rgb(139, 0, 0); padding: 2px; text-align: justify;">
<div style="background-color: #999999;">
<br />
<div style="text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;"><!-- FB melayang tombol close --!></span></div>
<span style="font-family: Arial,Helvetica,sans-serif;"></span><br />
<div style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;"><style type='text/css'>  </span></div>
<span style="font-family: Arial,Helvetica,sans-serif;">
<div style="text-align: left;">
#kotak-facebook {</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
      position:fixed !important;</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
      position:absolute; /* IE6 */</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
      bottom:-1000px;</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
      right:10%;</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
      margin:0px 0px 0px -182px;</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
      width:300px;</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
      height:auto;</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
      padding:16px;</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
       -webkit-box-shadow: 0px 0px 7px #222;</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
      -moz-box-shadow: 0px 0px 7px #222;</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
      box-shadow: 0px 0px 7px #222;  background-color:#C2CFDF; font:normal 1em Cambria,Georgia,Serif;</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
      color:#111;</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
    -webkit-border-top-left-radius: 20px;</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
    -webkit-border-bottom-right-radius: 20px;</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
    -moz-border-radius-topleft: 20px;</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
    -moz-border-radius-bottomright: 20px;</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
    border-top-left-radius: 20px;</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
    border-bottom-right-radius: 20px;}</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
    #kotak-facebook a.close {</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
      position:absolute;</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
      top:-10px;</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
      right:-10px;</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
      background:#333;</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
      font:bold 16px Arial,Sans-Serif;</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
      text-decoration:none;</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
      line-height:22px;</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
      width:22px;</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
      text-align:center;</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
      color:#fff;</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
      border:2px solid #fff;</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
      -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
      -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
      box-shadow:0px 1px 2px rgba(0,0,0,0.4);</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
      -webkit-border-radius:10px;</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
      -moz-border-radius:10px;</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
      border-radius:10px;</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
      cursor:pointer;</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
    }</div>
<div style="text-align: left;">
</style></div>
<div style="text-align: left;">
    <script type='text/javascript'></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
    $(window).bind("load", function() {</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
         // animasikan nilai top saat halaman telah selesai dimuat</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
         $('#kotak-facebook').animate({bottom:"50px"}, 1000);</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
         // hilangkan kotak pesan saat tombol (x) di klik</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
         $('a.close').click(function() {</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
              $(this).parent().fadeOut();</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
         return false;</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
         });</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
    });</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
    </script></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
    <div id='kotak-facebook'></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
  Klik Like !</div>
<div style="text-align: left;">
<br/></div>
<div style="text-align: left;">
<!-- Mulai --!></div>
<b><div style="text-align: left;">
<b><span style="color: red;">Letakkan kode Like box fanpage facebook anda disini</span></b></div>
</b><div style="text-align: left;">
<!-- Selesai --!></div>
<div style="text-align: left;">
    <a class='close' href='#'>&times;</a></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
    </div></div>
</span></div>
</div>
<div style="text-align: justify;">
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
Ganti kode yang berwarna merah dengan kode Like Fanpage sobat. </div>
</div>
<div style="text-align: justify;">
<div style="text-align: left;">
<br /></div>
</div>
<div style="text-align: justify;">
<div style="text-align: left;">
6. Klik Simpan</div>
</div>
</div>

Cara Membuat Like Fanpage Facebook Melayang di Blog

Kali ini kami Share tentang "Cara Membuat Like Fanpage Facebook Melayang di Blog". Fungsi dari widget ini adalah menghubungk...

Baca selengkapnya »

12.38

KODE WARNA HTML

<center>
<table cellpadding="0" cellspacing="0" style="width: 100%px;">
<tbody>
<tr>
<td style="background: aliceblue; color: black;">#FOF8FF<br />
Aliceblue</td>
</tr>
<tr>
</tr>
<tr>
<td style="background: antiquewhite; color: black;">#FAEBD7<br />
Antiquewhite</td>
</tr>
<tr>
</tr>
<tr>
<td style="background: aqua; color: black;">#00FFFF<br />
Aqua</td>
</tr>
<tr>
</tr>
<tr>
<td style="background: aquamarine; color: black;">#7FFFD4<br />
Aquamarine</td>
</tr>
<tr>
</tr>
<tr>
<td style="background: azure; color: black;">#F0FFFF<br />
Azure</td>
</tr>
<tr>
</tr>
<tr>
<td style="background: beige; color: black;">#F5F5DC<br />
Beige</td>
</tr>
<tr>
</tr>
<tr>
<td style="background: bisque; color: black;">#FFE4C4<br />
Bisque</td>
</tr>
<tr>
</tr>
<tr>
<td style="background: black; color: white;">#000000<br />
Black</td>
</tr>
<tr>
</tr>
<tr>
</tr>
<tr>
<td style="background: blanchedalmond; color: black;">#FFEBCD<br />
Blanchedalmond</td>
</tr>
<tr>
</tr>
<tr>
<td style="background: blue; color: black;">#0000FF<br />
Blue</td>
</tr>
<tr>
</tr>
<tr>
<td style="background: blueviolet; color: black;">#8A2BE2<br />
Blueviolet</td>
</tr>
<tr>
</tr>
<tr>
<td style="background: brown; color: black;">#A52A2A<br />
Brown</td>
</tr>
<tr>
</tr>
<tr>
<td style="background: burlywood; color: black;">#DEB887<br />
Burlywood</td>
</tr>
<tr>
</tr>
<tr>
</tr>
<tr>
<td style="background: cadetblue; color: black;">#5F9EAD<br />
Cadetblue</td>
</tr>
<tr>
</tr>
<tr>
<td style="background: chartreuse; color: black;">#7FFF00<br />
Chartreuse</td>
</tr>
<tr>
</tr>
<tr>
<td style="background: chocolate; color: black;">#D2691E<br />
Chocolate</td>
</tr>
<tr>
</tr>
<tr>
<td style="background: coral; color: black;">#FF7F50<br />
Coral</td>
</tr>
<tr>
</tr>
<tr>
<td style="background: cornflowerblue; color: black;">#64950<br />
Cornflowerblue</td>
</tr>
<tr>
</tr>
<tr>
</tr>
<tr>
<td style="background: cornsilk; color: black;">#FFF8DC<br />
Cornsilk</td>
</tr>
<tr>
</tr>
<tr>
<td style="background: crimson; color: black;">#DC143C<br />
Crimson</td>
</tr>
<tr>
</tr>
<tr>
<td style="background: cyan; color: black;">#00FFFF<br />
Cyan</td>
</tr>
<tr>
</tr>
<tr>
<td style="background: darkblue; color: black;">#00008B<br />
Darkblue</td>
</tr>
<tr>
</tr>
<tr>
<td style="background: darkcyan; color: black;">#008B8B<br />
Darkcyan</td>
</tr>
<tr>
</tr>
<tr>
</tr>
<tr>
<td style="background: darkgoldenrod; color: black;">#B8860B<br />
Darkgoldenrod</td>
</tr>
<tr>
</tr>
<tr>
<td style="background: darkgray; color: black;">#A9A9A9<br />
Darkgray</td>
</tr>
<tr>
</tr>
<tr>
<td style="background: darkgreen; color: black;">#006400<br />
Darkgreen</td>
</tr>
<tr>
</tr>
<tr>
<td style="background: darkmagenta; color: black;">#8B008B<br />
Darkmagenta</td>
</tr>
<tr>
</tr>
<tr>
<td style="background: darkkhaki; color: black;">#BDB76B<br />
Darkkhaki</td>
</tr>
<tr>
</tr>
<tr>
</tr>
<tr>
<td style="background: darkolivegreen; color: black;">#556B2F<br />
Darkolivegreen</td>
</tr>
<tr>
</tr>
<tr>
<td style="background: darkorange; color: black;">#FF8C00<br />
Darkorange</td>
</tr>
<tr>
</tr>
<tr>
<td style="background: darkorchid; color: black;">#9932CC<br />
Darkorchid</td>
</tr>
<tr>
</tr>
<tr>
<td style="background: darkred; color: black;">#8B0000<br />
Darkred</td>
</tr>
<tr>
</tr>
<tr>
<td style="background: darksalmon; color: black;">#E9967A<br />
Darksalmon</td>
</tr>
<tr>
</tr>
<tr>
</tr>
<tr>
<td style="background: darkseagreen; color: black;">#8FBC8B<br />
Darkseagreen</td>
</tr>
<tr>
</tr>
<tr>
<td style="background: darkslateblue; color: black;">#483D8B<br />
Darkslateblue</td>
</tr>
<tr>
</tr>
<tr>
<td style="background: darkslategray; color: black;">#2F4F4F<br />
Darkslategray</td>
</tr>
<tr>
</tr>
<tr>
<td style="background: darkturquoise; color: black;">#00CED1<br />
Darkturquoise</td>
</tr>
<tr>
</tr>
<tr>
<td style="background: darkviolet; color: black;">#9400D3<br />
Darkviolet</td>
</tr>
<tr>
</tr>
<tr>
</tr>
<tr>
<td style="background: deeppink; color: black;">#FF1493<br />
Deeppink</td>
</tr>
<tr>
</tr>
<tr>
<td style="background: deepskyblue; color: black;">#00BFFF<br />
Deepskyblue</td>
</tr>
<tr>
</tr>
<tr>
<td style="background: dimgray; color: black;">#696969<br />
Dimgray</td>
</tr>
<tr>
</tr>
<tr>
<td style="background: dodgerblue; color: black;">#1E90FF<br />
Dodgerblue</td>
</tr>
<tr>
</tr>
<tr>
<td style="background: firebrick; color: black;">#B22222<br />
Firebrick</td>
</tr>
<tr>
</tr>
<tr>
</tr>
<tr>
<td style="background: floralwhite; color: black;">#FFFAF0<br />
Floralwhite</td>
</tr>
<tr>
</tr>
<tr>
<td style="background: forestgreen; color: black;">#228B22<br />
Forestgreen</td>
</tr>
<tr>
</tr>
<tr>
<td style="background: fuchsia; color: black;">#FF00FF<br />
Fuchsia</td>
</tr>
<tr>
</tr>
<tr>
<td style="background: gainsboro; color: black;">#DCDCDC<br />
Gainsboro</td>
</tr>
<tr>
</tr>
<tr>
<td style="background: ghostwhite; color: black;">#F8F8FF<br />
Ghostwhite</td>
</tr>
<tr>
</tr>
<tr>
</tr>
<tr>
<td style="background: gold; color: black;">#FFD700<br />
Gold</td>
</tr>
<tr>
</tr>
<tr>
<td style="background: goldenrod; color: black;">#DAA520<br />
Goldenrod</td>
</tr>
<tr>
</tr>
<tr>
<td style="background: gray; color: black;">#808080<br />
Gray</td>
</tr>
<tr>
</tr>
<tr>
<td style="background: green; color: black;">#008000<br />
Green</td>
</tr>
<tr>
</tr>
<tr>
<td style="background: greenyellow; color: black;">#ADFF2F<br />
Greenyellow</td>
</tr>
<tr>
</tr>
<tr>
</tr>
<tr>
<td style="background: honeydew; color: black;">#F0FFF0<br />
Honeydew</td>
</tr>
<tr>
</tr>
<tr>
<td style="background: hotpink; color: black;">#FF69B4<br />
Hotpink</td>
</tr>
<tr>
</tr>
<tr>
<td style="background: indianred; color: black;">#CD5C5C<br />
Indianred</td>
</tr>
<tr>
</tr>
<tr>
<td style="background: indigo; color: black;">#4B0082<br />
Indigo</td>
</tr>
<tr>
</tr>
<tr>
<td style="background: ivory; color: black;">#FFFFF0<br />
Ivory</td>
</tr>
<tr>
</tr>
<tr>
</tr>
<tr>
<td style="background: khaki; color: black;">#F0E68C<br />
Khaki</td>
</tr>
<tr>
</tr>
<tr>
<td style="background: lavender; color: black;">#E6E6FA<br />
Lavender</td>
</tr>
<tr>
</tr>
<tr>
<td style="background: lavenderblush; color: black;">#FFF0F5<br />
Lavenderblush</td>
</tr>
<tr>
</tr>
<tr>
<td style="background: lawngreen; color: black;">#7CFC00<br />
Lawngreen</td>
</tr>
<tr>
</tr>
<tr>
<td style="background: lemonchiffon; color: black;">#FFFACD<br />
Lemonchiffon</td>
</tr>
<tr>
</tr>
<tr>
</tr>
<tr>
<td style="background: lightblue; color: black;">#ADE8E6<br />
Lightblue</td>
</tr>
<tr>
</tr>
<tr>
<td style="background: lightcoral; color: black;">#F08080<br />
Lightcoral</td>
</tr>
<tr>
</tr>
<tr>
<td style="background: lightcyan; color: black;">#E0FFFF<br />
Lightcyan</td>
</tr>
<tr>
</tr>
<tr>
<td style="background: lightgoldenrodyellow; color: black;">#FAFAD2<br />
Lightgoldenrodyellow</td>
</tr>
<tr>
</tr>
<tr>
<td style="background: lightgreen; color: black;">#90EE90<br />
Lightgreen</td>
</tr>
<tr>
</tr>
<tr>
</tr>
<tr>
<td style="background: lightgray; color: black;">#D3D3D3<br />
Lightgray</td>
</tr>
<tr>
</tr>
<tr>
<td style="background: lightpink; color: black;">#FFB6C1<br />
Lightpink</td>
</tr>
<tr>
</tr>
<tr>
<td style="background: lightsalmon; color: black;">#FFA072<br />
Lightsalmon</td>
</tr>
<tr>
</tr>
<tr>
<td style="background: lightseagreen; color: black;">#20B2AA<br />
Lightseagreen</td>
</tr>
<tr>
</tr>
<tr>
<td style="background: lightskyblue; color: black;">#87CEFA<br />
Lightskyblue</td>
</tr>
<tr>
</tr>
<tr>
</tr>
<tr>
<td style="background: lightslategray; color: black;">#778899<br />
Lightslategray</td>
</tr>
<tr>
</tr>
<tr>
<td style="background: lightsteelblue; color: black;">#B0C4DE<br />
Lightsteelblue</td>
</tr>
<tr>
</tr>
<tr>
<td style="background: lightyellow; color: black;">#FFFFE0<br />
Lightyellow</td>
</tr>
<tr>
</tr>
<tr>
<td style="background: lime; color: black;">#00FF00<br />
Lime</td>
</tr>
<tr>
</tr>
<tr>
<td style="background: limegreen; color: black;">#32CD32<br />
Limegreen</td>
</tr>
<tr>
</tr>
<tr>
</tr>
<tr>
<td style="background: linen; color: black;">#FAF0E6<br />
Linen</td>
</tr>
<tr>
</tr>
<tr>
<td style="background: magenta; color: black;">#FF00FF<br />
Magenta</td>
</tr>
<tr>
</tr>
<tr>
<td style="background: maroon; color: black;">#800000<br />
Maroon</td>
</tr>
<tr>
</tr>
<tr>
<td style="background: mediumaquamarine; color: black;">#66CDAA<br />
Mediumaquamarine</td>
</tr>
<tr>
</tr>
<tr>
<td style="background: mediumblue; color: black;">#0000CD<br />
Mediumblue</td>
</tr>
<tr>
</tr>
<tr>
</tr>
<tr>
<td style="background: mediumorchid; color: black;">#BA55D3<br />
Mediumorchid</td>
</tr>
<tr>
</tr>
<tr>
<td style="background: mediumpurple; color: black;">#9370DB<br />
Mediumpurple</td>
</tr>
<tr>
</tr>
<tr>
<td style="background: mediumseagreen; color: black;">#3CB371<br />
Mediumseagreen</td>
</tr>
<tr>
</tr>
<tr>
<td style="background: mediumslateblue; color: black;">#7B68EE<br />
Mediumslateblue</td>
</tr>
<tr>
</tr>
<tr>
<td style="background: mediumspringgreen; color: black;">#00FA9A<br />
Mediumspringgreen</td>
</tr>
<tr>
</tr>
<tr>
</tr>
<tr>
<td style="background: mediumturquoise; color: black;">#48D1CC<br />
Mediumturquoise</td>
</tr>
<tr>
</tr>
<tr>
<td style="background: mediumvioletred; color: black;">#C71585<br />
Mediumvioletred</td>
</tr>
<tr>
</tr>
<tr>
<td style="background: midnightblue; color: black;">#191970<br />
Midnightblue</td>
</tr>
<tr>
</tr>
<tr>
<td style="background: mintcream; color: black;">#F5FFFA<br />
Mintcream</td>
</tr>
<tr>
</tr>
<tr>
<td style="background: mistyrose; color: black;">#FFE4E1<br />
Mistyrose</td>
</tr>
<tr>
</tr>
<tr>
</tr>
<tr>
<td style="background: moccasin; color: black;">#FFE4E1<br />
Moccasin</td>
</tr>
<tr>
</tr>
<tr>
<td style="background: navajowhite; color: black;">#FFDEAD<br />
Navajowhite</td>
</tr>
<tr>
</tr>
<tr>
<td style="background: navy; color: black;">#000080<br />
Navy</td>
</tr>
<tr>
</tr>
<tr>
<td style="background: oldlace; color: black;">#FDF5E6<br />
Oldlace</td>
</tr>
<tr>
</tr>
<tr>
<td style="background: olive; color: black;">#808000<br />
Olive</td>
</tr>
<tr>
</tr>
<tr>
<td style="background: olivedrab; color: black;">#6B8E23<br />
Olivedrab</td>
</tr>
<tr>
</tr>
<tr>
<td style="background: orange; color: black;">#FFA500<br />
Orange</td>
</tr>
<tr>
</tr>
<tr>
</tr>
<tr>
</tr>
<tr>
<td style="background: orangered; color: black;">#FF100%0<br />
Orangered</td>
</tr>
<tr>
</tr>
<tr>
<td style="background: orchid; color: black;">#DA70D6<br />
Orchid</td>
</tr>
<tr>
</tr>
<tr>
</tr>
<tr>
</tr>
<tr>
<td style="background: palegoldenrod; color: black;">#EEE8AA<br />
Palegoldenrod</td>
</tr>
<tr>
</tr>
<tr>
<td style="background: palegreen; color: black;">#98FB98<br />
Palgreen</td>
</tr>
<tr>
</tr>
<tr>
<td style="background: paleturquoise; color: black;">#AFEEEE<br />
Paleturquoise</td>
</tr>
<tr>
</tr>
<tr>
<td style="background: palevioletred; color: black;">#DB7093<br />
Palevioletred</td>
</tr>
<tr>
</tr>
<tr>
</tr>
<tr>
</tr>
<tr>
<td style="background: papayawhip; color: black;">#FFEFD5<br />
Papayawhip</td>
</tr>
<tr>
</tr>
<tr>
<td style="background: peachpuff; color: black;">#FFDAB9<br />
Peachpuff</td>
</tr>
<tr>
</tr>
<tr>
</tr>
<tr>
</tr>
<tr>
<td style="background: peru; color: black;">#CD853F<br />
Peru</td>
</tr>
<tr>
</tr>
<tr>
<td style="background: pink; color: black;">#FFC0CB<br />
Pink</td>
</tr>
<tr>
</tr>
<tr>
<td style="background: plum; color: black;">#DDA0DD<br />
Plum</td>
</tr>
<tr>
</tr>
<tr>
<td style="background: powderblue; color: black;">#B0E0E6<br />
Powderblue</td>
</tr>
<tr>
</tr>
<tr>
</tr>
<tr>
</tr>
<tr>
<td style="background: purple; color: black;">#800080<br />
Purple</td>
</tr>
<tr>
</tr>
<tr>
<td style="background: red; color: black;">#FF0000<br />
Red</td>
</tr>
<tr>
</tr>
<tr>
</tr>
<tr>
</tr>
<tr>
<td style="background: rosybrown; color: black;">#BC8F8F<br />
Rosybrown</td>
</tr>
<tr>
</tr>
<tr>
<td style="background: royalblue; color: black;">#4169E1<br />
Royalblue</td>
</tr>
<tr>
</tr>
<tr>
<td style="background: saddlebrown; color: black;">#8B4513<br />
Saddlebrown</td>
</tr>
<tr>
</tr>
<tr>
<td style="background: salmon; color: black;">#FA8072<br />
Salmon</td>
</tr>
<tr>
</tr>
<tr>
</tr>
<tr>
</tr>
<tr>
<td style="background: sandybrown; color: black;">#F4A460<br />
Sandybrown</td>
</tr>
<tr>
</tr>
<tr>
<td style="background: seagreen; color: black;">#2E8B57<br />
Seagreen</td>
</tr>
<tr>
</tr>
<tr>
</tr>
<tr>
</tr>
<tr>
<td style="background: seashell; color: black;">#FFF5EE<br />
Seashell</td>
</tr>
<tr>
</tr>
<tr>
<td style="background: sienna; color: black;">#A0522D<br />
Sienna</td>
</tr>
<tr>
</tr>
<tr>
<td style="background: silver; color: black;">#C0C0C0<br />
Silver</td>
</tr>
<tr>
</tr>
<tr>
<td style="background: skyblue; color: black;">#87CEEB<br />
Skyblue</td>
</tr>
<tr>
</tr>
<tr>
</tr>
<tr>
</tr>
<tr>
<td style="background: slategray; color: black;">#708090<br />
Slategray</td>
</tr>
<tr>
</tr>
<tr>
<td style="background: snow; color: black;">#FFFAFA<br />
Snow</td>
</tr>
<tr>
</tr>
<tr>
</tr>
<tr>
</tr>
<tr>
<td style="background: springgreen; color: black;">#00FF7F<br />
Springgreen</td>
</tr>
<tr>
</tr>
<tr>
<td style="background: steelblue; color: black;">#4682B4<br />
Steelblue</td>
</tr>
<tr>
</tr>
<tr>
<td style="background: tan; color: black;">#D2B48C<br />
Tan</td>
</tr>
<tr>
</tr>
<tr>
<td style="background: teal; color: black;">#008080<br />
Teal</td>
</tr>
<tr>
</tr>
<tr>
</tr>
<tr>
</tr>
<tr>
<td style="background: thistle; color: black;">#D8BFD8<br />
Thistle</td>
</tr>
<tr>
</tr>
<tr>
<td style="background: tomato; color: black;">#FF6347<br />
Tomato</td>
</tr>
<tr>
</tr>
<tr>
</tr>
<tr>
</tr>
<tr>
<td style="background: turquoise; color: black;">#40E0D0<br />
Turquoise</td>
</tr>
<tr>
</tr>
<tr>
<td style="background: violet; color: black;">#EE82EE<br />
Violet</td>
</tr>
<tr>
</tr>
<tr>
<td style="background: wheat; color: black;">#F5DEB3<br />
Wheat</td>
</tr>
<tr>
</tr>
<tr>
<td style="background: white; color: black;">#FFFFFF<br />
White</td>
</tr>
<tr>
</tr>
<tr>
</tr>
<tr>
</tr>
<tr>
<td style="background: whitesmoke; color: black;">#F5F5F5<br />
Whitesmoke</td>
</tr>
<tr>
</tr>
<tr>
<td style="background: yellow; color: black;">#FFFF00<br />
Yellow</td>
</tr>
<tr>
</tr>
<tr>
</tr>
<tr>
</tr>
<tr>
<td style="background: yellowgreen; color: black;">#9ACD32<br />
Yellowgreen</td>
</tr>
<tr></tr>
</tbody></table>
</center>

KODE WARNA HTML

#FOF8FF Aliceblue #FAEBD7 Antiquewhite #00FFFF Aqua #7FFFD4 Aquamarine #F0FFFF Azure #F5F5DC Beige #...

Baca selengkapnya »

12.29

Cara Memasang Banner Iklan di Kiri dan Kanan Blog

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcq4-M_EkWKbCkwObaywLzz0tg2WpNItf1ONfuh-6p_So-NIskk7W0rBbeaRJR9Ub7h3IT5sXeOZb4fQCtzjZorW6KxPlYfV1oyaVeYoGq4swJ0BcMPqCsu0HWGoTmUw0wLbozr-difAo/s1600/New+Picture.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Cara Memasang Banner Iklan di Kiri dan Kanan Blog" border="0" height="117" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcq4-M_EkWKbCkwObaywLzz0tg2WpNItf1ONfuh-6p_So-NIskk7W0rBbeaRJR9Ub7h3IT5sXeOZb4fQCtzjZorW6KxPlYfV1oyaVeYoGq4swJ0BcMPqCsu0HWGoTmUw0wLbozr-difAo/s200/New+Picture.jpg" title="Cara Memasang Banner Iklan di Kiri dan Kanan Blog" width="200" /></a><br />
<div style="text-align: justify;">
Sobat Dinara, pasti ingin sekali blog sobat ditawarkan pemasangan iklan pada blog sobat. Pemasangan iklan pada website/blog dapat mendatangkan keuntungan pada si pemilik blog. Oleh karena itu sobat dinara semua mesti membuat blog yang bagus sehingga blog sobat menjadi ramai pengunjung. Dengan ramainya pengunjung, InsaAllah akan menarik para pemasang iklan yang ingin memasang iklan di Blog sobat. Saya sarankan agar sobat menyediakan kotak iklan di blog sobat yang terletak dikiri dan kanan blog. Kelebihan posisi ini adalah ketika halaman blog digulir, maka kotak iklan tersebut terus mengikuti dan akan terus terlihat di halaman blog. Sehingga para pemasang iklan tertarik untuk memasang iklan di blog sobat,</div>
<br />
<br />
Berikut cara membuat/menyediakan kotak iklan di kiri dan kanan blog:<br />
<br />
1. Login ke akun blog sobat dinara.<br />
2. Pada menu dropdown, masuk ke bagian Template dan pilih Edit Html.<br />
3. Cari kode <b style="mso-bidi-font-weight: normal;"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; line-height: 107%; mso-ansi-language: EN-US; mso-bidi-language: AR-SA; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: EN-US; mso-font-kerning: 0pt; mso-ligatures: none;">]]></b:skin></span></b><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; line-height: 107%; mso-ansi-language: EN-US; mso-bidi-language: AR-SA; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: EN-US; mso-font-kerning: 0pt; mso-ligatures: none;"></span>, gunakan tombol ctrl+F untuk mempermudah pencarian.<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; line-height: 107%; mso-ansi-language: EN-US; mso-bidi-language: AR-SA; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: EN-US; mso-font-kerning: 0pt; mso-ligatures: none;"> </span><br />
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; line-height: 107%; mso-ansi-language: EN-US; mso-bidi-language: AR-SA; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: EN-US; mso-font-kerning: 0pt; mso-ligatures: none;">4. Masukan kode berikut di atas kode </span><b style="mso-bidi-font-weight: normal;"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; line-height: 107%; mso-ansi-language: EN-US; mso-bidi-language: AR-SA; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: EN-US; mso-font-kerning: 0pt; mso-ligatures: none;">]]></b:skin></span></b><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; line-height: 107%; mso-ansi-language: EN-US; mso-bidi-language: AR-SA; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: EN-US; mso-font-kerning: 0pt; mso-ligatures: none;"> </span><br />
.<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; line-height: 107%; mso-ansi-language: EN-US; mso-bidi-language: AR-SA; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: EN-US; mso-font-kerning: 0pt; mso-ligatures: none;">
</span><br />
<div style="background: #f2f2f2; border: 2px solid #708090; height: 120px; overflow: auto; padding: 15px;">
#adslayoutleft {<br />
position:fixed;<br />
top:<b><span style="color: red;">5</span></b>px;<br />
margin-left :<b><span style="color: red;">-180</span></b>px;<br />
float:left;<br />
z-index:10;<br />
}<br />
#adslayoutleft .iklankiri {<br />
float:right;<br />
clear:both;<br />
}<br />
#adslayoutleftright {<br />
float:right;<br />
position:fixed;<br />
top:<b><span style="color: red;">5</span></b>px;<br />
margin-left:<b><span style="color: red;">990</span></b>px;<br />
z-index:10;<br />
}<br />
#adslayoutleftright.iklankanan {<br />
float:left;<br />
clear:both;<br />
}</div>
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; line-height: 107%; mso-ansi-language: EN-US; mso-bidi-language: AR-SA; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: EN-US; mso-font-kerning: 0pt; mso-ligatures: none;">

</span><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; line-height: 107%; mso-ansi-language: EN-US; mso-bidi-language: AR-SA; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: EN-US; mso-font-kerning: 0pt; mso-ligatures: none;">
</span><br />
<br />
<div class="MsoNormal" style="line-height: normal; margin-bottom: 5.0pt;">
</div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: 5.0pt;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-font-kerning: 0pt; mso-ligatures: none;"><span style="color: red;">Perhatikan </span><span style="color: lime;">kode berwarna merah adalah jarak antara banner iklan dengan halaman blog, sobat dinara bisa sesuaikan dengan template yang sobat gunakan.</span></span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: 5.0pt;">
<span style="color: lime;"><br />
<span style="color: #b6d7a8; font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-font-kerning: 0pt; mso-ligatures: none;">5. Setelah selesai, klik simpan Template.</span></span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: 5.0pt;">
<span style="color: lime; font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-font-kerning: 0pt; mso-ligatures: none;">6. Masuk pada bagian Tata letak.</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: 5.0pt;">
<span style="color: lime; font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-font-kerning: 0pt; mso-ligatures: none;">7. Klik tmabah gadget, di posisi mana saja tidak masalah.</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: 5.0pt;">
<span style="color: lime; font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-font-kerning: 0pt; mso-ligatures: none;">8. Pilih HTML/Javascript.</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: 5.0pt;">
<span style="color: lime; font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-font-kerning: 0pt; mso-ligatures: none;">9. Masukan kode berikut.</span><br />
<br />
<div style="background: #f2f2f2; border: 2px solid #708090; height: 120px; overflow: auto; padding: 15px;">
<span style="color: black;"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-font-kerning: 0pt; mso-ligatures: none;"><b><div id='adslayoutleft'><div class='iklankiri'></b></span></span><span style="color: black;"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-font-kerning: 0pt; mso-ligatures: none;"><b><a href="<span style="color: red;">Masukkan-Url</span>" target="_blank" title="<span style="color: lime;">Title-Iklan</span>"><img alt="<span style="color: yellow;">Alt/Text Gambar</span>" src="<span style="color: blue;">Url Gambar</span>" /></a></div></div><br /><div id='adslayoutleftright'><div class='iklankanan'></b></span></span><span style="color: black;"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-font-kerning: 0pt; mso-ligatures: none;"><b><a href="<span style="color: red;">Masukkan-Url</span>" target="_blank" title="<span style="color: lime;">Title-Iklan</span>"><img alt="<span style="color: yellow;">Alt/Text Gambar</span>" src="<span style="color: blue;">Url Gambar</span>" /></a></div></div></b></span></span></div>
</div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: 5.0pt;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-font-kerning: 0pt; mso-ligatures: none;"><span style="color: red;"><span style="color: black;"></span></span></span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: 5.0pt;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-font-kerning: 0pt; mso-ligatures: none;"><span style="color: red;"><span style="color: black;">  </span></span></span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: 5.0pt;">
</div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: 5.0pt;">
<blink><span style="color: red;">Catatan</span></blink>, Untuk kode warna 
merah adalah Url tujuan gambar, untuk kode warna hijau adalah Title 
gambar, untuk kode warna kuning adalah Alt/Text Gambar, untuk kode warna biru adalah Url gambar.<br />
<br />
10. OK, semua sudah selesai. Sobat tinggal menyimpan pengaturan dan lihat hasilnya.</div>

Cara Memasang Banner Iklan di Kiri dan Kanan Blog

Sobat Dinara, pasti ingin sekali blog sobat ditawarkan pemasangan iklan pada blog sobat. Pemasangan iklan pada website/blog dapat mendatan...

Baca selengkapnya »

15.19

DINARA

Membuat Floating Widget ChatBox

Cara Memasang Widget Chat Box Tersembunyi di Kanan Blog

Cara Mudah Pasang Lagu 4Shared di Blog

Cara Membuat Like Fanpage Facebook Melayang di Blog

KODE WARNA HTML

Cara Memasang Banner Iklan di Kiri dan Kanan Blog

Entri Populer

Arsip Blog