tag:blogger.com,1999:blog-89899347511014091102024-03-18T10:03:17.491+07:00BLOG NEBIAK SANGAUNgga' ada yang istimewa di sini, hanya tempatku belajar ngeblog, mencari sahabat dan berbagi ...Buchexhttp://www.blogger.com/profile/06453091683622654693noreply@blogger.comBlogger7125tag:blogger.com,1999:blog-8989934751101409110.post-15008262069969695472009-11-20T17:08:00.003+07:002009-11-23T14:40:22.984+07:00Recent Post dengan Slide Show<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjpNERC0XyQekLi3yaHtzDVDWW935R4ZlFK6Br_1wBpQ3Q1_gd0twyLlXvu3LpRoqIxI5u6F0nqAPX2nX_EtLSNknGWZ3xEcwZGz3aReOXZ1bAagO5IGwKlFz4daJftpYtNzuD5_gEztI/s1600/r.post_slide_show.jpg" imageanchor="1" linkindex="14" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjpNERC0XyQekLi3yaHtzDVDWW935R4ZlFK6Br_1wBpQ3Q1_gd0twyLlXvu3LpRoqIxI5u6F0nqAPX2nX_EtLSNknGWZ3xEcwZGz3aReOXZ1bAagO5IGwKlFz4daJftpYtNzuD5_gEztI/s200/r.post_slide_show.jpg" /></a><br />
</div><div style="text-align: justify;">Recent Post mulu..., ngga papa dech. Yang penting posting. ya ngga???. Ok Sesuai judul di atas, gwa mau share nih. Gwa ketemu trik asik buat bikin Recent Post yang bisa nampil aktraktif banget. Gampang pula pemasangannya. Semudah kita bikin buku tamu atau memasang widget lainnya. Tingga kopi paste dan ganti URL <span style="color: blue;">home_page =</span> dengan URL blog kita. Sim salabim Abdrakadabra... tuch Recent Post nampil secara Slide Show dari atas ke bawah. Asik Dech Pokoknya.<br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">Bagi sobat yang udah jago dan ngerti dengan barisan kode yang tadi kita kopi paste, silahkan experiment dech. Atur tinggi lebarnya, kecepatan gerak slide-nya serta masih banyak pengaturan lain yang bisa sobat utak-atik.<br />
</div><div style="text-align: justify;"><br />
Penasaran????... meluncur dech ke blognya <a href="http://www.abu-farhan.com/2009/07/recent-posts-for-blogger-with-thumbnail-and-simple-spy/" linkindex="15" target="_blank">Abu Farhan.</a> Dijamin puas....<br />
</div><a href="http://www.abu-farhan.com/2009/07/recent-posts-for-blogger-with-thumbnail-and-simple-spy/" justify;="" linkindex="16" target="_blank>Abu Farhan</a>. Dijamin anda puas<br />
</div><div style=" text-align:=""><br />
</a><a href="#" title="Back to top">kembali ke atas</a><br />
<br />
<a href="http://www.bloglines.com/sub/http://feeds2.feedburner.com/blogspot/xICH" linkindex="17"><br />
<img alt="Subscribe with Bloglines" border="0" src="http://static.bloglines.com/images/lang/default/sub_modern2.gif" /><br />
</a><br />
<br />
<a href="http://digg.com/"><br />
<img src="http://digg.com/img/badges/100x20-digg-button.gif" width="100" height="20" alt="Digg!" /><br />
</a>Buchexhttp://www.blogger.com/profile/06453091683622654693noreply@blogger.com8tag:blogger.com,1999:blog-8989934751101409110.post-23417648689825431002009-11-04T13:20:00.018+07:002012-01-30T11:01:25.599+07:00Memasang Recent Post ke dalam Kotak Blogroll<div style="text-align: justify;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHx99Q_SUppduPl-L3vySTplI_sJpJR0XOJ-lv_UbFOIi7MRbF5UsRR7yee5nHJqbx2CwJRiD-9lubosYQkGZG9Sc1yLD1_CzSaXhLYT8u2vqWkHY5gUQbaue85kAYnwy2zwfTQmc26X4/s1600-h/rpost3.jpg" imageanchor="1" linkindex="44" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHx99Q_SUppduPl-L3vySTplI_sJpJR0XOJ-lv_UbFOIi7MRbF5UsRR7yee5nHJqbx2CwJRiD-9lubosYQkGZG9Sc1yLD1_CzSaXhLYT8u2vqWkHY5gUQbaue85kAYnwy2zwfTQmc26X4/s200/rpost3.jpg" /></a></div>Andai kata, umpama, misalnya... rekan bloggers bikin recent post kayak yang aku paparkan pada postingan kemaren dan ingin menampilkan 10 atau lebih postingan sekaligus, sudah barang tentu akan memakan banyak tempat karena recent post yang kita pasang bakal tampil amat sangat pannnjjjjjaaaaannnggggg..... ke bawah, sementara misalnya recent post tersebut sobat taruh pada sidebar yang berukuran kecil. Tenang... gwa punya sedikit trik untuk mengatasi masalah tersebut yaitu dengan menaruh recent post tadi ke dalam sebuah kotak blogroll. Gimana, masuk akal ngga kira-kira???..</div><br />
<a name='more'></a><br />
<br />
Ok, langsung ke TKP aja dech biar jelas, youk...<br />
<br />
<div style="text-align: justify;">Pertama-tama, marilah kita download dulu template kita agar terhidar dari kemungkinan buruk yang tak terduga. Kalo udah, lanjutkan perjuangannya hingga titik darah yang penghabisan yaitu login ke blogspot, klik customize, klik layout lantas edit html dan jangan lupa contreng kotak Expand Widget Templates. Silah kan cari kode untuk Recent post tadi. untuk jelasnya, perhatikan barisan kode di bawah ini :<br />
<br />
</div><div style="background-color: #9fc5e8;"><div id='sidebar-wrapper'></div><div style="background-color: #9fc5e8;"> <b:section class='sidebar' id='sidebar' preferred='yes'></div><div style="background-color: #9fc5e8;"><b:widget id='Gadget1' locked='false' title='Recent Posts' type='Gadget'></div><div style="background-color: #9fc5e8;"><span style="color: black;"><b:includable id='main'> </span><span style="color: #cc0000;"></span></div><div style="background-color: #9fc5e8;"> <!-- only display title if it's non-empty --></div><div style="background-color: #9fc5e8;"> <b:if cond='data:renderingUrl != &quot;&quot;'></div><div style="background-color: #9fc5e8;"> <b:if cond='data:title != &quot;&quot;'></div><div style="background-color: #9fc5e8;"> <h2 class='title'><data:title/></h2></div><div style="background-color: #9fc5e8;"> </b:if></div><div style="background-color: #9fc5e8;"> <b:if cond='data:gadgetSnippet != &quot;&quot;'></div><div style="background-color: #9fc5e8;"> <data:gadgetSnippet/></div><div style="background-color: #9fc5e8;"> <b:else/></div><div style="background-color: #9fc5e8;"> <div class='widget-content'></div><div style="background-color: #9fc5e8;"> <b:if cond='data:trackingUrl != &quot;&quot;'></div><div style="background-color: #9fc5e8;"> <img expr:src='data:trackingUrl' height='1' width='1'/></div><div style="background-color: #9fc5e8;"> </b:if></div><div style="background-color: #9fc5e8;"><br />
</div><div style="background-color: #9fc5e8;"> <iframe expr:height='data:height' expr:id='data:moduleId' expr:name='data:moduleId' expr:src='data:renderingUrl' frameborder='0' style='width: 100%; display: block'></div><div style="background-color: #9fc5e8;"> </iframe></div><div style="background-color: #9fc5e8;"> </div></div><div style="background-color: #9fc5e8;"> </b:if></div><div style="background-color: #9fc5e8;"> <b:else/></div><div style="background-color: #9fc5e8;"> <data:errorMessage/></div><div style="background-color: #9fc5e8;"> </b:if></div><div style="background-color: #9fc5e8;"><br />
</div><div style="background-color: #9fc5e8;"> <b:include name='quickedit'/><span style="color: #cc0000;"></span></div><div style="background-color: #9fc5e8;"></b:includable></div><div style="background-color: #9fc5e8;"></b:widget></div><br />
<div style="text-align: justify;">Nah, kalo udah ketemu, tugas kita sekarang adalah menyelipkan kode kotak blogroll tadi di antara kode-kode di atas, bingung? lihat dech kode di bawah dan perhatikan penempatan kode yang berwarna merah. </div><div style="background-color: #9fc5e8;"></div><br />
<div style="background-color: #ead1dc;"><div id='sidebar-wrapper'></div><div style="background-color: #ead1dc;"> <b:section class='sidebar' id='sidebar' preferred='yes'></div><div style="background-color: #ead1dc;"><b:widget id='Gadget1' locked='false' title='Recent Posts' type='Gadget'></div><div style="background-color: #ead1dc;"><span style="color: black;"><b:includable id='main'> </span></div><div style="background-color: #ead1dc;"><span style="color: #cc0000;"><div style='border: 0px solid rgb(153, 153, 153); overflow: auto; width: 200px; height: 180px; text-align: left; '></span></div><div style="background-color: #ead1dc;"> <!-- only display title if it's non-empty --></div><div style="background-color: #ead1dc;"> <b:if cond='data:renderingUrl != &quot;&quot;'></div><div style="background-color: #ead1dc;"> <b:if cond='data:title != &quot;&quot;'></div><div style="background-color: #ead1dc;"> <h2 class='title'><data:title/></h2></div><div style="background-color: #ead1dc;"> </b:if></div><div style="background-color: #ead1dc;"> <b:if cond='data:gadgetSnippet != &quot;&quot;'></div><div style="background-color: #ead1dc;"> <data:gadgetSnippet/></div><div style="background-color: #ead1dc;"> <b:else/></div><div style="background-color: #ead1dc;"> <div class='widget-content'></div><div style="background-color: #ead1dc;"> <b:if cond='data:trackingUrl != &quot;&quot;'></div><div style="background-color: #ead1dc;"> <img expr:src='data:trackingUrl' height='1' width='1'/></div><div style="background-color: #ead1dc;"> </b:if></div><div style="background-color: #ead1dc;"><br />
</div><div style="background-color: #ead1dc;"> <iframe expr:height='data:height' expr:id='data:moduleId' expr:name='data:moduleId' expr:src='data:renderingUrl' frameborder='0' style='width: 100%; display: block'></div><div style="background-color: #ead1dc;"> </iframe></div><div style="background-color: #ead1dc;"> </div></div><div style="background-color: #ead1dc;"> </b:if></div><div style="background-color: #ead1dc;"> <b:else/></div><div style="background-color: #ead1dc;"> <data:errorMessage/></div><div style="background-color: #ead1dc;"> </b:if></div><div style="background-color: #ead1dc;"><br />
</div><div style="background-color: #ead1dc;"> <b:include name='quickedit'/></div><div style="background-color: #ead1dc;"><span style="color: #cc0000;"></div></span></div><div style="background-color: #ead1dc;"></b:includable></div><div style="background-color: #ead1dc;"></b:widget></div><br />
<div style="text-align: justify;">Silahkan dech sobat atur sendiri tinggi dan lebar kotaknya, so pasti udah pada jago tuch. Bila dah kelar, Klik save dan liaht dech hasilnya</div><br />
Ok bloggers, selamat mencoba....<br />
<br />
<a href="http://www.blogger.com/post-edit.g?blogID=8989934751101409110&postID=2341764868982543100&from=pencil#" title="Back to top">kembali ke atas</a><br />
<br />
<a href="http://www.bloglines.com/sub/http://feeds2.feedburner.com/blogspot/xICH" linkindex="45"><br />
<img alt="Subscribe with Bloglines" border="0" src="http://static.bloglines.com/images/lang/default/sub_modern2.gif" /><br />
</a>Buchexhttp://www.blogger.com/profile/06453091683622654693noreply@blogger.com12tag:blogger.com,1999:blog-8989934751101409110.post-6325186072041909282009-11-02T14:38:00.003+07:002009-11-03T08:26:45.462+07:00Recent Post Dengan Thumbnails<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMbR9Nl95vPvm-zcQmrQVMlIyrUn2LN9WeBdgGBoYuvGYKUahcPEjzi7n-kqaHrRHlLSno4ixR8xTcTQtEO3GaZlrGUCnKoCExKcR_xz1bWznKCg5dWsvfO-3xz9y2r3hQbXpkHphoqG8/s1600-h/rpost_001.JPG" imageanchor="1" linkindex="22" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMbR9Nl95vPvm-zcQmrQVMlIyrUn2LN9WeBdgGBoYuvGYKUahcPEjzi7n-kqaHrRHlLSno4ixR8xTcTQtEO3GaZlrGUCnKoCExKcR_xz1bWznKCg5dWsvfO-3xz9y2r3hQbXpkHphoqG8/s320/rpost_001.JPG" /></a><br />
</div>Trik ini sebetulnya udah basi barangkali dan udah banyak yang tau, tapi tak ada salahnya bila kutulis di sini. Itung itung berbagi pengalaman. Siapa tau aja ada yang mau ninggalin komentnya he he he he..<br />
<br />
<br />
Seperti biasa langkahnya dimulai dengan Login ke blogspot, lalu tata letak kemudian Add a Gadget. pada kotak pencarian ketikan kata kunci Recent post, kayak gambar di bawah ini :<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCfCVy7qVfF_i03t3ELhskIHlDmZEK6fjIojtGBhV1H8i9eoAhDBx2GZqgLFGI_2m8EsPBBzu8r0bn9Vj4vqo9BoMl__J7Frtv7ogWmMzMkUIrbrKjGEwlMeox8nuRTWF52byDjN7_Ynk/s1600-h/recent_post01.JPG" imageanchor="1" linkindex="23" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCfCVy7qVfF_i03t3ELhskIHlDmZEK6fjIojtGBhV1H8i9eoAhDBx2GZqgLFGI_2m8EsPBBzu8r0bn9Vj4vqo9BoMl__J7Frtv7ogWmMzMkUIrbrKjGEwlMeox8nuRTWF52byDjN7_Ynk/s400/recent_post01.JPG" width="355" /></a><br />
</div>Maka akan muncul jendela kayak di bawah ini, ada tiga pilihan. Silahkan coba salah satunya. Jika ingin recent post kita nantinya disertai dengan thumbnails, klik pilihan yang tengah (by Bloggers widget) :<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKHOm6jf50dIdxiOcc3Jq6P74jgfrmY8suSDJ6cZRyzmUZSFQnlEMLcrJRhLJ4QVT_uMvtxrB7aBOy2FANSJfnziJcDFBfBfwg5LnvXWddLT0g1-zYkMs-enUH5w5mtnmkwA4JfBHWU9o/s1600-h/recent_post03.JPG" imageanchor="1" linkindex="24" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKHOm6jf50dIdxiOcc3Jq6P74jgfrmY8suSDJ6cZRyzmUZSFQnlEMLcrJRhLJ4QVT_uMvtxrB7aBOy2FANSJfnziJcDFBfBfwg5LnvXWddLT0g1-zYkMs-enUH5w5mtnmkwA4JfBHWU9o/s320/recent_post03.JPG" /></a><br />
</div><br />
<div class="separator" style="clear: both; text-align: center;"><br />
</div>Muncul jendela kayak di bawah ini :<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEju1JqC_UOy51S3_n90AcMnh1CPbLXh3Qk66KFVWuLZpwUC436RyVC8XoA8PXN9hQYr2urf6QpsAICgL2ycygtFYxNktHwIGPxOe7VVZYEfXSBNIbeNtn6qS7FaJtr_o__2w_bFVqdx3Y0/s1600-h/recent_post04.JPG" imageanchor="1" linkindex="25" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEju1JqC_UOy51S3_n90AcMnh1CPbLXh3Qk66KFVWuLZpwUC436RyVC8XoA8PXN9hQYr2urf6QpsAICgL2ycygtFYxNktHwIGPxOe7VVZYEfXSBNIbeNtn6qS7FaJtr_o__2w_bFVqdx3Y0/s320/recent_post04.JPG" /></a><br />
</div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: left;">Nah atur dech sesuai seleramu. Isi kolom Title dengan (Misalnya) Recent Post, Atur tinggi gadgetmu di kolom Height, Number of posts to display isi dengan jumlah posting yang ingin kita tampilkan. Isi dengan angka sesuai keinginanmu Sedangkan kolom Summary length (Needed only if you opt to display summaries) adalah seberapa panjang ringkasan postingmu di tampilkan dalam tiap tiap judul posting. Isi sesuai keinginanmu pula, jangan kebanyakan bro, namanya juga ringkasan. Lalu, Kolom-kolom kecil yang lain contreng aja bro, biar rame. Kemudian klik Update.<br />
</div><div class="separator" style="clear: both; text-align: left;"><br />
</div><div class="separator" style="clear: both; text-align: left;">Kalo udah bener yang tampil adalah postinganmu, tinggal klik Save dan lihat dech hasilnya. Selamat mencoba...<br />
</div><br />
<a href="http://www.blogger.com/post-create.g?blogID=8989934751101409110#" title="Back to top">kembali ke atas</a><br />
<br />
<a href="http://www.bloglines.com/sub/http://feeds2.feedburner.com/blogspot/xICH" linkindex="26"><br />
<img alt="Subscribe with Bloglines" border="0" src="http://static.bloglines.com/images/lang/default/sub_modern2.gif" /><br />
</a>Buchexhttp://www.blogger.com/profile/06453091683622654693noreply@blogger.com4tag:blogger.com,1999:blog-8989934751101409110.post-2773734784639672172009-10-23T08:03:00.003+07:002009-10-30T08:10:28.061+07:00Related Posts dengan Thumbnail untuk Blogger<div class="separator" style="clear: both; text-align: justify;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGlkLmViS3GOVmHqi4gngE_DIIhaZf_vVqrEC0h-1pGJHd0j-i8AoOmbb3nHVSTJ3Hh31ImCGaD2MYM_D24AC_O7j9QDpCLL7US5Y71CoJstoMYNZzTHkyRfuh7oZXZHpl4GPgl8Sqdd8/s1600-h/Relatedpost_dgn_thumbanil.jpg" imageanchor="1" linkindex="19" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGlkLmViS3GOVmHqi4gngE_DIIhaZf_vVqrEC0h-1pGJHd0j-i8AoOmbb3nHVSTJ3Hh31ImCGaD2MYM_D24AC_O7j9QDpCLL7US5Y71CoJstoMYNZzTHkyRfuh7oZXZHpl4GPgl8Sqdd8/s320/Relatedpost_dgn_thumbanil.jpg" /></a>Satu lagi trik yang lumayan asik bagiku adalah memasang related post dengan thumbanils yang aku dapet dari si <a href="http://www.bloggerbuster.com/2009/09/related-posts-with-thumbnails-for.html#more" linkindex="20" target="_blank">Amanda</a>. Cara pemasangannya sangatlah mudah. Anda tinggal megkopi kode yang diberikan lalu mempastekannya ke tempat yang tepat. Jadi deh. Seperti gambar di samping. Lumayanlah buat ngeramein tampilan sekaligus memudahkan pengunjung untuk melihat apa apa saja tulisan kita dengan kategori yang bersangkutan.<br />
</div><br />
<br />
<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;">Yang tertarik, silahkan langsung ke TKP. Tancap bro ....<br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: justify;"><br />
</div><div style="text-align: justify;"><a href="http://www.blogger.com/post-edit.g?blogID=8989934751101409110&postID=277373478463967217#" title="Back to top">kembali ke atas</a><br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><a href="http://www.bloglines.com/sub/http://feeds2.feedburner.com/blogspot/xICH" linkindex="21"><br />
<img alt="Subscribe with Bloglines" border="0" src="http://static.bloglines.com/images/lang/default/sub_modern2.gif" /><br />
</a><br />
</div>Buchexhttp://www.blogger.com/profile/06453091683622654693noreply@blogger.com4tag:blogger.com,1999:blog-8989934751101409110.post-45378838151296632682009-03-18T15:13:00.009+07:002011-06-09T14:01:38.504+07:00Tips dan Trik Memasang Widget di sudut blogSetelah meminta izin ke yang empunya posting, kembali Kojek menulis tentang sebuah ide sederhana untuk mempercatik tampilan blog. Adapun trik kali ini adalah bagaimana caranya kita memasang sebuah widget/aksesoris,image atau banner ke salah satu sudut blog seolah olah widget/aksesoris,image atau banner itu tadi seakan-akan melayang-layang di blog kita. Bukan cuma satu sudut saja yg bisa kita hias dengan trik ini, keempat sudut blog bisa kita pasangi berbagai gadget atau widge/aksesoris. Namun pertimbangkanlah dari segi estetika (ceaellah ... ). Jangan malah membuat pengunjung bingung dan yang pasti perhatikan loading pagenya. Jadi Inga' .. Inga' ....<br />
<br />
<a name='more'></a><br />
<br />
<br />
Untuk demonya, klik <a href="http://ngeblog-youk.blogspot.com/" target="_blank">disini</a><br />
<br />
<br />
<br />
<br />
<span style="font-weight: bold;">A. WIDGET/ AKSESORIS DI SUDUT KIRI BAWAH</span><br />
<br />
<br />
1. Login dulu ke blogger lalu klik "<span style="font-weight: bold;">Layout -->> Edit HTML</span><br />
<br />
2. Cari kode <span style="color: #cc0000; font-weight: bold;">]]></b:skin></span> kemudian tempatkan kode di bawah ini di atas kode <span style="color: #cc0000; font-weight: bold;">]]></b:skin></span><br />
<br />
<br />
<div style="-moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; background: rgb(218, 165, 32) none repeat scroll 0% 0%; font-size: 100%; text-align: justify;">#<span style="color: #3333ff;"><span style="color: #3366ff; font-weight: bold;">trik_kiribawah</span> </span>{<br />
position:fixed;_position:absolute;<span style="color: white;"><span style="color: yellow; font-weight: bold;">bottom</span><span style="color: black;">:</span></span>0px; <span style="color: #009900; font-weight: bold;">left</span>:0px;<br />
clip:inherit;<br />
_top:expression(document.documentElement.scrollTop+<br />
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }</div><br />
<br />
Kode yang berwarna biru adalah nama dari script ini, kode <span style="font-weight: bold;">bottom</span> yang berwarna kuning bisa di ganti dengan <span style="font-weight: bold;">top</span> kemudian kode <span style="font-weight: bold;">left </span>yang berwarna hijau bisa di ganti dengan <span style="font-weight: bold;">right</span><br />
<br />
<br />
4. Langkah selanjutnya yaitu letakkan script berikut ini sebelum kode <span style="color: red;"></body></span><br />
<br />
<br />
<div style="-moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; background: rgb(143, 188, 143) none repeat scroll 0% 0%; font-size: 100%; text-align: left;"><span style="font-weight: bold;"><div id='<span style="color: #cc0000;">trik_kiribawah</span>'></span><br />
<span style="color: #3333ff;"><script src='http://widgets.amung.us/classic.js' type='text/javascript'/><script type='text/javascript'>WAU_classic(&#39;hu1vhdkrz2pe&#39;)</script><br/></span><br />
<span style="color: #3333ff;"><a href='ymsgr:sendIM?entobet'> <img src='http://opi.yahoo.com/online?u=entobet&amp;m=g&amp;t=9&amp;l=us'/></a></span><br />
<span style="font-weight: bold;"></div></span></div><br />
5. Kode yang berwarna biru adalah kode widget yang bisa diganti dengan widget lain sesuai selera.<br />
<br />
6. klik <span style="font-weight: bold;">save</span> lalu <span style="font-weight: bold;">view</span> blog untuk melihat hasilnya.<br />
<br />
<br />
<span style="font-weight: bold;">B. WIDGET/ AKSESORIS DI SUDUT KANAN BAWAH</span><br />
<br />
Nah, sekarang kita akan memasang widget/aksesoris lain ke sudut kanan blog kita. Langkah pemasangannya sama dengan langkah langkah di atas. Hanya perlu mengedit beberapa kode saja. Agar lebih jelas saya uraikan aja di sini akal-akalan kita ...<br />
<br />
Perhatikan baik baik perubahan 2 buah script/kode di bawah ini :<br />
<br />
a. <span style="font-style: italic;">Kode Pertama :</span><br />
<br />
<div style="-moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; background: rgb(218, 165, 32) none repeat scroll 0% 0%; font-size: 100%; text-align: justify;">#<span style="color: #3333ff;"><span style="color: #3366ff; font-weight: bold;">trik_kananbawah</span> </span>{<br />
position:fixed;_position:absolute;<span style="color: white;"><span style="color: yellow; font-weight: bold;">bottom</span><span style="color: black;">:</span></span>0px; <span style="color: #009900; font-weight: bold;">right</span>:0px;<br />
clip:inherit;<br />
_top:expression(document.documentElement.scrollTop+<br />
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }</div><br />
a. <span style="font-style: italic;">Kode Ke dua :</span><br />
<br />
<div style="-moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; background: rgb(143, 188, 143) none repeat scroll 0% 0%; font-size: 100%; text-align: left;"><span style="font-weight: bold;"><div id='<span style="color: #cc0000;">trik_kananbawah</span>'></span><br />
<span style="color: #3333ff;"><script src='http://widgets.amung.us/classic.js' type='text/javascript'/><script type='text/javascript'>WAU_classic(&#39;hu1vhdkrz2pe&#39;)</script><br/></span><br />
<span style="color: #3333ff;"><a href='ymsgr:sendIM?entobet'> <img src='http://opi.yahoo.com/online?u=entobet&amp;m=g&amp;t=9&amp;l=us'/></a></span><br />
<span style="font-weight: bold;"></div></span></div><br />
<br />
<span style="font-style: italic;">Pada kode pertama perubahannya bisa di lihat seperti di bawah ini</span> :<br />
<br />
<div style="-moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; background: rgb(220, 220, 220) none repeat scroll 0% 0%; font-size: 100%; text-align: justify;">kode #<span style="color: #3333ff;"><span style="color: #3366ff; font-weight: bold;">trik_kiribawah</span> </span>{<span style="font-weight: bold;"> </span>berubah menjadi<span style="font-weight: bold;"> </span>#<span style="color: #3333ff;"><span style="color: #3366ff; font-weight: bold;">trik_kananbawah</span> </span>{ </div><br />
<div style="-moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; background: rgb(220, 220, 220) none repeat scroll 0% 0%; font-size: 100%; text-align: justify;">lalu <span style="color: #009900; font-weight: bold;">left</span> berubah menjadi <span style="color: #009900; font-weight: bold;">right</span></div><br />
Pada kode <span style="font-style: italic;">ke dua</span>, nama kodenya yang kita rubah yaitu<br />
<br />
<span style="font-weight: bold;"></span><br />
<div style="-moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; background: rgb(220, 220, 220) none repeat scroll 0% 0%; font-size: 100%; text-align: justify;"><span style="font-weight: bold;"><div id='<span style="color: #cc0000;">trik_kiribawah</span>'></span></div><span style="font-weight: bold;"></span><br />
menjadi<br />
<br />
<span style="font-weight: bold;"> </span><span style="font-weight: bold;"></span><br />
<div style="-moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; background: rgb(220, 220, 220) none repeat scroll 0% 0%; font-size: 100%; text-align: justify;"><span style="font-weight: bold;"><div id='<span style="color: #cc0000;">trik_kananbawah</span>'></span></div><span style="font-weight: bold;"><br />
<br />
</span>Jangan lupa menggati kode yang berada di antara kode <span style="font-weight: bold;"><div id='</span><span style="color: #cc0000; font-weight: bold;">trik_kananbawah</span><span style="font-weight: bold;">'></span> dan kode <span style="font-weight: bold;"></div></span> dengan kode widget/aksesoris yang lain.<br />
<br />
Anda juga tinggal mengedit sedikit saja kode-kode tersebut bila ide Anda sama nyelenehnya denganku yaitu "MEMASANG WIDGET/AKSESORIS DI KEEMPAT SUDUT BLOG"<span style="font-weight: bold;">. </span>Ada yang mau nyoba ...????<span style="font-weight: bold;"><br />
<br />
</span><span style="font-style: italic;">Catatan : Terima Kasih untuk <a href="http://trick-blog.blogspot.com/" target="_blank">KENDHIN</a> yang telah memberi izin untuk mencatut scriptnya</span><span style="font-weight: bold;"><span style="font-style: italic;">.<br />
<br />
<br />
</span><a href="#">Back to Top</a></span><br />
<br />
<a href="http://www.bloglines.com/sub/http://feeds2.feedburner.com/blogspot/xICH"><br />
<img alt="Subscribe with Bloglines" border="0" src="http://static.bloglines.com/images/lang/default/sub_modern2.gif" /><br />
</a>Buchexhttp://www.blogger.com/profile/06453091683622654693noreply@blogger.com5tag:blogger.com,1999:blog-8989934751101409110.post-28732099197437838352008-12-30T07:21:00.020+07:002009-03-03T10:29:43.010+07:00Tabbed Feed Reader V2 dari VisionJinx.net<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqomzGQF9Q5PQgTR400pHEO8Katmm1sl6B0HZ-vWkHtJMN269e-JO6vR3z2sujDik2NB2tE-NCeOAwxtwj1bAp2VwuCL2u7rtbzJzhZGfjVVMRPpvCrRxR74RdjTSpLZiYI3eb-dAoFyE/s1600-h/gambar01.JPG"><img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 200px; height: 179px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqomzGQF9Q5PQgTR400pHEO8Katmm1sl6B0HZ-vWkHtJMN269e-JO6vR3z2sujDik2NB2tE-NCeOAwxtwj1bAp2VwuCL2u7rtbzJzhZGfjVVMRPpvCrRxR74RdjTSpLZiYI3eb-dAoFyE/s200/gambar01.JPG" alt="" id="BLOGGER_PHOTO_ID_5285377856006452194" border="0" /></a>Untuk menampilkan feeds di tempat yang sempit dalam jumlah banyak dapat kita akali dengan memanfaatkan Tabbed Feed Reader V2 dari <a href="http://www.blogger.com/Tabbed%20Feed%20Reader%20V2%20dari%20VisionJinx.net">VisionJinx.net </a>. 5 buah feed dapat kita tampilkan sekaligus dalam satu tab, dan beberapa tab bisa kita pasang di tempat yang berbeda di blog kita. Kemudahan setting dan pengaturan ukuran tab yang fleksibel membuat gadget satu ini layak anda coba.<span class="fullpost"><br /><br /><br /><br /><br />1. Meluncurlah ke <a href="http://www.visionjinx.net/">http://www.visionjinx.net/</a><br />2. Pilih Tabbed Feed Reader<br />3. Klik Get This Gadget<br />4. Pilih Add This Your Websites, maka kamu akan dibawa ke tampilan berikut :<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjTW-WSsKQT85vOibORYWqt_VfY_LQXmP3rCdDfh0shas0JCNoTidMqy5hVdH4PNjWY2snZRCLSK7hzYeAMtN5_2jmg5pm8rA0sECvIjN_XnIxi_icAsuqo8Iv9PoPfYH1wlVSZvJ4JLE/s1600-h/gambar02.JPG"><img style="cursor: pointer; width: 162px; height: 320px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjTW-WSsKQT85vOibORYWqt_VfY_LQXmP3rCdDfh0shas0JCNoTidMqy5hVdH4PNjWY2snZRCLSK7hzYeAMtN5_2jmg5pm8rA0sECvIjN_XnIxi_icAsuqo8Iv9PoPfYH1wlVSZvJ4JLE/s320/gambar02.JPG" alt="" id="BLOGGER_PHOTO_ID_5285458980268710978" border="0" /></a><br /><br />Pengaturan Tampilan :<br /><br />Judul : ganti dengan judul atau nama sesuai keinginanmu<br />Lebar : tentukan sesuai lebar sidebarmu<br />Tinggi : tentukan pula sesuai keinginanmu<br />Batas Tepi : pilih pula sesukamu<br /><br />Pengaturan Gadget :<br /><br />Gadget Name : Ganti pula ( misalnya ) dengan nama blogmu.<br /><br />Ngga semua feed harus kamu isi, kamu bisa menampilkan satu aja. atau biar lebih sip bisa kita pasang alamt feeds posting, alamat feeds label dan alamt feeds komentar.<br /><br />Alamat feed posting kita<br /><br />http://blogkamu.blogspot.com/feeds/posts/default<br /><br />alamat feeds labels<br /><br />http://blogkamu.blogspot.com/feeds/posts/default/-/labelname<br />perhatikan besar kecilnya huruf pada label<br /><br />alamat feed komentar<br />http://BlogKamu.blogspot.com/feeds/comments/default<br /><br />(ganti tulisan berwarna biru dengan nama blogmu)<br /><br />Masukkan pada kotak Feed 1, Feed 2, Feed 3 dan seterusnya.<br /><br />Sesuaikan nama feed pada kotak Tab 1 Name dan seterusnya.<br /><br />Untuk mengatur jumlah feed yang akan kita tampilkan, tinggal tentukan saja jumlahnya pada kotak Number of Entries:<br /><br />Panjang deskripsi yang bakal ditampilkan bisa di atur pada kotak Summary Length:<br /><br />Untuk mengatur link tampil di jendela yang sama atau di jendela baru bisa kamu atur pada kotak Link Target<br /><br />Setelah semuanya siap, klik tombol "Lihat DuluPerubahan" dan untuk mendapatkan kode yang akan<br /><br /><script src="http://digg.com/tools/diggthis.js" type="text/javascript"></script><br /><!-- START: PDF Online Script --><br /><script type="text/javascript"><br /> var authorId = "0C17D2F8-035F-4FF4-BDEE-6A2446DBE565";<br /> var pageOrientation = "0";<br /> var topMargin = "0.5";<br /> var bottomMargin = "0.5";<br /> var leftMargin = "0.5";<br /> var rightMargin = "0.5";<br /></script><br /><script src="http://web2.pdfonline.com/pdfonline/pdfonline.js" type="text/javascript"><br /></script><br /><!-- END: PDF Online Script --><br /><br /></span>Buchexhttp://www.blogger.com/profile/06453091683622654693noreply@blogger.com10tag:blogger.com,1999:blog-8989934751101409110.post-70460036881416303492008-11-01T14:32:00.009+07:002009-03-03T10:31:14.582+07:00Cara memasang buku tamu<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXXsOqCjwMYlmp8LxZCKCUdEFxx0hIXPHZMtJVI4nNqzKcCkIR2E1DxucNqsgBI6OrNllVP0vW9nf1WWlpZazAnHCWM0V0YpXHg1dw7dGQs5rynbIeyQO8EntI02UYvlhBV20movTwWgXF/s1600-h/my.sb.JPG"><img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 188px; height: 317px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXXsOqCjwMYlmp8LxZCKCUdEFxx0hIXPHZMtJVI4nNqzKcCkIR2E1DxucNqsgBI6OrNllVP0vW9nf1WWlpZazAnHCWM0V0YpXHg1dw7dGQs5rynbIeyQO8EntI02UYvlhBV20movTwWgXF/s320/my.sb.JPG" alt="" id="BLOGGER_PHOTO_ID_5285790407814143986" border="0" /></a><br />Dalam membangun sebuah blog, tak lengkap rasanya bila kita tidak memasang buku tamu ke blog, di samping untuk mempercantik blog, buku tamu merupakan sarana berinteraksi antar sesama blogger. Kita bisa saling mengunjungi dan bersilaturrahmi. Bisa buka kita melakukan sarana promosi lewat buku tamu tersebut, misalnya kita bisa menitipkan link atau email blog bisnis kita di buku tamu blog lain agar pengunjung lain dapat melihat link yang kita berikan dan berkunjung ke blog kita<br /><br />Kali ini kita akan mencoba memasang buku tamu dari Shoutmix,com. Udah siap ? let's go bloggers .... <span class="fullpost"><br /><br />1. Meluncurlah ke <a href="http://www.shoutmix.com/main/">http://www.shoutmix.com/</a><br />maka kita akan di bawa ke tampilan seperti di bawah ini :<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpNCcgZxknt6nnLNz-vB-4AmPK7T2iS0wUsFyjHzisJROyxHrZZ45cgcbckYqT3gnTTgo-brNedeosyiq116lqhTrwJWXh3MjoH_wEXRzE0G8__4XusQBI_Uzp3viyoE9iNlI3WIKCmdjE/s1600-h/sb01.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 238px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpNCcgZxknt6nnLNz-vB-4AmPK7T2iS0wUsFyjHzisJROyxHrZZ45cgcbckYqT3gnTTgo-brNedeosyiq116lqhTrwJWXh3MjoH_wEXRzE0G8__4XusQBI_Uzp3viyoE9iNlI3WIKCmdjE/s320/sb01.JPG" alt="" id="BLOGGER_PHOTO_ID_5285775291631414034" border="0" /></a><br /><br />2. Klik menu Create, lalu kita akan di bawa ke ruang registrasi seperti di bawah ini :<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzmifDsryoaq1Xd1YVyIkITBTA2Zs9Yfjm3S3NRsG4z_6TjQ3DOnzsVg5sr_IUA1yUpxzlnBwqlF-2p8X6SP_2mh3zfOmhxDbBHET6juS098MLqjKw7mA-JxIqa2__K7H5UxBP9zCZtOVU/s1600-h/sb.register.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 239px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzmifDsryoaq1Xd1YVyIkITBTA2Zs9Yfjm3S3NRsG4z_6TjQ3DOnzsVg5sr_IUA1yUpxzlnBwqlF-2p8X6SP_2mh3zfOmhxDbBHET6juS098MLqjKw7mA-JxIqa2__K7H5UxBP9zCZtOVU/s320/sb.register.JPG" alt="" id="BLOGGER_PHOTO_ID_5285776067981778098" border="0" /></a><br /><br />3. Isi keterangan yang diminta<br /><br />Shoutbox ID: isi misalnya dengan namamu kecilmu misalnya. nama ini nantinya untuk login ke shoutmix<br /><br />Choose password: isikan passwordmu<br /><br />Retype password: isikan dengan password yang sama dgn yang kamu isi sebelumnya<br /><br />Name: isikan kotak ini dengan namamu<br /><br />Email: isikan dengan alamat emailmu<br /><br />Centeng/tandai kotak kecil disamping I have read and agree to the Terms of Service.<br /><br />Klik CONTINUE<br /><br />Maka kita akan dibawa ke tampilan berikut :<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbksyRMFo6Wer93TSloJCD_t5dUF7RUXCLtOi0pLyxjB9RdwGGKjbrir840Br3bCyf7LOmhO8f8a8S504Ii-jqjX8zauT6BqetFc6wMhs0bkGY6sKUDwWeefoPItQFFPeQtbJrYiZ8YUzH/s1600-h/sb.mode.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 240px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbksyRMFo6Wer93TSloJCD_t5dUF7RUXCLtOi0pLyxjB9RdwGGKjbrir840Br3bCyf7LOmhO8f8a8S504Ii-jqjX8zauT6BqetFc6wMhs0bkGY6sKUDwWeefoPItQFFPeQtbJrYiZ8YUzH/s320/sb.mode.JPG" alt="" id="BLOGGER_PHOTO_ID_5285780514643311122" border="0" /></a><br /><br />4. Pilih salah satu model tampilan kotak shoutbok dengan menekan/memberi tanda pada bulatan kecil di samping nama style<br /><br />5. Klik CONTINUE<br /><br />Kita di bawa ke tampilan berikut :<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibKh3z7bcyW4P5ngMTZByVT6SzunUh3Y2bqLoHAqvIBIN_gSD8XLUGpNF7ECgp0kMzR6o54i38dw_hRxN1NH2gb_YFHDa0A0ZybbBv4gs6FODs7KIPyaPwU2_Ii-R7CUuQi2yp9ZdcTKKT/s1600-h/sb.controlpanels.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 140px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibKh3z7bcyW4P5ngMTZByVT6SzunUh3Y2bqLoHAqvIBIN_gSD8XLUGpNF7ECgp0kMzR6o54i38dw_hRxN1NH2gb_YFHDa0A0ZybbBv4gs6FODs7KIPyaPwU2_Ii-R7CUuQi2yp9ZdcTKKT/s320/sb.controlpanels.JPG" alt="" id="BLOGGER_PHOTO_ID_5285781570383327826" border="0" /></a><br /><br />5. Klik Control Panel<br />Kita akan di bawa ke ruang seperti gambar berikut :<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhr3a0sKLkCv1mEUUOffHoOJixXUcAkRyEw1P2DAbO5hm5CX4XqYIi-nlaJVlItUmCYoARSgD6BLvtXDsG1QS_18rsx_7aYq1E7OK_tjQWFDqI2-Wgvy_bsyItZF1FWrcjSkGuJwsO7OCoS/s1600-h/sb.setting.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 234px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhr3a0sKLkCv1mEUUOffHoOJixXUcAkRyEw1P2DAbO5hm5CX4XqYIi-nlaJVlItUmCYoARSgD6BLvtXDsG1QS_18rsx_7aYq1E7OK_tjQWFDqI2-Wgvy_bsyItZF1FWrcjSkGuJwsO7OCoS/s320/sb.setting.JPG" alt="" id="BLOGGER_PHOTO_ID_5285782537220453970" border="0" /></a><br /><br />6. pada sub menu display, klik Style & Colors untuk mengatur warna dan huruf sesuai keinginanmu. Secara default telah tersedia mode warna pada kotak "Load from preset:" Bila semua pengaturan telah selesai, klik "Save Settings"<br /><br />7. Klik Settings pada menu paling atas, kemudian pada sub menu display, "klik Date & Time" untuk melakukan pengaturan waktu. Pada kota "Timezone:" cari waktu sesuai nama kota tempat tinggalmu. Tentukan format waktu pada kotak "Format:" lalu simpan dengan mengklik "Save Settings"<br /><br />8. Klik kembali Sttings di menu paling atas, lalu pada sub menu "Quick Start" pilih "Get codes". maka kita akan di bawa ke tampilan seperti di bawah ini :<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIO516IWNNqYaSETgxyaY8DTDamcqx6rtR6vnCN-HJhdZGP-DQ5zzzPqE1FohAolGDJ3arIrbGAzEY5kN83qmbPsIw0Z0S4xLS2BzHeNWc7b3Bfb3OGghh1GX_q3_94pn_Gz5taQ1zl1y8/s1600-h/Get+Code.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 201px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIO516IWNNqYaSETgxyaY8DTDamcqx6rtR6vnCN-HJhdZGP-DQ5zzzPqE1FohAolGDJ3arIrbGAzEY5kN83qmbPsIw0Z0S4xLS2BzHeNWc7b3Bfb3OGghh1GX_q3_94pn_Gz5taQ1zl1y8/s320/Get+Code.JPG" alt="" id="BLOGGER_PHOTO_ID_5285785685795313570" border="0" /></a><br /><br />Atur tinggi dan lebar pada kotak "Width" dah "Heigt". Sesuaikan dengan tinggi dan lebar sidebar blogmu.<br /><br />9. Copy selur kode yang berada di dalam kotak Generated codes. Lalu simpan dalam dokumen TXT. Tapi kamu juga bisa langsung memasangnya ke blogmu.<br /><br />Sampai di sini, kita telah meyelesaikan tahap pertama dimana kita telah mendapatkan script yang akan kita pasang ke blog. Langkah selanjutnya adalah memasangnya ke blog.<br />Youk ... kita utak-atik lagi...<br /><br />a. Login ke blogspot<br />b. klik customize<br />c. klik layout<br />d. Klik Add d Gadget<br />e. pilih HTML/JavaScript<br />d. Isi kotak "Title" dengan nama sesukamu, misalnya "Buku Tamu"<br />e. Pastekan kode yang kotak copy dari shoutmix.com tadi ke ruang "Content"<br />f. Klik save untuk menyimpan<br />g. atur letak shoutboxmu dengan aksi drag n drop pada ruang edit conten<br />h. klik save<br />i. klik view blog untuk melihat perubahan<br /><br />Selamat bloggers ... anda sekarang telah punya buku tamu. Selamat Mencoa ...<br /><br /><br /><br /></span><br /><span class="fullpost"><br /><br /></span>Buchexhttp://www.blogger.com/profile/06453091683622654693noreply@blogger.com1