tag:blogger.com,1999:blog-41766728059024828132024-02-07T11:25:28.907+07:00Just for BloggerRommyhttp://www.blogger.com/profile/03675770644068654605noreply@blogger.comBlogger28125tag:blogger.com,1999:blog-4176672805902482813.post-54805794537941193982010-03-26T08:56:00.004+07:002010-03-26T09:01:59.429+07:00The Blogger Template Designer<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3K8fk2sg-BzAQwAj4GY0plxnpaylueOOQ4PxpmCeo0vl644DaE5oah3G5P6fDvdfwQhSqfmj3l3Jcdh9iAPZaOuJMt4yKqisCw-Mk8Tfc4i21X0Ht_1JFt8xP4DsanDPTjqgvPHxyY-mg/s1600-h/image.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="97" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3K8fk2sg-BzAQwAj4GY0plxnpaylueOOQ4PxpmCeo0vl644DaE5oah3G5P6fDvdfwQhSqfmj3l3Jcdh9iAPZaOuJMt4yKqisCw-Mk8Tfc4i21X0Ht_1JFt8xP4DsanDPTjqgvPHxyY-mg/s400/image.png" width="400" /></a></div><div style="color: #333333; font-family: verdana, arial, Sans-erif; font-size: 12px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 4px;"><br />
</div><div style="color: #333333; font-family: verdana, arial, Sans-erif; font-size: 12px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 4px;">Inilah yang ditunggu-tunggu para pengguna blogger selama bertahun-tahun, akhirnya sampai juga saatnya dimana blogger meluncurkan cara termudah bagi penggunanya untuk mendesain template sendiri secara online yang ditanam langsung pada halaman dashboard. Berita yang baru saja om terima dari <a href="http://bloggerindraft.blogspot.com/2010/03/blogger-template-designer.html" style="color: #346ba4; text-decoration: none;" target="_blank">blogger in draft</a> tentu saja membawa angin segar buat yang kesulitan untuk men-custom tampilan blognya agar bisa tampil lebih menarik dan berbeda.</div><div style="color: #333333; font-family: verdana, arial, Sans-erif; font-size: 12px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 4px;"><br />
</div><div style="color: #333333; font-family: verdana, arial, Sans-erif; font-size: 12px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 4px;">Selain menambahkan fitur terbaru pada template desainer, blogger juga dengan senang hati menyediakan 15 pilihan template terbaru. Disitu pula tersedia pilihan layout colom mulai dari 1-3 pilihan colom yang dapat rekan pilih langsung. Dan yang lebih menyenangkan, blogger juga menyediakan ratusan background dan beberapa pola siap pakai. Biar gak penasaran, rekan lihat saja videonya langsung dibawah ini:</div><br />
<object height="385" width="640"><param name="movie" value="http://www.youtube.com/v/r6haqZoivBQ&rel=0&color1=0xb1b1b1&color2=0xcfcfcf&hl=en_US&feature=player_embedded&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowScriptAccess" value="always"></param><embed src="http://www.youtube.com/v/r6haqZoivBQ&rel=0&color1=0xb1b1b1&color2=0xcfcfcf&hl=en_US&feature=player_embedded&fs=1" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="510" height="350"></embed></object><br />
<br />
<br />
<div style="color: #333333; font-family: verdana, arial, Sans-erif; font-size: 12px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 4px;">Untuk bisa mencoba layanan ini, karena masih dalam tahap uji coba, rekan seperti biasa harus login dulu melalui blogger draft di alamat ini <a href="http://draft.blogger.com/" style="color: #346ba4; text-decoration: none;">http://draft.blogger.com</a></div><div style="color: #333333; font-family: verdana, arial, Sans-erif; font-size: 12px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 4px;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjx1AK0hyg0KGOPVGC7NJDjU3j_zgRoIMfeYhxnWw0jKElxoB2I82S42DK073UHHVuv8LUtTJuhyphenhyphenFnN5gyWl2FVYIFxUJ3ZamF-IAcYQEf78nXdsWld9A7k6DDUUdkioW4WCc1FSQaIi176/s1600-h/c5jdf7p_1034g592djcn_b.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="57" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjx1AK0hyg0KGOPVGC7NJDjU3j_zgRoIMfeYhxnWw0jKElxoB2I82S42DK073UHHVuv8LUtTJuhyphenhyphenFnN5gyWl2FVYIFxUJ3ZamF-IAcYQEf78nXdsWld9A7k6DDUUdkioW4WCc1FSQaIi176/s400/c5jdf7p_1034g592djcn_b.png" width="400" /></a></div><div style="color: #333333; font-family: verdana, arial, Sans-erif; font-size: 12px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 4px;"><span class="Apple-style-span" style="color: black; font-family: 'Times New Roman';"><span class="Apple-style-span" style="font-size: medium; line-height: normal;"><span class="Apple-style-span" style="color: #333333; font-family: verdana, arial, Sans-erif; font-size: small;"><span class="Apple-style-span" style="font-size: 12px; line-height: 20px;"><br />
</span></span></span></span></div><br />
Selamat mencoba...<br />
<br />
<img src="http://signatures.mylivesignature.com/54487/192/753CFE91431048B3CCF65F44EBE42A85.png" style="background: transparent; border: 0 !important;" />Rommyhttp://www.blogger.com/profile/03675770644068654605noreply@blogger.com1tag:blogger.com,1999:blog-4176672805902482813.post-19291065602918437042009-10-31T10:23:00.001+07:002009-10-31T10:26:00.271+07:00Navbar Blogger Warna Transparant<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJFiKq7f_ArP91tHG6RVmroo0fG32TVfcuImVsQSKWxUmcXFvnEbnrZ6a8KmV7XhjwmjMXhCZ9ncrDD5JuQ3qeC_ZSYL0Bkr_zy7-JkFg4NjvZD-sKWNgK0KqsJbK6wOYz1gZpmdirwR6I/s1600-h/blogger+blogspot.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJFiKq7f_ArP91tHG6RVmroo0fG32TVfcuImVsQSKWxUmcXFvnEbnrZ6a8KmV7XhjwmjMXhCZ9ncrDD5JuQ3qeC_ZSYL0Bkr_zy7-JkFg4NjvZD-sKWNgK0KqsJbK6wOYz1gZpmdirwR6I/s200/blogger+blogspot.jpg" /></a><br />
</div><span style="color: #333333; font-family: verdana; font-size: small;"><span class="Apple-style-span" style="font-size: 12px; line-height: 20px;"><br />
</span></span><br />
<span style="color: #333333; font-family: verdana; font-size: 12px; line-height: 20px;">Blogger kembali memperbaiki sistem tampilan pada Navigasi Bar mereka, jika dulu navbar blogger hanya memberikan 4 pilihan warna tradisional yaitu Blue, Black, Tan dan silver, sekarang blogger menambahkan dua lagi skema warna baru yaitu "<b>Transparan Light</b>" dan "T<b>ransparan Dark</b>.".</span><br />
<span style="color: #333333; font-family: verdana; font-size: small;"><span style="font-size: 12px; line-height: 20px;"><br />
</span></span><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgchsG79De8SmgIRPpaB32cLOqdXqFfuRA58VvL1D30rweFmgeH0cj5HBH-eo0ZdVnzf1SYeFAqNKprNEwMw6vu8OwinvLAIZOUqGUU7d-9Fv_nX3PiI0bt8mU2j5c88gBbUcJ4XfvCb1Ml/s1600-h/navbartransparentlight.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgchsG79De8SmgIRPpaB32cLOqdXqFfuRA58VvL1D30rweFmgeH0cj5HBH-eo0ZdVnzf1SYeFAqNKprNEwMw6vu8OwinvLAIZOUqGUU7d-9Fv_nX3PiI0bt8mU2j5c88gBbUcJ4XfvCb1Ml/s400/navbartransparentlight.jpg" /></a><br />
</div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPZ30zB_gWRP5JNT4MyEZYRdwQaXm8RmVam_2zKP2fVo5drakHSWkE9Kq3VvS6wYS9ZxW1xKSG8Vbpdr3gXJEwhnjJWeGrHXf4Cu2B0lThSAmAOFoX2fKU2FlJzcLfzMSRjmLrEJ2EmfYu/s1600-h/navbartransparentdark.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPZ30zB_gWRP5JNT4MyEZYRdwQaXm8RmVam_2zKP2fVo5drakHSWkE9Kq3VvS6wYS9ZxW1xKSG8Vbpdr3gXJEwhnjJWeGrHXf4Cu2B0lThSAmAOFoX2fKU2FlJzcLfzMSRjmLrEJ2EmfYu/s400/navbartransparentdark.jpg" /></a><br />
</div><span style="color: #333333; font-family: verdana; font-size: small;"><span style="font-size: 12px; line-height: 20px;"><br />
</span></span><br />
<span style="color: #333333; font-family: verdana; font-size: 12px; line-height: 20px;">Skema warna baru ini memanfaatkan kemampuan browser modern untuk memberikan transparansi (sebuah teknik yang dikenal untuk web designer sebagai "<b>alpha blending</b>"). </span><br />
<span style="color: #333333; font-family: verdana; font-size: 12px; line-height: 20px;">Hal ini memungkinkan kita untuk memadukan background navbar bersama dengan background warna blog saat ini. "Transparan Light" memiliki skema warna semi-transparan dengan latar belakang warna putih, menghasilkan warna pastel halus, sementara latar belakang "Transparan Dark" adalah warna hitam semi-transparan yang menghasilkan tampilan yang teduh. </span><br />
<span style="color: #333333; font-family: verdana; font-size: small;"><span style="font-size: 12px; line-height: 20px;"></span></span><br />
<span style="color: #333333; font-family: verdana; font-size: small;"></span><br />
<span style="color: #333333; font-family: verdana; font-size: small;"><div style="line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 4px;"><br />
</div><div style="line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 4px;">Berita selengkapnya bisa dibaca langsung pada <a href="http://buzz.blogger.com/2009/10/new-transparent-navbar-styles.html" style="color: #346ba4; text-decoration: none;" target="_blank">Blogger Buzz</a><br />
</div></span><br />
<span style="font-size: small;"><i>Thank for Agus Ramadhani</i></span><br />
<span style="font-size: small;"><span style="font-size: 13px;"><i><br />
</i></span></span><br />
<img src="http://signatures.mylivesignature.com/54487/192/753CFE91431048B3CCF65F44EBE42A85.png" style="background: transparent; border: 0 !important;" />Rommyhttp://www.blogger.com/profile/03675770644068654605noreply@blogger.com4tag:blogger.com,1999:blog-4176672805902482813.post-14139914167334857182009-09-10T12:31:00.000+07:002009-09-10T12:31:50.297+07:00Readmore (Jump Breaks) pada BloggerBlogger sekarang udah punya readmore sendiri!!! Fasilitas Jump Breaks yang sudah lama jadi impian para blogger ini akhirnya terwujud juga, berita gembira ini bisa rekan baca langsung diblog resminya blogger, <a href="http://bloggerindraft.blogspot.com/" target="new">blogger in draft</a>. <br />
Berhubung fasilitas readmore ini masih dalam tahap uji coba pengguna, jadi hanya bisa digunakan pada area draft blogger saja. silahkan login dulu melalui <a href="http://draft.blogger.com/" new="" target="">draft.blogger</a><br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFM23QAx4QSSLBkl4qTiNGSq3FK2h9Dki6apTjAQIazwl_iXCky66dFPL7HMxT7SwMeRzqNzeMGZDJum49kjYHbXhf_UX-rLj2JxKLBe6ZKKKHLh7vpBigiABlwuFhGYtRtcmRD0847EWY/s1600-h/readmore2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFM23QAx4QSSLBkl4qTiNGSq3FK2h9Dki6apTjAQIazwl_iXCky66dFPL7HMxT7SwMeRzqNzeMGZDJum49kjYHbXhf_UX-rLj2JxKLBe6ZKKKHLh7vpBigiABlwuFhGYtRtcmRD0847EWY/s320/readmore2.png" /></a> </div><div class="separator" style="clear: both; text-align: justify;"></div>Ada dua cara mengaktifkan fasilitas readmore sekaligus mengatur letak pemenggalan teks, yang pertama, jika berada pada area <b>Compose</b>, kita tinggal mengatur saja letak pemenggalannya dengan mengarahkan mouse sesuai posisi cursor, kemudian diikuti dengan mengklik icon kecil <b>"insert jump break"</b>.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEj1rI8hkE08HPtksmHXgBhreKDXZlyMOz_Qlgei9_tTguFuxrIPAyQi8Nrhx33UkAgGVK-dD0s0YZ7GpU4bbwdhXuVlwm2XeGz4IMkjPG1qPd5D4ORtU5Ggh28Q-hqYRK1s0-ZnNbM5GX/s1600-h/readmore.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEj1rI8hkE08HPtksmHXgBhreKDXZlyMOz_Qlgei9_tTguFuxrIPAyQi8Nrhx33UkAgGVK-dD0s0YZ7GpU4bbwdhXuVlwm2XeGz4IMkjPG1qPd5D4ORtU5Ggh28Q-hqYRK1s0-ZnNbM5GX/s320/readmore.png" /></a></div><br />
Cara yang kedua, merupakan cara manual, seperti cara konvensional yang biasa kita lakukan pada halaman <b>EDIT HTML,</b> kita tinggal menggunakan kode berikut ini <b><span style="color: green;"></span> </b>dan letakan dilokasi text yang ingin dipenggal.<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTro18OsORp1Nvk3lZqVsxPDUIoHGeh__nMQv5NsSZEZPCWLpAj5f9YDHFM82k3thV-i0b0122wX-NTJkf98twqyeJn619RcJeL8B2-4jiivMjLq4a6jy4GEHiXGt6Oig1I9rn7STCo1bY/s1600-h/jumppoint.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTro18OsORp1Nvk3lZqVsxPDUIoHGeh__nMQv5NsSZEZPCWLpAj5f9YDHFM82k3thV-i0b0122wX-NTJkf98twqyeJn619RcJeL8B2-4jiivMjLq4a6jy4GEHiXGt6Oig1I9rn7STCo1bY/s320/jumppoint.png" /></a></div><br />
<br />
Want to change the "Read more" text to something more your style? No problem. You can edit the "Read more" text by clicking <b>Layout </b>and then <b>Edit </b>the <b>Blog Posts</b> widget.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTF9c67tu5U8XDNiRAO9jhWJPc3644y-1XHTbfM2DXPUxRW0UxadeRz9t4fi9N5zMvNL3xeZuZibVefQY_vRuyICbnx0p4uLTgp8ZITgTHsyLvjb8B3kTmYbD5GzSyjyHUu50AyGs589ml/s1600-h/pagepagelinktext.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTF9c67tu5U8XDNiRAO9jhWJPc3644y-1XHTbfM2DXPUxRW0UxadeRz9t4fi9N5zMvNL3xeZuZibVefQY_vRuyICbnx0p4uLTgp8ZITgTHsyLvjb8B3kTmYbD5GzSyjyHUu50AyGs589ml/s320/pagepagelinktext.png" /></a></div><br />
<br />
Gambar diatas diambil dari bloggerindraft.blogspot.com<br />
Demikian, smoga bermanfaat buat temen-temen.... <br />
<br />
<img src="http://signatures.mylivesignature.com/54487/192/753CFE91431048B3CCF65F44EBE42A85.png" style="-moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; background: transparent none repeat scroll 0% 0%; border: 0pt none ! important;" />Rommyhttp://www.blogger.com/profile/03675770644068654605noreply@blogger.com5tag:blogger.com,1999:blog-4176672805902482813.post-68222911130055462932009-07-29T10:15:00.000+07:002009-07-29T10:15:45.342+07:00Evolusi Blogger 1999 - 2009Sedikit sejarah tentang blogger bagi anda yang belum tau, yang udah tau mending baca artikel yang lain aja yach... :D<br />
Blogger dibuat oleh Pyra Labs dan diluncurkan pada 23 Agustus 1999. Menarik untuk mengetahui bagaimana Blogger di masa lalu. Berikut sedikit penjelasan mengenai sejarah blogger beserta gambar...<br />
<br />
<b>Blogger pada tahun 1999</b><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOo5sYKL5oCda3v6b0_9Q6JJbl9ImERUFYBltBUyJWMwyrOjZ4Mus3ck5JH_Br1GJ0ZLAtLclcteggZebYJfFyf0h7EmqXJyNcurJRfRaAUGFiyjLaLZSUg0R0FRff3DmCdpwgQ6hRPk5v/s1600-h/blogger+in+1999.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOo5sYKL5oCda3v6b0_9Q6JJbl9ImERUFYBltBUyJWMwyrOjZ4Mus3ck5JH_Br1GJ0ZLAtLclcteggZebYJfFyf0h7EmqXJyNcurJRfRaAUGFiyjLaLZSUg0R0FRff3DmCdpwgQ6hRPk5v/s320/blogger+in+1999.jpg" /></a></div><br />
<span class="Apple-style-span" style="font-weight: bold;">Blogger pada tahun 2000</span><br />
<b><br />
</b><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCnx8P4BMD_t_qERDg9ZW_txxf10gf95hLcPhwlbhanOA-gUlhMOA0QB1eMlQ7HEKBzrGoTjjU-RmsMNLsMMRpL-8FvZUFooTXWq0Fb73mTZyjN_UrjVSFD-nY-gK1p75SBAQ-a1LQT3DB/s1600-h/blogger+in+2000.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCnx8P4BMD_t_qERDg9ZW_txxf10gf95hLcPhwlbhanOA-gUlhMOA0QB1eMlQ7HEKBzrGoTjjU-RmsMNLsMMRpL-8FvZUFooTXWq0Fb73mTZyjN_UrjVSFD-nY-gK1p75SBAQ-a1LQT3DB/s320/blogger+in+2000.jpg" /></a></div><br />
Tahun 2003 Blogger dibeli oleh Google Inc dan desainpun berubah pada tahun 2004. Google juga menambahkan beberapa fitur keren seperti Upload foto (melalui Picasa), komentar, halaman arsip untuk posting dan lain-lainnya.<br />
<br />
<b>Blogger pada tahun 2004 sampai sekarang</b><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnNUg1tGT_D7sfcdC2EVKVFqhgAh5BPGz_b9El7fy2vCsLp6sEn_s_-59-UhZPM26UVt1qxGBqK3OcjFBJ6hHIQj5HP3b_ZThAd_Zo8VpaLgv9WXUxOPpMhjG1PWnBxEzcjexwFM5Es3ND/s1600-h/blogger+now.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnNUg1tGT_D7sfcdC2EVKVFqhgAh5BPGz_b9El7fy2vCsLp6sEn_s_-59-UhZPM26UVt1qxGBqK3OcjFBJ6hHIQj5HP3b_ZThAd_Zo8VpaLgv9WXUxOPpMhjG1PWnBxEzcjexwFM5Es3ND/s320/blogger+now.jpg" /></a></div><br />
Demikian sedikit sejarah blogger.<br />
Semoga bermanfaat... :)<br />
<br />
<br />
<img src="http://signatures.mylivesignature.com/54487/192/753CFE91431048B3CCF65F44EBE42A85.png" style="background: transparent; border: 0 !important;" />Rommyhttp://www.blogger.com/profile/03675770644068654605noreply@blogger.com3tag:blogger.com,1999:blog-4176672805902482813.post-91491999955284148392009-07-29T08:56:00.002+07:002009-07-29T09:08:42.633+07:00Emoticon di Kotak KomentarMemasang emoticon pada kotak komentar bukan saja membuat blog kita jadi keliatan rame, tapi juga akan membuat para pengunjung yang ingin berkomentar bisa me-ekspresikan isi komentarnya, gitu kira-kira penjelasannya yach? <br />
Kalau di wordpress mungkin feature ini sudah tersedia. Tapi untuk blogspot kita harus menambah sedikit trik.<br />
Dalam artikel kali ini saya akan memberikan dua macam contoh emoticon.<br />
<div style="text-align: center;"> <a href="http://s679.photobucket.com/albums/vv156/Romm30/?action=view&current=17.png" target="_blank"><img alt="Photobucket" border="0" height="220" src="http://i679.photobucket.com/albums/vv156/Romm30/17.png" width="220" /></a></div><b><i>Langkah-langkahnya :</i></b><br />
<br />
1. Pertama login ke blogger, trus ke "Layout (Tataletak) --> Edit HTML "<br />
2. Beri tanda centang pada kotak "expand widget template"<br />
3. Lalu letakkan script berikut sebelum kode <span style="color: #0b5394;"></body> </span><br />
<br />
<b>Untuk Emoticon Yahoo :</b><br />
<br />
<span style="color: #0b5394;"><script src='http://kendhin.890m.com/emoticon/smile1.js' type='text/javascript'/></span><br />
<br />
<b>Untuk Emoticon Kucing :</b><br />
<br />
<span style="color: #0b5394;"><script src='http://kendhin.890m.com/emoticon/smile2.js' type='text/javascript'/></span><br />
<br />
4. Kemudian cari kode berikut ini :<br />
<div style="background: #D8FDC8 none repeat scroll 0% 0%; border: 1px solid #0000CC; padding: 5px;"><p class='comment-footer'><br />
<b:if cond='data:post.embedCommentForm'><br />
<b:include data='post' name='comment-form'/><br />
<b:else/><br />
<b:if cond='data:post.allowComments'><br />
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a><br />
</b:if><br />
</b:if><br />
</p></div><br />
5. Kalo sudah ketemu letakkan kode-kode berikut setelah kode <b><span style="color: #0b5394;"><p class='comment-footer'></span></b><br />
<br />
<b>Ini untuk Yahoo emoticon :</b><br />
<div style="background: #D8FDC8 none repeat scroll 0% 0%; border: 1px solid #0000CC; padding: 5px;"><img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif'/><br />
:))<br />
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif'/><br />
:)] <br />
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif'/><br />
;)) <br />
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif'/><br />
;;)<br />
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif'/><br />
:D <br />
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif'/><br />
;) <br />
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/><br />
:p <br />
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif'/><br />
:(( <br />
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif'/><br />
:) <br />
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif'/><br />
:( <br />
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif'/><br />
:X <br />
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif'/><br />
=(( <br />
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif'/><br />
:-o <br />
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif'/><br />
:-/ <br />
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif'/><br />
:-* <br />
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif'/><br />
:| <br />
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif'/><br />
8-} <br />
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif'/><br />
~x( <br />
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif'/><br />
:-t <br />
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif'/><br />
b-( <br />
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif'/><br />
:-L<br />
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif'/><br />
x( <br />
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif'/><br />
=))</div><br />
<b>Emoticon kucing pake yang ini :</b><br />
<div style="background: #D8FDC8 none repeat scroll 0% 0%; border: 1px solid #0000CC; padding: 5px;"><img border='0' src='http://kendhin.890m.com/emoticon/capek.gif'/><br />
:f<br />
<img border='0' src='http://kendhin.890m.com/emoticon/bigsmile.gif'/><br />
:D<br />
<img border='0' src='http://kendhin.890m.com/emoticon/hi.gif'/><br />
:)<br />
<img border='0' src='http://kendhin.890m.com/emoticon/kagum.gif'/><br />
;;)<br />
<img border='0' src='http://kendhin.890m.com/emoticon/love.gif'/><br />
:x<br />
<img border='0' src='http://kendhin.890m.com/emoticon/malu.gif'/><br />
:$<br />
<img border='0' src='http://kendhin.890m.com/emoticon/marah.gif'/><br />
x(<br />
<img border='0' src='http://kendhin.890m.com/emoticon/bingung.gif'/><br />
:?<br />
<img border='0' src='http://kendhin.890m.com/emoticon/mumet.gif'/><br />
:@<br />
<img border='0' src='http://kendhin.890m.com/emoticon/muntah.gif'/><br />
:~<br />
<img border='0' src='http://kendhin.890m.com/emoticon/mentok.gif'/><br />
:|<br />
<img border='0' src='http://kendhin.890m.com/emoticon/ngakak.gif'/><br />
:))<br />
<img border='0' src='http://kendhin.890m.com/emoticon/sedih.gif'/><br />
:(<br />
<img border='0' src='http://kendhin.890m.com/emoticon/senang.gif'/><br />
:s<br />
<img border='0' src='http://kendhin.890m.com/emoticon/tolong.gif'/><br />
:((<br />
<img border='0' src='http://kendhin.890m.com/emoticon/wow.gif'/><br />
:o </div><br />
6. Kalo sudah trus di "save" dan coba lihat hasilnya<br />
<br />
<i><b>Catatan :</b></i><br />
<span style="color: #666666;"><span style="font-size: small;">Kadang-kadang ada beberapa template memiliki kode yang beda. Kalau caranya sudah dilaksanakan dengan benar tapi hasilnya tidak terjadi apa-apa atau kodenya tidak berubah menjadi emoticon, kemungkinan itu karena kode untuk templatenya berbeda atau bisa juga karena hosting untuk menaruh file emoticon dan javascriptnya sedang bermasalah.</span></span><br />
<br />
<img src="http://signatures.mylivesignature.com/54487/192/753CFE91431048B3CCF65F44EBE42A85.png" style="background: transparent; border: 0 !important;" />Rommyhttp://www.blogger.com/profile/03675770644068654605noreply@blogger.com5tag:blogger.com,1999:blog-4176672805902482813.post-10472885698467369732009-07-28T02:04:00.000+07:002009-07-28T02:04:32.202+07:00Award untuk Blog anda!<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioQjwYMY4Raai1zitfV9UL2ZEdq_pufzZ1knotZeBqJ8nCb2jRoyHLjvJvjyCZyRrjz-NCLb63S7jOmZ4cZgav79rCrj3CnQkyJbhn-p0WMQA5GEiXcDXeOX-1e2MJekEFvHVcn7_vdaKB/s1600-h/logoku.gif" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioQjwYMY4Raai1zitfV9UL2ZEdq_pufzZ1knotZeBqJ8nCb2jRoyHLjvJvjyCZyRrjz-NCLb63S7jOmZ4cZgav79rCrj3CnQkyJbhn-p0WMQA5GEiXcDXeOX-1e2MJekEFvHVcn7_vdaKB/s200/logoku.gif" /></a></div><span style="font-family: Arial; font-size: 12px; line-height: 19px;">alhamdulillah.. terus terang ini awardku yg pertama.. terima kasih buat <a href="http://blognyaipank.blogspot.com/2009/07/award-for-your-blog.html" style="color: #2255aa; text-decoration: none;">blognyaipank</a> yang belum lama berkawan, makasih langsung dikasih award..hehe.. Berhubung ini adalah award berbacklink yang bisa ngebantu ningkatin statistik blog. jadi aku kasih award ini buat :<br />
<a href="http://www.rajamp3.com/" style="color: #2255aa; text-decoration: none;">Rajamp3,</a> <a href="http://www.mrd33p.blogspot.com/" style="color: #2255aa; text-decoration: none;"> Mrd33p blog, </a> <a href="http://www.ceef88.blogspot.com/" style="color: #2255aa; text-decoration: none;"> O.b.e.n.g, </a> <a href="http://yogopunyablog.blogspot.com/" style="color: #2255aa; text-decoration: none;"> Yogo, </a> <a href="http://www.risalm.blogspot.com/" style="color: #2255aa; text-decoration: none;"> Rizal blog, </a> <a href="http://arisbudi10.blogspot.com/" style="color: #2255aa; text-decoration: none;"> Blogger Paranggupito, </a> <a href="http://cepatdantepat.blogspot.com/" style="color: #2255aa; text-decoration: none;"> Cepat dan tepat, </a> <a href="http://glndys.blogspot.com//" style="color: #2255aa; text-decoration: none;"> Glndys, </a> <a href="http://marhaen182.blogspot.com/" style="color: #2255aa; text-decoration: none;"> Marhaen182, </a> <a href="http://romm30.blogspot.com/" style="color: #2255aa; text-decoration: none;"> Goda Gado </a><br />
<br />
</span><br />
<span style="font-family: Arial; font-size: 12px; line-height: 19px;"> “Bagi siapa saja yang menerima award ini diharuskan untuk membagikan kembali award ini kepada sepuluh orang temannya. Dan selanjutnya si penerima award harus meletakkan link-link berikut ini di blog atau artikel kamu :<br />
<br />
1. <a href="http://evyliahardy.blogspot.com/" style="color: #2255aa; text-decoration: none;">Evylia Hardy </a><br />
2. <a href="http://eric-musik.blogspot.com/" style="color: #2255aa; text-decoration: none;">Eric Ariyanto </a><br />
3. <a href="http://masterzukhruf.blogspot.com/" style="color: #2255aa; text-decoration: none;">Irfan</a><br />
4. <a href="http://www.masdoyok.co.cc/" style="color: #2255aa; text-decoration: none;">Piyenkz</a><br />
5. <a href="http://www.masdoyok.co.cc/" style="color: #2255aa; text-decoration: none;">Mas Doyok </a><br />
6. <a href="http://aremaniangalam.blogspot.com/" style="color: #2255aa; text-decoration: none;">Reza </a><br />
7. <a href="http://boybloglinux.blogspot.com/" style="color: #2255aa; text-decoration: none;">Rizky</a><br />
8. <a href="http://omtomi.blogspot.com/" style="color: #2255aa; text-decoration: none;">Omtomi</a><br />
9. <a href="http://blognyaipank.blogspot.com/" style="color: #2255aa; text-decoration: none;">Blognyaipank</a><br />
10. <a href="http://rocirel.blogspot.com/" style="color: #2255aa; text-decoration: none;">Rocirel</a><br />
<br />
Aturannya begini <span class="Apple-style-span" style="font-style: italic;">(maaf saya copy paste aja ya dari blognya mas ipank) :</span> sebelum kamu meletakkan link di atas, kamu harus menghapus peserta nomor 1 dari daftar. Sehingga semua peserta naik 1 level. Yang tadi nomor 2 jadi nomor 1, nomor 3 jadi 2, dst. Kemudian masukkan link kamu sendiri di bagian paling bawah (nomor 10). Tapi ingat ya, kalian semua harus fair dalam menjalankannya. Jika tiap penerima award mampu memberikan award ini kepada 5 orang saja dan mereka semua mengerjakannya , maka jumlah backlink yang akan didapat adalah<br />
<br />
Ketika posisi kamu 10, jumlah backlink = 1<br />
Posisi 9, jml backlink = 5<br />
Posisi 8, jml backlink = 25<br />
Posisi 7, jml backlink = 125<br />
Posisi 6, jml backlink = 625<br />
Posisi 5, jml backlink = 3,125<br />
Posisi 4, jml backlink = 15,625<br />
Posisi 3, jml backlink = 78,125<br />
Posisi 2, jml backlink = 390,625<br />
Posisi 1, jml backlink = 1,953,125<br />
<br />
Dan semuanya menggunakan kata kunci yang kamu inginkan. Dari sisi SEO kamu sudah mendapatkan 1,953,125 backlink dan efek sampingnya jika pengunjung web para downline kamu mengklik link itu, kamu juga mendapatkan traffik tambahan.<br />
Nah, silahkan copy paste saja, dan hilangkan peserta nomor 1 lalu tambahkan link blog/website kamu di posisi 10. Ingat, kamu harus mulai dari posisi 10 agar hasilnya maksimal. Karena jika kamu tiba2 di posisi 1, maka link kamu akan hilang begitu ada yang masuk ke posisi 10.”<br />
Demikian copas dari tulisan mas ipank. Selamat mengambil award-nya, teman-teman...</span><br />
<br />
<br />
<img src="http://signatures.mylivesignature.com/54487/192/753CFE91431048B3CCF65F44EBE42A85.png" style="background: transparent; border: 0 !important;" />Rommyhttp://www.blogger.com/profile/03675770644068654605noreply@blogger.com4tag:blogger.com,1999:blog-4176672805902482813.post-36864454687993570232009-07-22T12:12:00.000+07:002009-07-22T12:12:35.669+07:00Judul Blog lebih SEODengan memasang trik ini pada blog bisa membuat blog kita akan menempati sepuluh besar hasil pencarian search engine, semoga. Intinya judul blog akan ditampilkan <br />
lebih dahulu baru kemudian nama blog kita. <br />
<br />
- login ke akun blogger anda, pada dashboard klik layout, edit html.<br />
- cari tulisan seperti dibawah ini pada kolom edit template.<br />
<span style="color: #3d85c6;"> <title><data:blog.title/></title></span><br />
- kemudian ganti tulisan di atas dengan yang di bawah ini.<br />
<br />
<span style="color: #3d85c6;"><b:if cond='data:blog.pageType == "item"'></span><br />
<span style="color: #3d85c6;"><title></span><data:blog.pagename><span style="color: #3d85c6;"> |<data:blog.title/></title><br />
<b:else/><br />
<title><data:blog.pageTitle/></title> </b:if></span><br />
<br />
selesai, jangan lupa di save<br />
<br />
<img src="http://signatures.mylivesignature.com/54487/192/753CFE91431048B3CCF65F44EBE42A85.png" style="background: transparent; border: 0 !important;" /></data:blog.pagename>Rommyhttp://www.blogger.com/profile/03675770644068654605noreply@blogger.com2tag:blogger.com,1999:blog-4176672805902482813.post-81612773465068818382009-07-22T11:15:00.000+07:002009-07-22T11:15:22.133+07:00Belajar SEOArtikel belajar seo ini bukanlah sebuah tutorial mengenai cara belajar seo. Artikel ini sengaja saya posting sebagai bahan gambaran bagi anda untuk memahami bagaimana belajar seo. SEO merupakan suatu hal yang tidak akan pernah lepas dari para blogger. Khususnya bagi mereka yang memang lebih mengutamakan monetize blog ( memaksimalkan blog untuk memperoleh penghasilan ).<br />
Intinya..supaya blog kita banyak dikunjungi orang. Terlebih jika kita memang sangat mengandalkan monetize blog yang memang salah satu syarat mutlaknya blog kita harus banyak dikunjungi orang.<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigja6ArTwH25B1HtiKXu9DLvTWBKKMEWJN2cXmOMLOe2kCmRM4A8xqZmJCBCl2mPm3SJbky3bumAiPd-SkdVAHEgt64dRfEGGmDxwm0_6Klyr7KzjUQAlKOEh_iXLpwV2WXUq4EzwL4KSA/s1600-h/process-seo.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigja6ArTwH25B1HtiKXu9DLvTWBKKMEWJN2cXmOMLOe2kCmRM4A8xqZmJCBCl2mPm3SJbky3bumAiPd-SkdVAHEgt64dRfEGGmDxwm0_6Klyr7KzjUQAlKOEh_iXLpwV2WXUq4EzwL4KSA/s320/process-seo.png" /></a></div><br />
Belajar seo sebenernya gampang. Cuma untuk memahami sekaligus mengaplikasikan seo itu sendiri yang susah. Makanya banyak orang bilang seo itu gampang - gampang susah. Tapi jangan putus asa kalo kita yakin dan mau serius ga ada yang ga mungkin kok.<br />
<br />
Di internet ini banyak sekali artikel - artikel tentang seo. Walaupun kita ga tau yang nulis artikel tersebut memang benar - benar memahami seo atau tidak. Tapi lepas dari itu semua, inti dari artikel seo itu yang harus kita cermati bukan siapa yang buatnya. Karena yang namanya ilmu akan datang dari siapa saja bukan dari kalangan tertentu.<br />
<br />
Nah..sebelum mengakhiri postingan ini, saya akan sedikir berbagi tips bagaimana cara belajar seo yang baik (menurut saya) dan memang hal ini yang sedang saya coba jalani sekarang. Jika memang menurut anda bermanfaat, silahkan ambil dan ikuti, jika tidak...lewat saja OK. Berikut tips dari saya mengenai cara belajar seo :<br />
<br />
<ul><li>Pelajari SEO dengan membaca artikel - artikel orang lain.</li>
<li>Simak dan cermati inti dari setiap artikel seo itu</li>
<li>Coba praktekan sesuai dengan apa yang anda pelajari</li>
<li>Yang terakhir...dan yang paling penting jangan pernah ingin terburu - terburu untuk memperoleh hasil karena segala sesuatu itu butuh waktu dan pengorbanan.</li>
</ul><br />
Mudah - mudahan bermanfaat.<br />
<br />
<br />
<img src="http://signatures.mylivesignature.com/54487/192/753CFE91431048B3CCF65F44EBE42A85.png" style="background: transparent; border: 0 !important;" /><br />
<br />
<span style="color: #666666;"><span class="Apple-style-span" style="font-size: small;">Thank's for kursusblog</span></span>Rommyhttp://www.blogger.com/profile/03675770644068654605noreply@blogger.com2tag:blogger.com,1999:blog-4176672805902482813.post-59104387553375811442009-07-22T11:04:00.000+07:002009-07-22T11:04:09.094+07:00SEO..., apaan tuch...?Udah pada tau tentang SEO?<br />
SEO adalah kepanjangan dari Search Engine Optimatization, intinya SEO adalah suatu cara untuk meningkatkan rangking situs / blog kita di Mesin Pencari seperti <a href="http://google.com/">Google</a>. <br />
Udah tau apa itu mesin pencari? mesin pencari adalah suatu mesin yang bisa mencari atau yang lebih pasnya melacak situs kita dengan kata kunci tertentu yang telah kita pasang pada template blog kita. <br />
ada 3 hal yang menyebabkan orang datang ke blog kita : <br />
1. Mesin Pencari (Google, Yahoo) <br />
2. Referensi dari blog atau situs lain.<br />
3. Pengunjung yang menggunakan link telusur Navbar pada Blogger<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBeFyle8pQS8NLJYYnMJgfwSXOZv2q888FDOdekl3f9YyiEVjUtI9P7v7mWTyJWzy_OCFG8xEiINIm_tfBqp82V8cC8XO9BaJs7a-ElUCBr99ncbEPJ-De2pk8Im_nFUZBBKwBqWBrC9Pd/s1600-h/seohosting.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBeFyle8pQS8NLJYYnMJgfwSXOZv2q888FDOdekl3f9YyiEVjUtI9P7v7mWTyJWzy_OCFG8xEiINIm_tfBqp82V8cC8XO9BaJs7a-ElUCBr99ncbEPJ-De2pk8Im_nFUZBBKwBqWBrC9Pd/s320/seohosting.jpg" /></a></div><br />
Sebenarnya Teknik SEO itu sendiri lebih diterapkan untuk blog atau situs yang sifatnya commercial/bisnis. Bagi blog yg sifatnya pribadi atau sekedar hobi tanpa ada latar belakang bisnis maka SEO itu tidak terlalu penting.<br />
<br />
Ada beberapa trik & tips agar blog atau situs kita bisa tampil pada mesin pencari.<br />
Saya akan jelaskan beberapa trik & tips tersebut pada postingan selanjutnya.<br />
<br />
Semoga bermanfaat.<br />
<br />
<br />
<img src="http://signatures.mylivesignature.com/54487/192/753CFE91431048B3CCF65F44EBE42A85.png" style="background: transparent; border: 0 !important;" />Rommyhttp://www.blogger.com/profile/03675770644068654605noreply@blogger.com0tag:blogger.com,1999:blog-4176672805902482813.post-14713791621279321232009-07-22T09:48:00.002+07:002009-07-22T09:56:07.501+07:00Memasukkan Emoticon pada Postingan<div class="separator" style="clear: both; text-align: center;"><a href="http://i679.photobucket.com/albums/vv156/Romm30/15.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="http://i679.photobucket.com/albums/vv156/Romm30/15.png" width="200" /></a></div><div class="separator" style="clear: both; text-align: left;"><a href="http://i679.photobucket.com/albums/vv156/Romm30/15.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a>Waduh, udah lama ngga bikin artikel nich. Maklum selain kesibukan nyari sesuatu untuk ngasapin dapur :D ditambah juga akses internet dikantor lagi rada2 pelit dishare, kacian dech gue...</div><div style="text-align: left;">Ok, kali ini kita akan membahas cara memasang emoticon pada postingan seperti ini ( :) :D ;) )</div><br />
Langkah-langkahna :<br />
1. Masuk Accont Blogger, pilih Layout -->> Edit HTML<br />
2. Beri tanda centang pada Expand Widget Templates<br />
3. Cari kode ini ]]></b:skin> (letaknya kira2 di bagian tengah posisi kiri)<br />
4. Masukkan script di bawah ini persis dibawah kode ]]></b:skin><br />
<br />
<span style="color: #3d85c6;"><script src='http://kendhin.890m.com/smile/smile.js' type='text/javascript'/></span><br />
<br />
Jangan lupa disimpan, trus coba deh kamu posting dengan memakai kode-kode dibawah dan terbitkan. Kalo gagal coba lagi dech. Kalo tetap ngga bisa mungkin disebabkan server diatas lagi down atau bisa juga disebabkan template kalian tidak mendukung untuk dipasang emoticon.<br />
<br />
Berikut ini adalah beberapa standar kode smile yang bisa digunakan :<br />
<span style="font-weight: bold; line-height: 20px;"><b>:)</b> or <b>:-)</b> <img height="16" src="http://benjamin0331.googlepages.com/smile.png" style="border-bottom-style: none; border-bottom-width: 0pt; border-color: initial; border-left-color: rgb(255, 255, 255); border-left-style: none; border-left-width: 0pt; border-right-color: rgb(255, 255, 255); border-right-style: none; border-right-width: 0pt; border-top-color: rgb(255, 255, 255); border-top-style: none; border-top-width: 0pt; margin-bottom: 0pt; margin-left: 0pt; margin-right: 0pt; margin-top: 0pt; padding-bottom: 0pt; padding-left: 0pt; padding-right: 0pt; padding-top: 0pt;" width="16" /></span><br />
<span style="font-weight: bold; line-height: 20px;"><b>:D</b> or <b>:-D</b> <img height="16" src="http://benjamin0331.googlepages.com/lol.png" style="border-bottom-style: none; border-bottom-width: 0pt; border-color: initial; border-left-color: rgb(255, 255, 255); border-left-style: none; border-left-width: 0pt; border-right-color: rgb(255, 255, 255); border-right-style: none; border-right-width: 0pt; border-top-color: rgb(255, 255, 255); border-top-style: none; border-top-width: 0pt; margin-bottom: 0pt; margin-left: 0pt; margin-right: 0pt; margin-top: 0pt; padding-bottom: 0pt; padding-left: 0pt; padding-right: 0pt; padding-top: 0pt;" width="16" /></span><br />
<b><div style="line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><b>:$</b> or <b>:-$</b> <img height="16" src="http://benjamin0331.googlepages.com/oops.png" style="border-bottom-color: rgb(255, 255, 255); border-bottom-style: none; border-bottom-width: 0pt; border-color: initial; border-left-color: rgb(255, 255, 255); border-left-style: none; border-left-width: 0pt; border-right-color: rgb(255, 255, 255); border-right-style: none; border-right-width: 0pt; border-top-color: rgb(255, 255, 255); border-top-style: none; border-top-width: 0pt; margin-bottom: 0pt; margin-left: 0pt; margin-right: 0pt; margin-top: 0pt; padding-bottom: 0pt; padding-left: 0pt; padding-right: 0pt; padding-top: 0pt;" width="16" /><br />
<b>:(</b> or <b>:-(</b> <img height="16" src="http://benjamin0331.googlepages.com/sad.png" style="border-bottom-color: rgb(255, 255, 255); border-bottom-style: none; border-bottom-width: 0pt; border-color: initial; border-left-color: rgb(255, 255, 255); border-left-style: none; border-left-width: 0pt; border-right-color: rgb(255, 255, 255); border-right-style: none; border-right-width: 0pt; border-top-color: rgb(255, 255, 255); border-top-style: none; border-top-width: 0pt; margin-bottom: 0pt; margin-left: 0pt; margin-right: 0pt; margin-top: 0pt; padding-bottom: 0pt; padding-left: 0pt; padding-right: 0pt; padding-top: 0pt;" width="16" /><br />
<b>:p</b> or <b>:-p</b> <img height="16" src="http://benjamin0331.googlepages.com/tongue.png" style="border-bottom-color: rgb(255, 255, 255); border-bottom-style: none; border-bottom-width: 0pt; border-color: initial; border-left-color: rgb(255, 255, 255); border-left-style: none; border-left-width: 0pt; border-right-color: rgb(255, 255, 255); border-right-style: none; border-right-width: 0pt; border-top-color: rgb(255, 255, 255); border-top-style: none; border-top-width: 0pt; margin-bottom: 0pt; margin-left: 0pt; margin-right: 0pt; margin-top: 0pt; padding-bottom: 0pt; padding-left: 0pt; padding-right: 0pt; padding-top: 0pt;" width="16" /><br />
<b>;)</b> or <b>;-)</b> <img height="16" src="http://benjamin0331.googlepages.com/blink.png" style="border-bottom-color: rgb(255, 255, 255); border-bottom-style: none; border-bottom-width: 0pt; border-color: initial; border-left-color: rgb(255, 255, 255); border-left-style: none; border-left-width: 0pt; border-right-color: rgb(255, 255, 255); border-right-style: none; border-right-width: 0pt; border-top-color: rgb(255, 255, 255); border-top-style: none; border-top-width: 0pt; margin-bottom: 0pt; margin-left: 0pt; margin-right: 0pt; margin-top: 0pt; padding-bottom: 0pt; padding-left: 0pt; padding-right: 0pt; padding-top: 0pt;" width="16" /><br />
<b>:k</b> or <b>:-k</b> <img height="16" src="http://benjamin0331.googlepages.com/kiss.png" style="border-bottom-color: rgb(255, 255, 255); border-bottom-style: none; border-bottom-width: 0pt; border-color: initial; border-left-color: rgb(255, 255, 255); border-left-style: none; border-left-width: 0pt; border-right-color: rgb(255, 255, 255); border-right-style: none; border-right-width: 0pt; border-top-color: rgb(255, 255, 255); border-top-style: none; border-top-width: 0pt; margin-bottom: 0pt; margin-left: 0pt; margin-right: 0pt; margin-top: 0pt; padding-bottom: 0pt; padding-left: 0pt; padding-right: 0pt; padding-top: 0pt;" width="16" /><br />
<b>:@</b> or <b>:-@</b> <img height="16" src="http://benjamin0331.googlepages.com/angry.png" style="border-bottom-color: rgb(255, 255, 255); border-bottom-style: none; border-bottom-width: 0pt; border-color: initial; border-left-color: rgb(255, 255, 255); border-left-style: none; border-left-width: 0pt; border-right-color: rgb(255, 255, 255); border-right-style: none; border-right-width: 0pt; border-top-color: rgb(255, 255, 255); border-top-style: none; border-top-width: 0pt; margin-bottom: 0pt; margin-left: 0pt; margin-right: 0pt; margin-top: 0pt; padding-bottom: 0pt; padding-left: 0pt; padding-right: 0pt; padding-top: 0pt;" width="16" /><br />
<b>:#</b> or <b>:-#</b> <img height="16" src="http://benjamin0331.googlepages.com/sealed.png" style="border-bottom-color: rgb(255, 255, 255); border-bottom-style: none; border-bottom-width: 0pt; border-color: initial; border-left-color: rgb(255, 255, 255); border-left-style: none; border-left-width: 0pt; border-right-color: rgb(255, 255, 255); border-right-style: none; border-right-width: 0pt; border-top-color: rgb(255, 255, 255); border-top-style: none; border-top-width: 0pt; margin-bottom: 0pt; margin-left: 0pt; margin-right: 0pt; margin-top: 0pt; padding-bottom: 0pt; padding-left: 0pt; padding-right: 0pt; padding-top: 0pt;" width="16" /><br />
<b>:x</b> or <b>:-x</b> <img height="16" src="http://benjamin0331.googlepages.com/oh.png" style="border-bottom-color: rgb(255, 255, 255); border-bottom-style: none; border-bottom-width: 0pt; border-color: initial; border-left-color: rgb(255, 255, 255); border-left-style: none; border-left-width: 0pt; border-right-color: rgb(255, 255, 255); border-right-style: none; border-right-width: 0pt; border-top-color: rgb(255, 255, 255); border-top-style: none; border-top-width: 0pt; margin-bottom: 0pt; margin-left: 0pt; margin-right: 0pt; margin-top: 0pt; padding-bottom: 0pt; padding-left: 0pt; padding-right: 0pt; padding-top: 0pt;" width="16" /><br />
<b>:o</b> or <b>:-o</b> <img height="16" src="http://benjamin0331.googlepages.com/oeye.png" style="border-bottom-color: rgb(255, 255, 255); border-bottom-style: none; border-bottom-width: 0pt; border-color: initial; border-left-color: rgb(255, 255, 255); border-left-style: none; border-left-width: 0pt; border-right-color: rgb(255, 255, 255); border-right-style: none; border-right-width: 0pt; border-top-color: rgb(255, 255, 255); border-top-style: none; border-top-width: 0pt; margin-bottom: 0pt; margin-left: 0pt; margin-right: 0pt; margin-top: 0pt; padding-bottom: 0pt; padding-left: 0pt; padding-right: 0pt; padding-top: 0pt;" width="16" /></div><div style="line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"></div></b><br />
<br />
Sebelum mengetikkan kodenya, harus di spasi dulu.<br />
Demikian trik kali ini, semoga bermanfaat.<br />
<br />
<img src="http://signatures.mylivesignature.com/54487/192/753CFE91431048B3CCF65F44EBE42A85.png" style="background: transparent; border: 0 !important;" />Rommyhttp://www.blogger.com/profile/03675770644068654605noreply@blogger.com2tag:blogger.com,1999:blog-4176672805902482813.post-64786916172090329042009-07-07T12:12:00.004+07:002009-07-07T12:16:47.445+07:00Mengganti Icon pada Address BarTrik kali ini udah banyak yang memposting, jadi postingan kali ini sekedar untuk melengkapi artikel triks & tips pada blog ini. Untuk para master kayanya ngga usah baca dech, terlalu ringan nih artikel... :D<br />
<br />
Lanjuuuut....<br />
Anda pasti pernah membuka website atau blog yang pada address barnya (kotak untuk mengetikkan alamat web) . memiliki icon/gambar yang unik, begitu pula jika kita punya blog di Blogger, maka icon default yang akan tampil adalah gambar seperti ini : <br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLqwClmIvkwGwwMui0tNZ1R_XcgkuScfZ649gWT96qP0JUKfXgQ3OvnZsuww8FVfXRv7JtoqVwHHlBuS_Nxe7EjMf_OaIAh9SaD2nhJ5v-HpSxp1pLNocdQR3l5jur3gr4nmvKi_iu8_Gn/s1600-h/images+(1).jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLqwClmIvkwGwwMui0tNZ1R_XcgkuScfZ649gWT96qP0JUKfXgQ3OvnZsuww8FVfXRv7JtoqVwHHlBuS_Nxe7EjMf_OaIAh9SaD2nhJ5v-HpSxp1pLNocdQR3l5jur3gr4nmvKi_iu8_Gn/s320/images+(1).jpg" /></a></div>Untuk anda yang tidak puas dengan icon/gambar tersebut, anda bisa menggantinya dengan gambar sesuai dengan keinginan. Caranyapun sangatlah mudah, yaitu dengan membuat gambar (gif, jpg, ico, dan lain2) dengan ukuran kira-kira 24x42 pixel sampai 32x32 pixel.<br />
Sebenarnya untuk ukurannya sih bebas-bebas aja, tapi dengan ukuran seperti diatas akan lebih baik untuk mempercepat loading blog anda.<br />
<br />
<b><i>Oke langsung aja, caranya seperti dibawah ini :</i></b><br />
<br />
1. Masuk Account Blogger anda.<br />
2. Masuk ke Layout (Tata Letak) ----> Edit HTML<br />
3. Cari kode <span style="color: #3d85c6;"></head></span><br />
4. Masukkan kode dibawah ini sebelum kode <span style="color: #3d85c6;"></head></span><br />
<br />
<link href='<span style="color: red;">http://rocirel.com/icon.gif</span>' rel='SHORTCUT ICON'/><br />
<br />
5. Ganti huruf yang <span style="color: red;">berwarna merah</span> dengan lokasi gambar anda. (link diatas cuman contoh, jangan digunakan)<br />
6. Simpan template anda dan liat hasilnya.<br />
<br />
<b><span style="color: #666666;"><span class="Apple-style-span" style="font-size: small;">Catatan :</span></span></b><br />
<span style="color: #666666;"><span class="Apple-style-span" style="font-size: small;">Jika tidak berhasil :</span></span><br />
<span style="color: #666666;"><span class="Apple-style-span" style="font-size: small;">- Cek link gambar/icon anda tersebut</span></span><br />
<span style="color: #666666;"><span class="Apple-style-span" style="font-size: small;">- Coba dibrowser lain, seperti Internet Explorer, Firefox atau Google Chrome.</span></span><br />
<br />
<br />
<img src="http://signatures.mylivesignature.com/54487/192/753CFE91431048B3CCF65F44EBE42A85.png" />Rommyhttp://www.blogger.com/profile/03675770644068654605noreply@blogger.com2tag:blogger.com,1999:blog-4176672805902482813.post-31250278387794202112009-07-07T10:17:00.000+07:002009-07-07T10:17:03.050+07:00Membuat Related Post<img height="96" src="http://i679.photobucket.com/albums/vv156/Romm30/cool2.png" style="-webkit-background-clip: initial; -webkit-background-origin: initial; background-attachment: initial; background-color: transparent; background-image: initial; background-position: initial initial; background-repeat: initial; border-bottom-width: 0px !important; border-color: initial !important; border-left-width: 0px !important; border-right-width: 0px !important; border-style: initial !important; border-top-width: 0px !important;" width="96" /> Trik kali ini akan membahas tentang cara membuat <b>"Artikel yang berhubungan" atau "Related Post", "Related Article" atau "baca juga dibawah ini"</b>. Dengan memasang trik ini agar para pembaca blog bisa dengan mudah menemukan informasi lain yang masih ada hubungannya dengan artikel yang sedang mereka baca.<br />
Contohnya seperti yang ada dibagian akhir dari artikel ini, disitu ada link-link dari artikel yang berhubungan yang berdasarkan pada kategori atau label yang sama. Jadi agar link ini bisa tampil, sebelumnya anda harus <b>memberi label atau kategori pada postingan</b> anda seperti gambar dibawah ini (lihat tanda panah).<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiU0RGiCQBVsnxeRzNi4KuSIfpnugxBRsI8jHT6A6FXExOnwNzBO9miWU7MGvkxHx0IYDHs3fD455_JlpXdpOJGO1ohHs7oOoVR18YnRTJzr7lxw8edA1NCWBMtr2gOm5PdGIqWXjOMzUg1/s1600-h/postingan.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiU0RGiCQBVsnxeRzNi4KuSIfpnugxBRsI8jHT6A6FXExOnwNzBO9miWU7MGvkxHx0IYDHs3fD455_JlpXdpOJGO1ohHs7oOoVR18YnRTJzr7lxw8edA1NCWBMtr2gOm5PdGIqWXjOMzUg1/s320/postingan.PNG" /></a></div><br />
Udah taukan cara membuat label?<br />
Sekarang ke inti pembahasan kita, langkah-langkahnya :<br />
<br />
1. Login ke account Blogger anda<br />
2. Pilih menu <span style="background-color: white;"><span style="color: #38761d;">"Layout --> Edit HTML"</span></span><br />
3. Beri tanda centang pada kotak <span style="color: #38761d;">"Expand Widgets Template"</span>.<br />
4. Cari kode ini <span style="color: red;"><data:post.body/></span> Untuk template yang ada "readmore"nya biasanya akan terdapat 2 kode yang sama.<br />
5. Copas kode di bawah ini dan letakkan persis dibawah kode <data:post.body/> yang pertama.<br />
<br />
<div style="background: #D8FDC8 none repeat scroll 0% 0%; border: 1px solid #0000CC; padding: 5px;"><span style="color: blue;"><b:if cond='data:blog.pageType == "item"'><br />
<div class='similiar'><br />
<br />
<div class='widget-content'><br />
<h3></span><span style="color: red;">Artikel yang berhubungan</span><span style="color: blue;"></h3><br />
<div id='data2007'/><br/><br/><br />
<script type='text/javascript'><br />
<br />
var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;<br />
var maxNumberOfPostsPerLabel = 4;<br />
var maxNumberOfLabels = 10;<br />
<br />
maxNumberOfPostsPerLabel = 100;<br />
maxNumberOfLabels = 3;<br />
<br />
function listEntries10(json) {<br />
var ul = document.createElement(&#39;ul&#39;);<br />
var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?<br />
json.feed.entry.length : maxNumberOfPostsPerLabel;<br />
for (var i = 0; i &lt; maxPosts; i++) {<br />
var entry = json.feed.entry[i];<br />
var alturl;<br />
<br />
for (var k = 0; k &lt; entry.link.length; k++) {<br />
if (entry.link[k].rel == &#39;alternate&#39;) {<br />
alturl = entry.link[k].href;<br />
break;<br />
}<br />
}<br />
var li = document.createElement(&#39;li&#39;);<br />
var a = document.createElement(&#39;a&#39;);<br />
a.href = alturl;<br />
<br />
if(a.href!=location.href) {<br />
var txt = document.createTextNode(entry.title.$t);<br />
a.appendChild(txt);<br />
li.appendChild(a);<br />
ul.appendChild(li);<br />
}<br />
}<br />
for (var l = 0; l &lt; json.feed.link.length; l++) {<br />
if (json.feed.link[l].rel == &#39;alternate&#39;) {<br />
var raw = json.feed.link[l].href;<br />
var label = raw.substr(homeUrl3.length+13);<br />
var k;<br />
for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);<br />
var txt = document.createTextNode(label);<br />
var h = document.createElement(&#39;b&#39;);<br />
h.appendChild(txt);<br />
var div1 = document.createElement(&#39;div&#39;);<br />
div1.appendChild(h);<br />
div1.appendChild(ul);<br />
document.getElementById(&#39;data2007&#39;).appendChild(div1);<br />
}<br />
}<br />
}<br />
function search10(query, label) {<br />
<br />
var script = document.createElement(&#39;script&#39;);<br />
script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;<br />
+ label +<br />
&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);<br />
script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);<br />
document.documentElement.firstChild.appendChild(script);<br />
}<br />
<br />
var labelArray = new Array();<br />
var numLabel = 0;<br />
<br />
<b:loop values='data:posts' var='post'><br />
<b:loop values='data:post.labels' var='label'><br />
textLabel = &quot;<data:label.name/>&quot;;<br />
<br />
var test = 0;<br />
for (var i = 0; i &lt; labelArray.length; i++)<br />
if (labelArray[i] == textLabel) test = 1;<br />
if (test == 0) {<br />
labelArray.push(textLabel);<br />
var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?<br />
labelArray.length : maxNumberOfLabels;<br />
if (numLabel &lt; maxLabels) {<br />
search10(homeUrl3, textLabel);<br />
numLabel++;<br />
}<br />
}<br />
</b:loop><br />
</b:loop><br />
</script><br />
</div><br />
<br />
</div><br />
</b:if><br />
</span></div><span style="color: #666666;"><span class="Apple-style-span" style="font-size: small;">Keterangan :</span></span><br />
<span style="color: #666666;"><span class="Apple-style-span" style="font-size: small;">Ganti tulisan "</span><span style="color: red;"><span class="Apple-style-span" style="font-size: small;">Artikel yang berhubungan</span></span><span class="Apple-style-span" style="font-size: small;">" dengan yang anda inginkan.</span></span><br />
<br />
6. Save dan liat hasilnya, semoga berhasil.<br />
<br />
<br />
<img src="http://signatures.mylivesignature.com/54487/192/753CFE91431048B3CCF65F44EBE42A85.png" style="background: transparent; border: 0 !important;" />Rommyhttp://www.blogger.com/profile/03675770644068654605noreply@blogger.com2tag:blogger.com,1999:blog-4176672805902482813.post-25569086089653495022009-07-06T22:35:00.000+07:002009-07-06T22:35:33.042+07:00Pasang Icon sebelum Judul Postingan<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img height="200" src="http://i679.photobucket.com/albums/vv156/Romm30/9.png" width="200" /></div><br />
Memasang icon sebelum judul artikel cukup bagus untuk mempercantik tampilan blog kita, terutama bagi yang suka dandani blognya :D.<br />
Bagi anda yang ingin memasang icon atau emoticon sebelum judul artikel atau postingan, simak langkah-langkahnya di bawah ini :<br />
<br />
1. Cari .post h3{ (pada deretan kode CSS) <br />
2. Masukan sesuai kode dibawah ini:<br />
<br />
<div style="background: #D8FDC8 none repeat scroll 0% 0%; border: 1px dotted #0000CC; padding: 5px;">.post h3{ background: url("<span style="color: red;">http://bp1.blogger.com/_C6KkooKXCEw/SJGrot7UiiI/AAAAAAAACFw/8XPCqtzzzs4/s400/dotlink.gif</span>") 0px 0px no-repeat; margin:.5em 0; padding:0 20px 0; font-size:120%; font-weight:bold; font-style:normal; line-height:1.3em; color:#333}<br />
</div><br />
3. Huruf berwarna merah adalah tempat alamat/hosting file icon anda, silakan anda ganti.<br />
4. Simpan dan liat hasilnya. <br />
<br />
Semoga berhasil... :)<br />
<br />
<br />
<img src="http://signatures.mylivesignature.com/54487/192/753CFE91431048B3CCF65F44EBE42A85.png" />Rommyhttp://www.blogger.com/profile/03675770644068654605noreply@blogger.com0tag:blogger.com,1999:blog-4176672805902482813.post-4394739281704583162009-06-23T23:21:00.003+07:002009-06-24T00:21:49.336+07:00Membuat Pesan peringatan<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZu_5yPm1mD2SPEpPPlpF6o9YPkBsp90nPvy16tAQvgNx4JiiHFAqgBujN5GNT8TV1B0BKfhb_zxwmcTVF1kdm57AWyUxGNSaGu1sdw3R2GKlenBIS0a5YFWZNfZqi-aZSUsGsbYoXOcNh/s1600-h/top10blog.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZu_5yPm1mD2SPEpPPlpF6o9YPkBsp90nPvy16tAQvgNx4JiiHFAqgBujN5GNT8TV1B0BKfhb_zxwmcTVF1kdm57AWyUxGNSaGu1sdw3R2GKlenBIS0a5YFWZNfZqi-aZSUsGsbYoXOcNh/s200/top10blog.jpg" /></a></div>Dengan memasang widget ini di blog, kita dapat menampilkan pesan peringatan untuk memberikan pengumuman,informasi atau memperingatkan para pengunjung sebelum mereka melihat seluruh isi dari blog kita. Jadi, saat pengunjung masuk blog kita, maka yang pertama kali tampil adalah pesan peringatan atau box dialog yang akan kita bahas ini. Trik ini mungkin akan terlihat berbeda di beberapa browser dan sistem operasi.<br /><br />Pesan peringatan atau box dialog ini juga bermanfaat apabila blog kita berisi konten dewasa, saat pengunjung tidak menginginkan melihat isi blog dengan mengklik "cancel, maka kita bisa me "redirect" atau memindahkan pengunjung ke situs/blog yang lain sesuai keinginan kita.<br /><br />Pesan peringatan ini juga akan aktif walaupun browser pengunjung menonaktifkan javascriptnya, tetapi dengan pesan peringatan yang berbeda, sesuai settingan kita pada script/kodenya.<br />Untuk lebih jelasnya, ikuti langkah-langkahnya (bahasa aku baku bangeeeet coy... :D )<br /><br /><div><br /><span class="Apple-style-span" style="font-weight: bold;">1. Pesan peringatan tanpa "redirect"</span><br />Contoh :<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3BJh1KKv4pBQ6iPETnjbcgqCcU36dQyL43MNr-GX6hpUWxwMm8LnbLFaVi9apJyv9YE03RntqEMEZCeqeVfUeoP9aBvvwZktKjk7I0BCLBCJsqXR_cwugrFlt9gdErBhyqaNpcomcAjr6/s1600-h/pesan+peringatan.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3BJh1KKv4pBQ6iPETnjbcgqCcU36dQyL43MNr-GX6hpUWxwMm8LnbLFaVi9apJyv9YE03RntqEMEZCeqeVfUeoP9aBvvwZktKjk7I0BCLBCJsqXR_cwugrFlt9gdErBhyqaNpcomcAjr6/s400/pesan+peringatan.png" /></a></div><span class="Apple-style-span" style="font-style: italic;"><div><br /></div>Langkahnya :</span><br />login ke akun anda, masuk ke Template -> Elemen Halaman -> Tambahkan Elemen Halaman dan pilih HTML/JavaScript. Masukkan kode di bawah ini:</div><div><br /><div style="background: white none repeat scroll 0% 0%; border: 1px dotted #0000CC; padding: 5px;"><span style="color:black;"> <script type="text/javascript"><br />alert('</span><span style="color:#cc0000;">Anda Memasuki situs penuh lelucon</span><span style="color:#cc0000;">!</span><span style="color:blue;">')<br /></script><br /><noscript></span><span style="color:#38761d;">Aktifkan javascript dibrowser anda karena ada pesan penting dari pemilik blog ini...</span><span style="color:blue;"></noscript></span></div><span class="Apple-style-span" style="color:#666666;"><span class="Apple-style-span" style="font-size: small;">Keterangan :</span></span><span class="Apple-style-span" style="font-size: small;"><br /></span><span class="Apple-style-span" style="color:#666666;"><span class="Apple-style-span" style="font-size: small;">- Teks berwarna </span><span class="Apple-style-span" style="color:red;"><span class="Apple-style-span" style="font-size: small;">merah</span></span><span class="Apple-style-span" style="font-size: small;"> adalah pesan peringatan atau ganti dengan keinginan kita</span></span><span class="Apple-style-span" style="font-size: small;"><br /></span><span class="Apple-style-span" style="color:#666666;"><span class="Apple-style-span" style="font-size: small;">- Teks berwarna </span><span class="Apple-style-span" style="color:#38761d;"><span class="Apple-style-span" style="font-size: small;">hijau</span></span><span class="Apple-style-span" style="font-size: small;"> adalah pesan saat javascriptnya browser pengunjung nonaktif</span></span><span class="Apple-style-span" style="font-size: small;"><br /></span><br /></div><div><br /></div><div><br /></div><div><span class="Apple-style-span" style="font-weight: bold;">2. Pesan Peringatan dengan tombol Konfirmasi (untuk blog konten dewasa)</span><br />Contoh :<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiTAoKgFYEzV9TnpdikmEWcP6zBuZv8GqcPs4UAtyO0NDku0WQylrHYVVZLpPJCAtLBhfREhyphenhyphenS1br_rDeltxVa1vbHdFkcgBXDJZbh0AXYg5gsBjIMKqEddztJPBKT7_tgLo5Ciz00yqJZ/s1600-h/pesan+peringatan2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiTAoKgFYEzV9TnpdikmEWcP6zBuZv8GqcPs4UAtyO0NDku0WQylrHYVVZLpPJCAtLBhfREhyphenhyphenS1br_rDeltxVa1vbHdFkcgBXDJZbh0AXYg5gsBjIMKqEddztJPBKT7_tgLo5Ciz00yqJZ/s400/pesan+peringatan2.png" /></a></div><span class="Apple-style-span" style="font-style: italic;"><div><br /></div>Langkahnya :</span><br />login ke akun anda, masuk ke Template -> Elemen Halaman -> Tambahkan Elemen Halaman dan pilih HTML/JavaScript. Masukkan kode di bawah ini:</div><div><br /><div style="background: white none repeat scroll 0% 0%; border: 1px dotted #0000CC; padding: 5px;"><span style="color:black;"><script type="text/javascript"><br />confirm('</span><span class="Apple-style-span" style="color:red;">Situs ini berisi konten dewasa, apakah ingin dilanjutkan</span><span class="Apple-style-span" style="color:red;">?</span><span style="color:black;">');<br />if (confirm('</span><span class="Apple-style-span" style="color:blue;">A</span><span class="Apple-style-span" style="color:blue;">nda yakin ingin melanjutkan?</span><span style="color:black;">')) {<br />window.location = "</span><span class="Apple-style-span" style="color:#bf9000;">http://rocirel.blogspot.com/</span><span style="color:black;">";<br />}<br />else {<br />window.location = "</span><span class="Apple-style-span" style="color:lime;">http://www.google.com</span><span class="Apple-style-span" style="color:lime;">/</span><span style="color:black;">";<br />}<br /></script><br /></span></div><span class="Apple-style-span" style="color:#666666;"><span class="Apple-style-span" style="font-size: small;">Keterangan<br /></span></span><span class="Apple-style-span" style="color:#666666;"><span class="Apple-style-span" style="font-size: small;">- Teks warna </span><span class="Apple-style-span" style="color:red;"><span class="Apple-style-span" style="font-size: small;">merah</span></span><span class="Apple-style-span" style="font-size: small;"> adalah pesan peringatan pertama</span></span><span class="Apple-style-span" style="font-size: small;"><br /></span><span class="Apple-style-span" style="color:#666666;"><span class="Apple-style-span" style="font-size: small;">- Teks warna </span><span class="Apple-style-span" style="color:blue;"><span class="Apple-style-span" style="font-size: small;">biru</span></span><span class="Apple-style-span" style="font-size: small;"> adalah pesan peringatan ke 2 setelah pengunjung mengklik tombol yes</span></span><span class="Apple-style-span" style="font-size: small;"><br /></span><span class="Apple-style-span" style="color:#666666;"><span class="Apple-style-span" style="font-size: small;">- Teks warna </span><span class="Apple-style-span" style="color:#f1c232;"><span class="Apple-style-span" style="font-size: small;">kuning</span></span><span class="Apple-style-span" style="font-size: small;"> ubah dengan URL blog kalian</span></span><span class="Apple-style-span" style="font-size: small;"><br /></span><span class="Apple-style-span" style="color:#666666;"><span class="Apple-style-span" style="font-size: small;">- Teks warna </span><span class="Apple-style-span" style="color:lime;"><span class="Apple-style-span" style="font-size: small;">hijau</span></span><span class="Apple-style-span" style="font-size: small;"> adalah URL redirect</span></span><br /><br /></div><div><br /></div><div><br /><span class="Apple-style-span" style="font-weight: bold;">3. Pesan Peringatan dengan form</span><br />Dengan box dialog ini kita dapat meminta pengunjung untuk memasukkan namanya di form isian, selanjutnya nama pengunjung tersebut akan tercatat dan saat blog kita di reload/refresh oleh pengunjung tersebut maka akan ada ucapan seperti welcome back, selamat datang lagi dan lain-lain sesuai yang kita masukkan pada script nantinya. Trik ini hanyalah untuk menambah sentuhan pribadi pada blog kita, jadi tidak akan mempengaruhi pada template kita.<br />Contoh :</div><div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimZnQG71qJ4G49d2g0TZhC9QoclEI2EiXVl75ZKOSlRQlyblVZ7bJbTVtqyUtjWIgxeuaaED31qOyTTubEp4cit6nLXfBAGPeEVP49fZfj8sCPe3bSg1rwdisQ-JzA035xw951L-pL2nv3/s1600-h/pesan+peringatan3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimZnQG71qJ4G49d2g0TZhC9QoclEI2EiXVl75ZKOSlRQlyblVZ7bJbTVtqyUtjWIgxeuaaED31qOyTTubEp4cit6nLXfBAGPeEVP49fZfj8sCPe3bSg1rwdisQ-JzA035xw951L-pL2nv3/s320/pesan+peringatan3.png" /></a></div><span class="Apple-style-span" style="font-style: italic;"><div><br /></div>Langkahnya :</span><br />login ke akun anda, masuk ke Template -> Elemen Halaman -> Tambahkan Elemen Halaman dan pilih HTML/JavaScript. Masukkan kode di bawah ini:</div><div><br /><div style="background: white none repeat scroll 0% 0%; border: 1px dotted #0000CC; padding: 5px;"><span style="color:black;"><script type="text/javascript"><br />var yourName = prompt("</span><span><span class="Apple-style-span" style="color: rgb(255, 0, 0);">Boleh tau nama anda</span></span><span style="color:black;">?", "</span><span><span class="Apple-style-span" style="color: rgb(255, 0, 0);">Tamu</span></span><span style="color:black;">");<br /></script><br /></span></div><span class="Apple-style-span" style="color:#666666;"><span class="Apple-style-span" style="font-size: small;">Keterangan :</span></span></div><div><span class="Apple-style-span" style="color: rgb(102, 102, 102);"><span class="Apple-style-span" style="font-size: small;">Ganti teks warna <span class="Apple-style-span" style="color: rgb(255, 0, 0);">merah</span> sesuai keinginan</span></span></div><div><span class="Apple-style-span" style="color: rgb(102, 102, 102);"><br /></span><span class="Apple-style-span" style="font-size: medium;">Pengunjung blog kita tentu saja bisa menolak memberikan namanya dengan mengklik CANCEL atau membiarkan form isian kosong dengan mengklik OK dan itu tentu tidak akan tercatat, serta tidak akan menampilkan pesan "welcome back" tersebut saat di refresh. :)<br /></span></div><div><br /><span class="Apple-style-span" style="font-weight: bold;"><span class="Apple-style-span" style="font-style: italic;">Pesan "welcome back"</span></span><br />Contoh :<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgO5ezq9DFj1rlKTbEjaswJ65UkkR_f_UT05qsj6jmsP1kooMwXumToFPwZlcxfgW1m0W8XNevvO6B-U69z7K_JeZoDsR_rPTO5EoycPjRx1wXQ_7lrTHA9vzQMT7cS-OIoaG40kx045rND/s1600-h/pesan+peringatan4.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgO5ezq9DFj1rlKTbEjaswJ65UkkR_f_UT05qsj6jmsP1kooMwXumToFPwZlcxfgW1m0W8XNevvO6B-U69z7K_JeZoDsR_rPTO5EoycPjRx1wXQ_7lrTHA9vzQMT7cS-OIoaG40kx045rND/s320/pesan+peringatan4.png" /></a></div><br /><span class="Apple-style-span" style="font-style: italic;"><br /></span></div><div><span class="Apple-style-span" style="font-style: italic;">Langkahnya sama dengan diatas!</span></div><div><span class="Apple-style-span" style="font-style: italic;"><br /></span><div style="background: white none repeat scroll 0% 0%; border: 1px dotted #0000CC; padding: 5px;"><span><span class="Apple-style-span" style="color: rgb(255, 0, 0);">Welcome back</span></span><span style="color:black;"> <script type="text/javascript">document.write(yourName)</script></span><span><span class="Apple-style-span" style="color: rgb(255, 0, 0);">! Feel free to look around. If you like what you read, mention us in your post or link to this site. Hope to see you again</span></span><span style="color:black;"> <script type="text/javascript">document.write(yourName)</script><br /></span></div><span class="Apple-style-span" style="color:#666666;"><span class="Apple-style-span" style="font-size: small;">Keterangan :</span></span><span class="Apple-style-span" style="font-size: small;"><br /></span><span class="Apple-style-span" style="color:#666666;"><span class="Apple-style-span" style="font-size: small;">Ganti teks warna <span class="Apple-style-span" style="color: rgb(255, 0, 0);">merah</span> sesuai keinginan.</span></span><br /><br /></div><div><br />Bagaimana teman-teman? ngerti ngga dengan penjelasan diatas?<br />Rasanya itu udah yang termudah yang coba aku paparkan dan juga sudah menggunakan bahasa baku, menurut aku lho... :D<br />Oke guys, bila ada pertanyaan silakan tanyakan pada kolom komentar dibawah ini... :)<br /><br /><br /><img src="http://signatures.mylivesignature.com/54487/192/753CFE91431048B3CCF65F44EBE42A85.png" style="background: transparent; border: 0 !important;" /></div>Rommyhttp://www.blogger.com/profile/03675770644068654605noreply@blogger.com7tag:blogger.com,1999:blog-4176672805902482813.post-28844044039202267192009-06-23T01:10:00.003+07:002009-06-23T01:54:06.414+07:00Membuat Number List dan Link ListMembuat number list atau urutan nomor dalam postingan kita berguna untuk memudahkan pembaca dalam memahami isi dari artikel kita atau dengan istilah step by step, apalagi kalo artikel kita membahas tentang tutorial-tutorial maka step by step ini sangat berguna sekali, terutama untuk para newbie (untuk para master, kayanya ngga usah dibahas lagi dech) :D<br />Dibawah ini beberapa cara membuat Buat Number List dan Link List<br /><br /><span class="Apple-style-span" style="font-weight: bold;">1. Membuat Number List/Penomoran.</span><br /><span class="Apple-style-span" style="font-weight: bold;"></span>Pada blogger secara default sudah ada tombol untuk membuat nomor list ini yaitu pada mode "Compose".<div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnWjBROJcpth2AbSeBCZwWz_COou-GlOiripDCqfFMcJUQ2mlT1rGlUAsfopsFUJJ6P4sG9lQWu9oOu_994jokgnW1x2y_l7LdLzBVhkR94f2gijIkPaZ7w67qG8lt6Sk8qvNNbzY7HszP/s1600-h/Postingan+1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="99" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnWjBROJcpth2AbSeBCZwWz_COou-GlOiripDCqfFMcJUQ2mlT1rGlUAsfopsFUJJ6P4sG9lQWu9oOu_994jokgnW1x2y_l7LdLzBVhkR94f2gijIkPaZ7w67qG8lt6Sk8qvNNbzY7HszP/s320/Postingan+1.png" width="320" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><br /></div>dan apabila kita klik pada mode <span class="Apple-style-span" style="color:#38761d;">"Edit HTML"</span>, maka akan menampilan kode seperti ini :<br /><div style="border: #D8FDC8; border: 1px solid #0000CC; padding: 5px;"><ol><br /><li>Langkah A</li><br /><li>Langkah B<br /></li><br /><li>Langkah C<br /></li><br /><li>Langkah D<br /></li><br /><li>Langkah E<br /></li><br /></ol></div><br />Begitu pula apabila ingin yang tampil bukan nomor, misalnya "bullet" atau bintik hitam, maka kita tinggal klik tombol persis disamping tombol number list pada mode Compose.<br />Tapi bagaimana apabila yang diinginkan bukan number atau bullet? misalnya urutan huruf?<br /><br />Kita tinggal menambahkan kode <span class="Apple-style-span" style="color:red;">type="A"</span> pada kode diatas.<br />contohnya (mode: <span class="Apple-style-span" style="color:#38761d;">Edit HTML</span>) :<br /><div style="border: #D8FDC8; border: 1px solid #0000CC; padding: 5px;"><ol type="A"><br /><li>Langkah A</li><br /><li>Langkah B<br /></li><br /><li>Langkah C<br /></li><br /><li>Langkah D<br /></li><br /><li>Langkah E<br /></li><br /></ol></div><br />Maka tampilannya menjadi seperti ini (mode: <span class="Apple-style-span" style="color:#38761d;">Compose</span>):<br /><div style="border: #D8FDC8; border: 1px solid #0000CC; padding: 5px;"><ol type="A"><li>Langkah A</li><li>Langkah B<br /></li><li>Langkah C<br /></li><li>Langkah D<br /></li><li>Langkah E</li></ol></div><span class="Apple-style-span" style="color:#666666;"><span class="Apple-style-span" style="font-size:small;">Keterangan :</span></span><br /><span class="Apple-style-span" style="color:#666666;"><span class="Apple-style-span" style="font-size:small;">Pada kode Type="A", kita bisa mengubah menjadi A kecil (a) atau dengan angka romawi (I, II, III dan seterusnya) atau dengan i, ii, iii juga bisa. Jadi terserah mau pake yang mana. :D</span></span><br /><span class="Apple-style-span" style="color:#666666;"><span class="Apple-style-span" style="font-size:small;">Dan untuk bullet list bisa menambahkan dengan <ul type="circle"> atau <ul type="square">, bisa anda coba sendiri dan lihat bedanya dengan bullet bintik hitam... :D</span></span><br /><br />Okey..., hoooaaaahm...ngantuk juga nih mata... tapi postingan ini harus diselesaikan dulu ya...<br />Lanjut...<br />Udah ngertikan cara membuat nomor list pada postingan? kalo belum ngerti pelajari lagi dech, soalnya trik berikut ini berhubungan lho dengan trik diatas. :D<br />Next, cara membuat Link List atau Listing yang mempunyai Link, :) gitu kali yah pengertiannya...<br /><br /><span class="Apple-style-span" style="font-weight: bold;">2. Membuat Link List</span><br />Dalam mode Compose (<span class="Apple-style-span" style="color:red;">type="circle"</span>) :<br /><ul type="circle"><li><a href="http://rocirel.blogspot.com/search/label/about" target="_blank">About</a></li><li><a href="http://rocirel.blogspot.com/search/label/blogger" target="_blank">Blogger</a></li><li><a href="http://rocirel.blogspot.com/search/label/blogger" target="_blank">Blogger</a></li></ul>Dan dalam mode Edit HTML akan terlihat seperti ini :<br /><div style="border: #D8FDC8; border: 1px solid #0000CC; padding: 5px;"><ul type="circle"><br /><li><a href="http://rocirel.blogspot.com/search/label/about" target="_blank">About</a></li><br /><li><a href="http://rocirel.blogspot.com/search/label/blogger" target="_blank">Blogger</a></li><br /><li><a href="http://rocirel.blogspot.com/search/label/blogger" target="_blank">Blogger</a></li><br /></ul></div><span class="Apple-style-span" style="color: rgb(102, 102, 102);"><span class="Apple-style-span" style="font-size:small;">keterangan :<br />- Kita bisa mengubah link diatas dengan link gambar, tinggal ganti URLnya aja.<br />- Pengertian untuk kode membuat link dan target lihat </span></span><a herf="http://rocirel.blogspot.com/2009/06/kumpulan-cara-membuat-link.html" href="http://draft.blogger.com/post-edit.g?blogID=4176672805902482813&postID=2884404403920226719" target="new"><span class="Apple-style-span" style="color: rgb(102, 102, 102);"><span class="Apple-style-span" style="font-size:small;">disini</span></span></a><br /><br /><span class="Apple-style-span" style="font-weight: bold;">3. Scrolling Link atau Link berjalan (marquee)</span><br /><marquee bgcolor="#D8FDC8" direction="up" height="100px" scrollamount="2"><br /><br /><br /><br /><br /><ul type="circle"><li><a href="http://rocirel.blogspot.com/search/label/about" target="_blank">About</a></li><li><a href="http://rocirel.blogspot.com/search/label/blogger" target="_blank">Blogger</a></li><li><a href="http://rocirel.blogspot.com/search/label/blogger" target="_blank">Blogger</a></li></ul></marquee><br /><br />disini kita tinggal menambahkan kode "marquee" pada link, contohnya :<div style="background: #D8FDC8 none repeat scroll 0% 0%; border: 1px dotted #0000CC; padding: 5px;"><span style="color:black;"><marquee direction="up" scrollamount="2"><br /><ul type="circle"><br /><li><a href="http://rocirel.blogspot.com/search/label/about" target="_blank">About</a></li><br /><li><a href="http://rocirel.blogspot.com/search/label/blogger" target="_blank">Blogger</a></li><br /><li><a href="http://rocirel.blogspot.com/search/label/blogger" target="_blank">Blogger</a></li><br /></ul></marquee><br /></span></div><span class="Apple-style-span" style="color:#666666;"><span class="Apple-style-span" style="font-size:small;">keterangan :</span></span><br /><span class="Apple-style-span" style="color:#666666;"><span class="Apple-style-span" style="font-size:small;">- direction="up" bisa diubah sesuai keinginan, misalnya down untuk ke arah bawah.</span></span><br /><span class="Apple-style-span" style="color:#666666;"><span class="Apple-style-span" style="font-size:small;">- scrollamount : kecepatan gerakannya</span></span><br /><br />Mudah-mudahan trik diatas bisa anda mengerti, kalo ngga ngerti bisa tanyakan pada kolom komentar dibawah ini, terimakasih n' sekian... :D<br />Hoooaaamh... dah ngantuk nich... tidur dulu ah.... :)<br /><img src="http://signatures.mylivesignature.com/54487/192/753CFE91431048B3CCF65F44EBE42A85.png" style="background: transparent; border: 0 !important;" /></div>Rommyhttp://www.blogger.com/profile/03675770644068654605noreply@blogger.com4tag:blogger.com,1999:blog-4176672805902482813.post-52344491660998440992009-06-22T23:32:00.002+07:002009-06-22T23:39:22.148+07:00Author Comments yang Berbeda<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxaRJD954_F-7aOGv_drXDGIpkBiOl6bOFCILVRUO2DiIVRQFp_QWQ5F1j9x48XUrbEcsYqTcHsxn6KhiRqXdn5qHWowNcznCdrodqMP_s9aoQvwSUprEoYI_-ZjW2gMWysDZMq7gHQJW7/s1600-h/top10blog.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="198" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxaRJD954_F-7aOGv_drXDGIpkBiOl6bOFCILVRUO2DiIVRQFp_QWQ5F1j9x48XUrbEcsYqTcHsxn6KhiRqXdn5qHWowNcznCdrodqMP_s9aoQvwSUprEoYI_-ZjW2gMWysDZMq7gHQJW7/s200/top10blog.jpg" width="200" /></a></div><br />
Halo semua, ketemu lagi nich... gimana khabar semuanya? baek yach... :D<br />
Okey, trik kali ini akan membahas tentang <span style="font-weight: bold;"><span style="font-style: italic;">Author Comments</span></span> atau <span style="font-weight: bold;"><span style="font-style: italic;">komentar pemilik blog</span></span>. Pada standard blogger (saat ini ditulis), tampilan komentar dari pemilik blog sama dengan komentar dari pengunjung blog dan itu sedikit menyulitkan kita untuk membedakan yang mana komentar kita selaku pemilik blog dengan pengunjung blog, apalagi kalo postingan kita banyak yang mengomentari.<br />
Nah, dalam trik kali ini kita akan mengubah tampilan daripada (gaya Butet K. :D) kolom komentar agar bisa beda dengan komentar para pengunjung blog kita.<br />
<br />
Disini sudah kita asumsikan bahwa settingan komentar kita sudah aktif.<br />
Klik <span style="color: #38761d;">Settings/Pengaturan </span>-> <span style="color: #38761d;">komentar</span> dan pilih "<span style="color: #38761d;">tampilkan</span>".<br />
<br />
Berikut langkah-langkah pemasangan :<br />
1. Backup Template anda (udah bisakan?) :D<br />
2. Beri tanda centang pada “Expand Widget Templates”<br />
3. cari kata “comments-block” di template dengan menekan CTRL+F<br />
4. Masukkan kode warna <span style="color: red;">merah</span> sesuai dengan contoh di bawah.<br />
<br />
<div style="background: #D8FDC8 none repeat scroll 0% 0%; border: 1px dotted #0000CC; padding: 5px;"><span style="color: black;"><dl id='comments-block'><br />
<b:loop values='data:post.comments' var='comment'><br />
<dt class='comment-author' expr:id='"comment-" + data:comment.id'><br />
<a expr:name='"comment-" + data:comment.id'/><br />
<b:if cond='data:comment.authorUrl'><br />
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a><br />
<b:else/><br />
<data:comment.author/><br />
</b:if><br />
<data:commentPostedByMsg/><br />
</dt><br />
<span style="color: red;"><br />
<b:if cond='data:comment.author == data:post.author'><br />
<dd class='blog-author-comment'><br />
<p><data:comment.body/></p><br />
</dd><br />
<b:else/></span><br />
<br />
<dd class='comment-body'><br />
<b:if cond='data:comment.isDeleted'><br />
<span class='deleted-comment'><data:comment.body/></span><br />
<b:else/><br />
<p><data:comment.body></p><br />
</b:if><br />
</dd><br />
<span style="color: red;"><br />
</b:if></span><br />
<br />
<dd class='comment-footer'><br />
<span class='comment-timestamp'><br />
<a expr:href='"#comment-" + data:comment.id' title='comment permalink'><br />
<data:comment.timestamp/><br />
</a><br />
<b:include data='comment' name='commentDeleteIcon'/><br />
</span><br />
</dd><br />
</b:loop><br />
</dl><br />
</data:comment.body></span></div><br />
5. Turun ke bawah dari template, cari <span style="color: #38761d;">“comment-body”</span><br />
6. Masukkan kode warna <span style="color: red;">merah</span> sesuai template kita seperti contoh dibawah<br />
<br />
Apabila menggunakan template <span style="color: #0b5394;"><span style="font-weight: bold;"><span style="font-style: italic;">"Minima"</span></span></span><span style="font-weight: bold;"><span style="font-style: italic;"> </span></span>kode pada templatenya :<br />
<div style="background: #D8FDC8 none repeat scroll 0% 0%; border: 1px dotted #0000CC; padding: 5px;"><span style="color: black;">#comments-block .comment-body {<br />
margin:.25em 0 0;<br />
}<br />
#comments-block .comment-body p {<br />
margin:0 0 .75em;<br />
}<br />
<span style="color: red;">.blog-author-comment {<br />
margin:.25em 0 0;<br />
}<br />
.blog-author-comment p {<br />
margin:0 0 .75em;<br />
padding:5px 10px;<br />
border:1px dotted #254117;<br />
<span style="color: blue;"> background:#C3FDB8;</span><br />
}</span><br />
</span></div><br />
dan apabila menggunakan template <span style="color: #0b5394;">"<span style="font-weight: bold;"><span style="font-style: italic;">Rounders"</span></span></span> kode pada templatenya :<br />
<div style="background: #D8FDC8 none repeat scroll 0% 0%; border: 1px dotted #0000CC; padding: 5px;"><span style="color: black;">.comment-body {<br />
margin:0 0 1.25em;<br />
padding:0 0 0 20px;<br />
}<br />
.comment-body p {<br />
margin:0 0 .5em;<br />
}<span style="color: red;"><br />
.blog-author-comment {<br />
margin:0 0 1.25em;<br />
padding:0 0 0 20px;<br />
}<br />
.blog-author-comment p {<br />
margin:0 0 .5em;<br />
padding:0 0 0 20px;<br />
<span style="color: blue;"> color:#F6358A;</span><br />
font-style: italic;<br />
}</span><br />
</span></div><br />
7. Simpan dan liat hasilnya...<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtti9dVJymqyLocvsaEuIqlMagQx6HapYi4ijJdBqfAVVjiBiFvbhcmIr5a8CM5zZ0q2kvsvpL4ArW-oFAEmboDS4kTm0NZWWabNb-ohXOqmoD60WfGNX52qzElCsGq06-z-iVwRhvv0P5/s1600-h/author+comments+001.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtti9dVJymqyLocvsaEuIqlMagQx6HapYi4ijJdBqfAVVjiBiFvbhcmIr5a8CM5zZ0q2kvsvpL4ArW-oFAEmboDS4kTm0NZWWabNb-ohXOqmoD60WfGNX52qzElCsGq06-z-iVwRhvv0P5/s320/author+comments+001.jpg" /></a></div><br />
<span style="font-size: small;"><span style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;"><span style="font-style: italic;"><span style="color: #666666;">Catatan :</span></span></span></span><br />
<span style="font-size: small;"><span style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;"><span style="color: #666666;">- Ubah warna latar/background sesuai keinginan (warna biru)</span></span></span><br />
<span style="font-size: small;"><span style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;"><span style="color: #666666;">- Apabila ingin hurufnya lebih besar dan latar dengan gambar yang diinginkan, tambahkan kode berikut :</span></span></span><br />
<br />
<div style="border: #D8FDC8; border: 1px solid #0000CC; padding: 5px;">font-size:120%<br />
font-family:courier;<br />
background: url("URL gambar kita");</div><br />
contohnya :<br />
<div style="border: #D8FDC8; border: 1px solid #0000CC; padding: 5px;">.blog-author-comment p {<br />
margin:0 0 .75em;<br />
padding:5px 10px;<span style="color: red;"><br />
font-size:120%<br />
font-family:courier;<br />
background: url("URL gambar kita");</span><br />
}</div><br />
Bagaimana? bisa?<br />
Kalo ngga bisa, coba ulangi lagi langkah-langkah diatas, kalo masih belum bisa coba lagi dech...<br />
Belum bisa juga? sabar yach... mungkin memang template anda yang <span style="font-weight: bold;"><span style="font-style: italic;">"aneh" </span><span style="font-weight: normal;"> :D :D :D dan kayanya ngga usah dipaksain dech ni trik di blog kalian :D</span></span><br />
<span style="color: #666666;">Thank's for Bizwhiz</span><br />
<br />
<img src="http://signatures.mylivesignature.com/54487/192/753CFE91431048B3CCF65F44EBE42A85.png" style="background: transparent; border: 0 !important;" />Rommyhttp://www.blogger.com/profile/03675770644068654605noreply@blogger.com0tag:blogger.com,1999:blog-4176672805902482813.post-56918598420330825052009-06-17T22:27:00.003+07:002009-06-19T09:46:05.004+07:00Kumpulan cara membuat LinkHalo semua, kali ini kita akan membahas cara membuat <span class="Apple-style-span" style="color:red;"><span class="Apple-style-span" style="font-weight: bold;">"link"</span></span>! udah taukan apa itu link?<br />sebelum kita lanjutin, aku mau kasih peringatan dulu nich buat para master blog mending ngga usah baca dech (mode=ngga PD on) :D,<br />tapi kalo untuk sekedar mengingat-ingat masa lalu sih ngga papa (emang kenangan!) :D.<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMqY2dD-uj1D-ennTNllX3RW5To81JG-EFTUGwVGFkttcmXgFMYf3NBmnNS7W831WViIreScr7mfveRoFjvc-DURzYQy4gMxMHPmyd8yGqYzd3wpMzln68McB302swpw2jK2KBX5KK9T55/s1600-h/7.png"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 256px; height: 256px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMqY2dD-uj1D-ennTNllX3RW5To81JG-EFTUGwVGFkttcmXgFMYf3NBmnNS7W831WViIreScr7mfveRoFjvc-DURzYQy4gMxMHPmyd8yGqYzd3wpMzln68McB302swpw2jK2KBX5KK9T55/s320/7.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5348372649342302594" /></a>Oke teman-teman kita lanjutin pembahasan kita, "Link" adalah suatu tautan yang berhubungan ke halaman atau situs lain sesuai arah link/tautan yang kita inginkan, kira-kira gitu ya penjelasannya? :) mudah-mudahan bisa dimengerti.<br /><br />Sebenarnya pada kolom postingan di blogger udah tersedia fasilitas membuat link dengan mudah, kita tinggal mengklik gambar link, isi alamat yang dituju, selesai.<br />Tapi disini yang kita bahas adalah cara membuat link dengan kode HTML alias cara manual, kalo aku sich lebih suka cara manual alias mode Edit HTML<br /><br />Contohnya seperti ini, jika kalian membuat sebuah artikel untuk di posting, trus di dalam nya ingin di buatkan sebuah link,<br />misalkan artikel tersebut bercerita tentang situs/blog yang baru anda kunjungi, lalu anda ingin mengajak para pembaca artikel tersebut untuk mengunjungi website yang anda ceritakan.<br />Misalkan dalam artikel tersebut ada kata -kata seperti ini "Jika anda tertarik silahkan anda" <a href="http://romm30.blogspot.com/">klik disini</a>.<br /><br />Disarankan kalian dalam menulis posting dalam keadaan <s>sudah mandi</s> Edit HTML dari pada mode Compose, maksudnya biar mudah aja dalam nulis kode HTML. :D<br /><br />Berikut ini beberapa contoh cara membuat link :<br /><br />1. Link tanpa membuka windows baru<br /><span class="Apple-style-span" style="color:red;"><a href="http://romm30.blogspot.com">klik disini</a></span><br /><span class="Apple-style-span" style="color:#666666;"><span class="Apple-style-span" style="font-size:small;">Link ini saat diklik akan membuka diwindows/halaman yang sama, kecuali klik kanan --> open new tab/new windows.</span></span><br /><br />2. Link dengan tab/windows baru<br /><span class="Apple-style-span" style="color:red;"><a href="http://romm30.blogspot.com" target="new">klik di sini</a></span><br /><span class="Apple-style-span" style="color:#666666;"><span class="Apple-style-span" style="font-size:small;">Link ini saat diklik akan membuka tab/windows baru, sehingga halaman sebelumnya tetap ada.</span></span><br /><span class="Apple-style-span" style="color:#666666;"><span class="Apple-style-span" style="font-size:small;">kata "new" bisa diganti dengan _blank, jadi terserah kalian pilih yang mana karena fungsinya sama aja ko'.</span></span><br /><br />3. Link dengan gambar/Image atau Icon tanpa windows baru<br /><span class="Apple-style-span" style="color:red;"><a href="http://romm30.blogspot.com"><img src="alamat gambar yang ingin ditampilkan"></a></span><br /><span class="Apple-style-span" style="color:#666666;"><span class="Apple-style-span" style="font-size:small;">Sebelumnya upload dulu gambar kalian ke hosting tempat menyimpan gambar tersebut, contohnya di <a href="http://photobucket.com" target="_blank">photobucket</a></span></span><br /><span class="Apple-style-span" style="color:#666666;"><span class="Apple-style-span" style="font-size:small;">Kalo udah upload, copy URL/alamatnya dan paste di warna merah.</span></span><br /><br />4. Link dengan gambar/image atau Icon dengan tab/windows baru<br /><span class="Apple-style-span" style="color:red;"><a href="http://romm30.blogspot.com"> target="_blank"<img src="alamat gambar yang ingin ditampilkan"></a></span><br /><span class="Apple-style-span" style="color:#666666;"><span class="Apple-style-span" style="font-size:small;">Sama dengan penjelasan dengan no. 3, kita tinggal menambahkan target="_blank".</span></span><br /><br />5. Link berjudul<br /><span class="Apple-style-span" style="color:red;"><a href="http://romm30.blogspot.com" target="new" title="mau liat blogku yang lain silahkan klik di sini">Romm30 Blog</a></span><br /><span class="Apple-style-span" style="color:#666666;"><span class="Apple-style-span" style="font-size:small;">Untuk memperjelas bahasan ini, coba diamkan sebentar mouse kalian pada link tersebut, maka tidak lama kemudian akan muncul tulisan mau liat blogku yang lain silahkan klik di sini.</span></span><br /><span class="Apple-style-span" style="color:#666666;"><span class="Apple-style-span" style="font-size:small;">Nah sekarang mungkin kalian sudah mengerti maksud aku, jadi dalam sebuah link ada kata-kata untuk menekankan ajakan kita kepada para pembaca untuk mengklik link tersebut. Untuk membuat judul link ini sangat mudah, yakni kita hanya harus menambahkan title=" ... "</span></span><br /><br />6. Link Download<br /><span class="Apple-style-span" style="color:red;"><a href="URL file/file.zip">download</a></span><br /><span class="Apple-style-span" style="color:#666666;"><span class="Apple-style-span" style="font-size:small;">Disini dianggap kita udah punya file di hosting yang mau didownload, masuk URL file tersebut pada alamat URL kode diatas.</span></span><br /><br />Demikian beberapa cara membuat Link.<br />Mungkin yang lain mau menambahkan? silakan tambahkan dikolom komentar, ntar aku masukin dipostingan.<br /><br />Oke sob, ada pertanyaan?<br />kalo ngga ada... sekian dan terimakasih (dosen kaleee...) :D :D :D<br /><br /><div class="zoundry_raven_tags" xmlns="">Romm30 : <a class="ztag" href="http://romm30.blogspot.com/2009/06/kumpulan-cara-membuat-link.html" rel="tag">Kumpulan cara membuat Link</a> </div><img src="http://signatures.mylivesignature.com/54487/192/753CFE91431048B3CCF65F44EBE42A85.png" />Rommyhttp://www.blogger.com/profile/03675770644068654605noreply@blogger.com7tag:blogger.com,1999:blog-4176672805902482813.post-60800897935582422082009-06-17T02:08:00.002+07:002009-06-17T02:22:54.117+07:00Membuat Recent Post atau Postingan TerbaruTrik ini menurut aku udah banyak sekali yang membahasnya atau memasangnya pada blog masing-masing, jadi ku harap postingan kali ini bisa menambah sedikit perbendaharaan tentang trik & tips untuk para blogger terutama yang masih newbie termasuk aku :)<br />Trik ini aku dapat dari <a href="http://astaqauliyah.com/2007/08/28/cara-membuat-widget-recent-post-postingan-terbaru-di-blogger-beta/" target="new">astaqauliyah.com</a><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCFJis8hegYVDPc4ZQ17C0Ks1R0bYUv6lik0ikgUF4kHpZrJ6LuvZ89OV9vuLLhrYiBt0pO7OP1kXBZC83_KnXrPaqvc28c3l9WX-A1oxDl0cEVSnJu5Eh_CPQWlZNZkjxxfELuz8OJQnQ/s1600-h/recent+post+1.png"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 142px; height: 320px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCFJis8hegYVDPc4ZQ17C0Ks1R0bYUv6lik0ikgUF4kHpZrJ6LuvZ89OV9vuLLhrYiBt0pO7OP1kXBZC83_KnXrPaqvc28c3l9WX-A1oxDl0cEVSnJu5Eh_CPQWlZNZkjxxfELuz8OJQnQ/s320/recent+post+1.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5348005167200820994" /></a><br />Untuk memasang widget ini caranya sangat mudah, kita tinggal copy-paste aja semua kode dibawah ini, berikut langkah-langkahnya :<br /><br />1. Login ke Account Blog Anda<br />2. Klik Menu “Layout atau tata letak"<br />3. Klik “Add Page Element atau tambah gadget”<br />4. Pilih “Add HTML/JavaScript”<br />5. Copas kode script dibawah ini ke dalam space kosong pada menu “HTML/JavaScript” tadi.<br /><br /><div style="background: #D8FDC8 none repeat scroll 0% 0%; border: 1px dotted #0000CC; padding: 5px;"><span style="color:blue;"><script src="</span><span style="color:blue;"><span class="Apple-style-span" style="color: rgb(180, 95, 6);">http://romywardhana.ucoz.net/javascrku/recentpost.js</span>"><br /></script><script><br />var numposts = 5;var showpostdate = true;var showpostsummary = true;var numchars = 100;var standardstyling = true;<br /></script><script src="</span><span class="Apple-style-span" style="color:red;">http://rocirel.blogspot.com</span><span style="color:blue;">/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"><br /></script><br /></span></div><span class="Apple-style-span" style="color:#666666;"><span class="Apple-style-span" style="font-size:small;">Keterangan :<br /></span></span><br /><span class="Apple-style-span" style="color:#666666;"><span class="Apple-style-span" style="font-size:small;">- Jangan lupa mengganti text “<span class="Apple-style-span" style="color:red;">http://rocirel.blogspot.com</span>” di atas dengan alamat blog kalian sendiri.</span></span><br /><span class="Apple-style-span" style="color:#666666;"><span class="Apple-style-span" style="font-size:small;">- Kalo kalian punya web hosting/server (yahoo geocities/google), copas dibrowser & taruhlah <span class="Apple-style-span" style="color:#b45f06;">script </span>(sesuai warna) tersebut disana, ini untuk menghindari apabila server script diatas lagi down. Soalnya kalo server diatas lagi down, maka widget ini tidak akan nongol di blog kalian.</span></span><br /><span class="Apple-style-span" style="color:#666666;"><span class="Apple-style-span" style="font-size:small;">Kalo bingung (dengan penjelasan diatas) pake script yang aku tulis diatas aja dech... :)</span></span><br /><br />6. Pindah posisi widget sesuai keinginan kalian<br />7. Simpan dan lihat hasilnya... :)<div><br /><img src="http://signatures.mylivesignature.com/54487/192/753CFE91431048B3CCF65F44EBE42A85.png" style="background: transparent; border: 0 !important;" /></div>Rommyhttp://www.blogger.com/profile/03675770644068654605noreply@blogger.com1tag:blogger.com,1999:blog-4176672805902482813.post-16603257268327892682009-06-16T23:38:00.000+07:002009-06-19T09:46:05.004+07:00Menghapus Tanggal PostinganKalian ingin menghapus tanggal postingan yang diterbitkan? kalian bisa melakukan dengan cara dibawah ini. Tapi bagi sebagian orang, menampilkan tanggal postingan sangat penting agar bisa tau kapan artikel atau postingan itu publish atau diterbitkan, terutama untuk blognya yang udah banyak sekali postingannya. So, ini sekedar untuk melengkapi artikel di <a href="http://romm30.blogspot.com/" target="new">blog</a> ini. :)<br />
<br />
Ok, langkahnya seperti ini :<br />
• Masuk ke Dashboard --> Layout(tata letak)--> Edit Html<br />
• Backup Full template, bila perlu & ragu<br />
• Tandai (centang) pada Expand template widget<br />
• Cari kode berikut <span class="Apple-style-span" style="color: red;">h2.date-header</span> (gunakan menu edit --> find pada browser, atau tekan control+F)<br />
• Hasilnya akan seperti ini :<br />
<br />
h2.date-header {<br />
margin: 0px 0px 0px 0px;<br />
...;<br />
..dan seterusnya;<br />
}<br />
<br />
• Tambahkan kode <span class="Apple-style-span" style="color: red;">visibility: hidden;</span> sebelum tanda <span class="Apple-style-span" style="color: red;">}</span><br />
sehingga kodenya menjadi:<br />
<br />
h2.date-header {<br />
margin: 0px 0px 0px 0px;<br />
...;<br />
..dan seterusnya;<br />
visibility: hidden;<br />
}<br />
<br />
Simpan dan liat hasilnya.<br />
<br />
<img src="http://signatures.mylivesignature.com/54487/192/753CFE91431048B3CCF65F44EBE42A85.png" />Rommyhttp://www.blogger.com/profile/03675770644068654605noreply@blogger.com0tag:blogger.com,1999:blog-4176672805902482813.post-76930203693536826862009-06-15T00:12:00.000+07:002009-06-19T09:44:41.839+07:00Membuat Effect MarqueeHalo rekan newbie semua..., :) :) :)<br />
udah taukan apa maksud dari judul postingan aku diatas?<br />
Apa sich "marquee" itu? "<i>Marquee</i>" adalah suatu program HTML untuk membuat teks bisa bergerak atau berjalan.<br />
Program marquee ini banyak diminati dan dipakai oleh para blogger di dalam blognya karena sifat program ini yang dinamis serta menarik untuk di lihat disamping untuk menghemat tempat pada halaman blog.<br />
Berikut beberapa contoh marquee yang bisa kita terapkan pada blog kita. Marquee ini bisa di buat dengan menggunakan tag <marquee>…</marquee>.<br />
Atribut yang sering di gunakan adalah :<br />
<br />
<ul><li><span style="color: red;">BGCOLOR</span>=”warna” –> Untuk mengatur warna background (latar belakang) teks </li>
<li><span style="color: red;">DIRECTION</span>=”left/right/up/down” –> Mengatur arah gerakan teks</li>
<li><span style="color: red;">BEHAVIOR</span>=”scroll/slide/alternate” –> Untuk mengatur perilaku gerakan</li>
</ul><ul><li>Scroll –> teks bergerak berputar </li>
<li>Slide –> teks bergerak sekali lalu berhenti </li>
<li>Alternate –> teks bergerak dari kiri kekanan lalu balik lagi ( bolak-balik bo) </li>
</ul><ul><li><span style="color: red;">TITLE</span>=’pesan” –> Pesan akan muncul saat mouse berada di atas teks</li>
<li><span style="color: red;">SCROLLMOUNT</span>=”angka” –> mengatur kecepatan gerakan dalam pixel, semakin besar angka semakin cepat gerakannya.</li>
</ul><ul><li><span style="color: red;">SCROLLDELAY</span>=”angka” –> Untuk mengatur waktu tunda gerakan dalam mili detik <span style="color: red;">LOOP</span>=”angka|-1|infinite” –> Mengatur jumlah loop</li>
<li><span style="color: red;">WIDTH</span>=”lebar” –> Mengatur lebar blok teks dalam pixel atau persen <i> </i></li>
</ul><br />
<i>Contoh 1 :</i><br />
<b>Marquee dari gerakan</b><br />
<b> </b> <br />
<marquee align="center" direction="right" height="20" scrollamount="2" width="100%"> marquee dari kanan ke kiri </marquee><br />
<div style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(216, 253, 200) none repeat scroll 0% 0%; border: 1px dotted rgb(0, 0, 204); padding: 5px;"><span style="color: blue;"> <span style="color: red;">Kodenya : </span></span><br />
<span style="color: blue;"><MARQUEE align="center" direction=<span style="color: red;">"right"</span> height="20" scrollamount="2" width="100%"> marquee dari kanan ke kiri </MARQUEE> </span></div><i>ganti kata <span style="color: red;">“right”</span> dengan keinginan anda yaitu bisa : left, up, down</i>.<br />
<br />
<i>Contoh 2 :</i> <b> </b><br />
<b>Marquee dari perilaku gerakan</b> <br />
<marquee align="center" behavior="alternate" direction="left" height="40" scrollamount="3" width="100%"><br />
marquee menurut perilaku</marquee><br />
<div style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(216, 253, 200) none repeat scroll 0% 0%; border: 1px dotted rgb(0, 0, 204); padding: 5px;"><span style="color: blue;"> <span style="color: red;">Kodenya :</span> </span><br />
<span style="color: blue;"><MARQUEE align="center" direction="left" height="40" scrollamount="3" width="100%" behavior="alternate"> marquee menurut perilaku </MARQUEE></span></div><br />
<i>Contoh 3 :</i> <b> </b><br />
<b>Marquee dengan variasi hurup dan warna latar belakang</b> <br />
<div align="left"><span style="color: white; font-family: georgia;"><b><marquee behavior="alternate" bgcolor="RED" scrollamount="3" width="100%"><br />
Marquee dengan variasi hurup dan warna latar belakang<br />
</marquee></b></span></div><div style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(216, 253, 200) none repeat scroll 0% 0%; border: 1px dotted rgb(0, 0, 204); padding: 5px;"><span style="color: blue;"><span style="color: blue;"> <span style="color: red;">Kodenya </span>: </span></span><br />
<span style="color: blue;"><span style="color: blue;"><div align="left"><FONT FACE="georgia" color="White"><B><marquee BGCOLOR="RED" width="100%" scrollamount="3" behavior="alternate"> Marquee dengan variasi hurup dan warna latar belakang </marquee></b></FONT></div></span></span></div><span style="color: blue;"><br />
<span style="color: black;">Ada variasi lain dari marquee ini, yakni ketika mouse sedang berada di area marquee teks akan berhenti dan ketika mouse di geser kembali ketempat lain maka teks akan bergerak kembali, ini hanya di tambahkan sedikit program pada kolom marquee.</span></span><br />
<span style="color: blue;"><br />
<marquee align="center" direction="up" height="30" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="2" width="100%"> Mouse Hover </marquee><br />
</span><br />
<div style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(216, 253, 200) none repeat scroll 0% 0%; border: 1px dotted rgb(0, 0, 204); padding: 5px;"><div style="color: red;">kodenya : </div><span style="color: blue;"><marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="30" align="center"> mouse hover </marquee></span></div><span style="color: blue;"><br />
<i style="color: black;">Contoh 4 :</i><span style="color: black;"> </span><b style="color: black;"> </b><br style="color: black;" /> <b style="color: black;">Marquee yang di dalam nya terdapat link</b> <br />
<marquee align="center" direction="up" height="100" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="2" width="100%"> <a href="http://draft.blogger.com/%E2%80%9Dhttp://rocirel.blogspot.com%E2%80%9D" target="”new”">Blog ini</a><br />
<a href="http://draft.blogger.com/%E2%80%9Dhttp://romm30.blogspot.com%E2%80%9D" target="”new”">Blog ke 2</a><br />
<a href="http://draft.blogger.com/%E2%80%9Dhttp://romywardhana.ucoz.net%E2%80%9D" target="”new”">websiteku</a><br />
</marquee> <br />
</span><br />
<div style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(216, 253, 200) none repeat scroll 0% 0%; border: 1px dotted rgb(0, 0, 204); padding: 5px;"><span style="color: blue;"><span style="color: blue;"> <span style="color: red;">Kodenya : </span></span></span><br />
<span style="color: blue;"><span style="color: blue;"><marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="100" align="center"> <a href=”http://rocirel.blogspot.com” target=”new”>Blog ini</a><br />
<a href=”http://romm30.blogspot.com” target=”new”>Blog ke 2</a><br />
<a href=”http://romywardhana.ucoz.net” target=”new”>websiteku</a><br />
</marquee></span></span></div><span style="color: blue;"><br />
<span style="color: black;">Demikian beberapa contoh marquee, kalo mo lebih bagus coba kalian variasikan sendiri sesuai keinginan :) </span></span><br />
<br />
sumber : <a href="http://kolom-tutorial.blogspot.com/" target="new">Kang Rohman</a><br />
<br />
<span style="color: blue;"> <br />
<img src="http://signatures.mylivesignature.com/54487/192/753CFE91431048B3CCF65F44EBE42A85.png" style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: transparent none repeat scroll 0% 0%; border: 0pt none ! important;" /></span>Rommyhttp://www.blogger.com/profile/03675770644068654605noreply@blogger.com2tag:blogger.com,1999:blog-4176672805902482813.post-8787699862048235262009-06-14T23:58:00.000+07:002009-06-19T09:46:05.004+07:00Kumpulan Trik effect di artikel atau postingan<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhn_iynkeuMozKHpzscRv8PpMW9aiBUDmDhucJDgfnV5_a27KxuEA0NToBDzi0TIVyAieolTPcdMHg41oPG_3OIcEFDAffUCvW3qYf-H31Ofc6FO7n7k9jTTdLVCvRZnJ1n_sWdSJTl6ZyD/s1600-h/effect+teks.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhn_iynkeuMozKHpzscRv8PpMW9aiBUDmDhucJDgfnV5_a27KxuEA0NToBDzi0TIVyAieolTPcdMHg41oPG_3OIcEFDAffUCvW3qYf-H31Ofc6FO7n7k9jTTdLVCvRZnJ1n_sWdSJTl6ZyD/s320/effect+teks.jpg" width="200" height="123"/></a></div>Pada postingan kali ini sengaja aku kumpulin jadi satu artikel, soalnya triknya irit tapi padat dan khusus buat kita para newbie! :D <br />
Untuk membuat trik ini kita harus dalam Edit HTML pada postingan blogger, dan ingat selalu untuk menutup semua tag yang dimulai, <i>contohnya :</i> <div> isi teks... </div> <br />
<br />
<b>1. Membuat kata atau kalimat berkedip-kedip</b> <br />
Tuliskan kode berikut ini sebelum dan sesudah kalimat yang ingin dibuat kedip-kedip <blink>kedap kedip</blink> <br />
<i>contohnya :<br />
</i> <blink>kedap kedip</blink> <br />
<br />
<b>2. Effect coretan stabillo pada kalimat</b> <br />
<span style="background-color: yellow;"> Effect Stabillo </span> <br />
kodenya : <br />
<span style="background-color: #FFFF00"> Effect Stabillo </span> Kode warna bisa diganti sesuai keinginan kita <b><br />
<br />
3. Effect coretan pada kalimat:</b> <br />
<s> masukkan tulisan yang ingin anda coret di sini </s> <br />
<i>contoh </i>: <br />
<s> tulisan ini dicoret </s> <br />
<br />
Demikian sedikit contoh sementara ini, selanjutnya kalian kembangkan sendiri variasi-variasinya. Untuk lebih jelasnya silakan kalian pelajari dasar-dasar HTML pada situs lain atau cari di <a herf="http://google.com" href="http://draft.blogger.com/post-edit.g?blogID=4176672805902482813&postID=878769986204823526" target="new">om google</a> <br />
<img src="http://signatures.mylivesignature.com/54487/192/753CFE91431048B3CCF65F44EBE42A85.png" style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: transparent none repeat scroll 0% 0%; border: 0pt none ! important;" />Rommyhttp://www.blogger.com/profile/03675770644068654605noreply@blogger.com2tag:blogger.com,1999:blog-4176672805902482813.post-25993289923023401052009-06-11T23:27:00.000+07:002009-06-16T23:49:06.742+07:00Membuat Menu Tab View<div style="text-align: left;"></div><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6Xzx7w_SMZU1kDixxDlEUCK4neBzWNRhZlSUx75iWCSQE0vgjs7QZDOU2OjvK46Frp2PsCJpad8Gu6Ra8wWW0y1IFytx_vTKKS1rg0cL5hnwErhXlwYjyR0rOzf-3Rq7aZqouejfLZuNQ/s1600-h/menuku1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6Xzx7w_SMZU1kDixxDlEUCK4neBzWNRhZlSUx75iWCSQE0vgjs7QZDOU2OjvK46Frp2PsCJpad8Gu6Ra8wWW0y1IFytx_vTKKS1rg0cL5hnwErhXlwYjyR0rOzf-3Rq7aZqouejfLZuNQ/s200/menuku1.jpg" /></a>
<br />Hi semua... :) ,
<br />ketemu lagi kita pada acara....?? acara apaan?! Acara jojing?! Dugem kaleee... :D :D :D
<br />Oke, kita langsung ke inti dari acara ini :) Let's Party.... :D (<span style="font-style: italic;">baca : langsung aja</span>)<div>
<br /><a href="http://romm30.blogspot.com/2009/05/membuat-menu-tab-view.html" target="new"><span style="color:#38761d;">Menu Tab View</span></a> ini kalo menurut aku, sangat berguna untuk menyembunyikan dan menggabung widget atau script seperti info site, feedjit atau link-link yang khusus untuk statistik blog kita. Seperti pada blogku yang <a href="http://romm30.blogspot.com/" target="new"><span style="color:#38761d;">satu ini.</span></a>
<br />Selain untuk menghemat ruang blog kita, menu tab view ini juga berguna untuk tampilan blog kita agar tidak berkesan terlalu rame me me me me (echo coy... :D)
<br />Bagaimana? tertarik membuatnya?
<br />Sebelum kalian menerapkan trik ini pada blog kalian, aku pengen nanya nich....
<br />"Mengertikah kalian dengan penjelasanku diatas?" soalnya aku lagi malas nich koreksi kalimat per kalimat diatas :D
<br />
<br />Langkah-langkahnya begini saudara-saudara sekalian setanah air Indonesia tercinta, MERDEKA!!! : :D
<br />1. Pilih menu Layout >> <span style="color:red;">Edit HTML</span>
<br />2. Beri tanda centang pada <span style="color:red;">Expand Widget Templates</span>.
<br />3. Cari kode <span style="color:red;">]]></b:skin></span>
<br />4. Kemudian masukkan kode dibawah ini sebelum kode <span style="color:red;">]]></b:skin></span> atau kedalam tag CSS.
<br />
<br /><div style="background: #D8FDC8 none repeat scroll 0% 0%; border: 1px dotted #0000CC; padding: 5px;"><span style="color:blue;">div.TabView div.Tabs
<br />{
<br />height: 24px;
<br />overflow: hidden;
<br />}
<br />div.TabView div.Tabs a
<br />{
<br />float: left;
<br />display: block;
<br />width: 90px; /* </span><span style="color:red;">Lebar Menu Utama Atas</span><span style="color:blue;"> */ text-align: center;
<br />height: 24px; /* </span><span style="color:red;">Tinggi Menu Utama Atas</span><span style="color:blue;"> */
<br />padding-top: 3px;
<br />vertical-align: middle;
<br />border: 1px solid #000; /* </span><span style="color:red;">Warna border Menu Atas</span><span style="color:blue;"> */
<br />border-bottom-width: 0;
<br />text-decoration: none;
<br />font-family: "Times New Roman", Serif; /* </span><span style="color:red;">Font Menu Utama Atas</span><span style="color:blue;"> */
<br />font-weight: 900;
<br />color: #000; /* </span><span style="color:red;">Warna Font Menu Utama Atas</span><span style="color:blue;"> */
<br />}
<br />div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
<br />{
<br />background-color: #FF9900; /* </span><span style="color:red;">Warna background Menu Utama Atas</span><span style="color:blue;"> */
<br />}
<br />div.TabView div.Pages
<br />{
<br />clear: both;
<br />border: 1px solid #6E6E6E; /* </span><span style="color:red;">Warna border Kotak Utama</span><span style="color:blue;"> */
<br />overflow: hidden;
<br />background-color: #FF9900; /* </span><span style="color:red;">Warna background Kotak Utama</span><span style="color:blue;"> */
<br />}
<br />div.TabView div.Pages div.Page
<br />{
<br />height: 100%;
<br />padding: 0px;
<br />overflow: hidden;
<br />}
<br />div.TabView div.Pages div.Page div.Pad
<br />{
<br />padding: 3px 5px;
<br />}
<br /></span></div>
<br />4. Perhatikan text-text diatas yang berwarna <span style="color:red;">merah</span>, itu adalah keterangan untuk pengaturan <span style="font-style: italic;">Tab View. </span>
<br />5. Langkah selanjutnya yaitu pasang script dibawah ini sebelum kode <span style="color:red;"></head> </span>
<br /><span style="color:red;">
<br /></span>
<br /><textarea name="code" style="height: 50px; width: 400px;"><script src="'http://romywardhana.ucoz.net/javascrku/tabview.js'" type="'text/javascript'/"></textarea>
<br /><span style="color:#666666;"><span><span class="Apple-style-span" style="font-size: small;">Keterangan :</span></span></span><span class="Apple-style-span" style="font-size: small;">
<br /></span><span style="color:#666666;"><span><span class="Apple-style-span" style="font-size: small;">Script diatas berguna untuk menjalankan menu tab atau saat diklik agar kita bisa berpindah ke menu tab di sampingnya, kira-kira begitu cara penjelasannya, :D Bingung cara ngejelasinnya! coba sendiri aja dech..</span></span></span><span class="Apple-style-span" style="font-size: small;">.</span>
<br />
<br />Sudah dilakukan semua langkah-langkah diatas? Selanjutnya...
<br />6. <span style="color:red;">Simpan</span> template kalian
<br />7. Klik <span style="color:red;">Page Element</span>,
<br />8. klik <span style="color:red;">add gadget</span> trus pilih <span style="color:red;">HTML/Javacript</span>
<br />9. <span style="color:red;">Copas</span> kode dibawah ini :<div>
<br /><div style="background: #D8FDC8 none repeat scroll 0% 0%; border: 1px dotted #0000CC; padding: 5px;"><span style="color:blue;"><form action="tabview.html" method="get">
<br /><div class="TabView" id="TabView">
<br /><div class="Tabs" style="width: </span><span style="color:#741b47;">400</span><span style="color:blue;">px;">
<br /><a></span><span style="color:red;">Tab 1</span><span style="color:blue;"> </a>
<br /><a></span><span style="color:red;">Tab 2 </span><span style="color:blue;"></a>
<br /><a></span><span style="color:red;">Tab 3</span><span style="color:blue;"> </a>
<br /></div>
<br /><div class="Pages" style="width: </span><span style="color:#741b47;">400</span><span style="color:blue;">px; height: 250px;">
<br />
<br /><div class="Page">
<br /><div class="Pad">
<br />Tab </span><span><span class="Apple-style-span" style="color: rgb(153, 153, 255);">1.1</span></span><span style="color:blue;"> <br />
<br />Tab </span><span style="color:#351c75;">1.2</span><span style="color:blue;"> <br />
<br />Tab </span><span style="color:#351c75;">1.3</span><span style="color:blue;"> <br />
<br /></div>
<br /></div>
<br />
<br /><div class="Page">
<br /><div class="Pad">
<br />Tab</span><span><span class="Apple-style-span" style="color: rgb(153, 153, 255);"> </span></span><span><span class="Apple-style-span" style="color: rgb(153, 153, 255);">2.1</span></span><span style="color:blue;"> <br />
<br />Tab </span><span style="color:#351c75;">2.2</span><span style="color:blue;"> <br />
<br />Tab </span><span style="color:#351c75;">2.3</span><span style="color:blue;"> <br />
<br /></div>
<br /></div>
<br />
<br /><div class="Page">
<br /><div class="Pad">
<br />Tab </span><span><span class="Apple-style-span" style="color: rgb(153, 153, 255);">3.1</span></span><span style="color:blue;"> <br />
<br />Tab </span><span style="color:#351c75;">3.2</span><span style="color:blue;"> <br />
<br />Tab </span><span style="color:#351c75;">3.3</span><span style="color:blue;"> <br />
<br /></div>
<br /></div>
<br /></form>
<br /><script type="text/javascript">
<br />tabview_initialize('TabView');
<br /></script>
<br /></span></div><span style="color:#666666;"><span><span class="Apple-style-span" style="font-size: small;">Keterangan :</span></span></span><span class="Apple-style-span" style="font-size: small;">
<br /></span><span style="color:#666666;"><span><span class="Apple-style-span" style="font-size: small;">Angka (</span><span class="Apple-style-span" style="color: rgb(102, 51, 0);"><span class="Apple-style-span" style="font-size: small;">400</span></span><span class="Apple-style-span" style="font-size: small;">px) adalah ukuran tinggi dan lebar tabview. </span></span></span><span class="Apple-style-span" style="font-size: small;">
<br /></span><span style="color:#666666;"><span><span class="Apple-style-span" style="font-size: small;">Kode warna </span><span class="Apple-style-span" style="color: rgb(255, 0, 0);"><span class="Apple-style-span" style="font-size: small;">merah</span></span><span class="Apple-style-span" style="font-size: small;"> (tanpa <br/>)adalah text judul menu tab (Menu Atas).</span></span></span><span class="Apple-style-span" style="font-size: small;">
<br /></span><span style="color:#666666;"><span><span class="Apple-style-span" style="font-size: small;">Kode warna </span><span class="Apple-style-span" style="color: rgb(153, 153, 255);"><span class="Apple-style-span" style="font-size: small;">ungu</span></span><span class="Apple-style-span" style="font-size: small;"> (Tab 1.1 dstnya) adalah isi dari tab view tsb. Kamu bisa mengisinya dengan link, gambar, banner, script dll.</span></span></span><span class="Apple-style-span" style="font-size: small;">
<br /></span><span style="color:#666666;"><span><span class="Apple-style-span" style="font-size: small;">Untuk menambah menu, silakan anda pelajari script diatas. Itung-itung agar lebih memahami cara membuatnya, :)</span></span></span>
<br /><span style="color:#666666;"></span>
<br />10. Simpan Gadget & pindahkan gadget kekolom lain apabila tidak sesuai keinginan
<br />11. Simpan n' liat hasilnya...
<br />Bagaimana? bisa?
<br />Aku tunggu komentarnya yach.... :)
<br />
<br /><img src="http://signatures.mylivesignature.com/54487/192/753CFE91431048B3CCF65F44EBE42A85.png" style="background: transparent; border: 0 !important;" /></div></div>Rommyhttp://www.blogger.com/profile/03675770644068654605noreply@blogger.com3tag:blogger.com,1999:blog-4176672805902482813.post-80492796959523581062009-06-11T21:33:00.000+07:002009-06-16T23:49:06.743+07:00Membuat Recent Comment atau Komentar Terbaru<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAwz4rD3u5X_QQM6l_2YPs604sTbiSvT_xwCvt7Q85K0g16R_Lz1YwaOK5DQBkvt4YuVHiu7nWf5MYNZpeoJx1sueyMaOdnoZdc3kV7vL6rZPVDqv4okWT8NmsZp1Ol0Lqd-oX_c_yZsy_/s1600-h/komentar.png"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 320px; height: 126px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAwz4rD3u5X_QQM6l_2YPs604sTbiSvT_xwCvt7Q85K0g16R_Lz1YwaOK5DQBkvt4YuVHiu7nWf5MYNZpeoJx1sueyMaOdnoZdc3kV7vL6rZPVDqv4okWT8NmsZp1Ol0Lqd-oX_c_yZsy_/s320/komentar.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5346078802638878866" /></a><br /><div class="separator" style="clear: both; text-align: left;">Mungkin tutorial kali ini udah banyak yang tau, terbukti dari banyaknya blog-blog yang aku kunjungi sudah ada yang masang trik ini pada blognya. So, ini cuma sekedar sharing terutama untuk para newbie yang baru bikin blog sekalian itung-itung nambahin artikel aku, :D<br /></div><br />Membuat recent comments atau komentar terbaru pada blog kita sangat berguna saat teman-teman kita maupun orang lain memberikan komentarnya pada blog atau postingan kita. Selain mengetahui siapa aja yang berkomentar, kita juga dengan mudah mengetahui di postingan/artikel mana mereka memberi komentar.<br />Kita bisa memasangnya di halaman utama blog atau dipasang di dalam Menu Tab View seperti di blogku yang <a href="http://romm30.blogspot.com/" target="new">satu ini (klik dong...)</a> :)<br /><br />Langkah-langkahnya:<br />1. Login ke Blog anda, isi email & password!<br />2. Pilih Layout<br />3. Tambah Gadget, pilih HTML/Javascript<br />4. Copas script dibawah ini :<div><br /><div align="left"><div style="background: #D8FDC8 none repeat scroll 0% 0%; border: 1px dotted #0000CC; padding: 5px;"><span style="color:blue;"><script style="text/javascript" src="http://romywardhana.ucoz.net/javascrku/komentarterbaru.js"<br />></script><script style="text/javascript">var a_rc=</span><span style="color:red;">8</span><span style="color:blue;">;var m_rc=false;var n_rc=true;var o_rc=40;</script><br /><script src="</span><span style="color:red;">http://rocirel.blogspot.com</span><span style="color:blue;">/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"> </script> </span></div><span style="font-weight: bold;"><span style="background-;color:white;"><span style="color:#666666;">Keterangan :<span class="Apple-style-span" style="font-weight: normal;"></span></span></span></span><br /><br /><ul><li><span class="Apple-style-span" style="color:#666666;">Angka 8 merupakan jumlah komentar yang mau ditampilkan, ubah angkanya sesuai keinginan.</span><br /></li><li><span class="Apple-style-span" style="color:#666666;">Ganti rocirel.blogspot.com dengan nama blogmu.</span></li></ul><br />5. Simpan<br />6. Lihat hasilnya...<br /><br /><img src="http://signatures.mylivesignature.com/54487/192/753CFE91431048B3CCF65F44EBE42A85.png" style="background: transparent; border: 0 !important;" /></div></div>Rommyhttp://www.blogger.com/profile/03675770644068654605noreply@blogger.com2tag:blogger.com,1999:blog-4176672805902482813.post-54239205107402317482009-06-10T01:06:00.001+07:002009-06-19T09:46:05.004+07:00Membuat Link Pelangi (Rainbow)<div class="separator" style="clear: both; text-align: left;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgF6KeOcZTufm9eonGJJRKhesU6lfLfpd9eX6AtnYURNnD1KEsZ4UlsU2KiOUPwonl0NxF3JTSp0n8HGnuYpxcA44ea3cmhSD8PM79XXFXg97WAgZQ3G3p8QkJs76oKUBlEWBT13eERURdy/s1600-h/pelangi.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgF6KeOcZTufm9eonGJJRKhesU6lfLfpd9eX6AtnYURNnD1KEsZ4UlsU2KiOUPwonl0NxF3JTSp0n8HGnuYpxcA44ea3cmhSD8PM79XXFXg97WAgZQ3G3p8QkJs76oKUBlEWBT13eERURdy/s200/pelangi.jpg" /></a>Membuat link pelangi pada blog kita adalah untuk mempercantik tampilan pada setiap link blog kita (tidak termasuk shoutmix dan lainnya).</div>Link pelangi ini tampil pada saat kita mengarahkan cursor mouse ke suatu link di blog atau posting (artikel) maupun dalam artikel kita yang ada linknya. Saat kita mengarahkan mouse ke link, maka tulisan link tersebut akan berubah warna warni bergantian.<br />Cara bikinnyapun sangatlah mudah, tinggal cari, copas (copy paste) & save :D<br />Ini caranya :<br />1. Seperti biasa login ke blog anda, pilih tata letak & edit HTML<br />2. Cari kode <span style="color:red;"></body></span> (biasa paling bawah template)<br />3. Copas kode dibawah ini persis diatas kode <span style="color:red;"></body></span> tadi<br /><br /><div style="background: #D8FDC8 none repeat scroll 0% 0%; border: 1px dotted #0000CC; padding: 5px;"><span style="color:blue;"><script src='http://romywardhana.ucoz.net/javascrku/rainbow.js' type='text/javascript'/></span></div><br />4. Save template anda dan lihat hasilnya :)<br /><br /><img src="http://signatures.mylivesignature.com/54487/192/753CFE91431048B3CCF65F44EBE42A85.png" style="background: transparent; border: 0 !important;" />Rommyhttp://www.blogger.com/profile/03675770644068654605noreply@blogger.com1tag:blogger.com,1999:blog-4176672805902482813.post-29016640640541646652009-06-09T00:03:00.001+07:002009-06-18T12:53:20.345+07:00All About Blog<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzXdu7H_mejlmXXu1fyN2K81gxctGchBfkM2jQmqZHB2imc5OIBplC5RjUdIFJ8cOghzkHtExrjsFt9tGHQXeIE1NwCUXt_yqduJ8UKRl3NkFvGtXqYF0rzdTi8N6jSFZNyA50w0B2D_90/s1600-h/underconstr.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzXdu7H_mejlmXXu1fyN2K81gxctGchBfkM2jQmqZHB2imc5OIBplC5RjUdIFJ8cOghzkHtExrjsFt9tGHQXeIE1NwCUXt_yqduJ8UKRl3NkFvGtXqYF0rzdTi8N6jSFZNyA50w0B2D_90/s200/underconstr.png" /></a></div><span style="font-family:'Helvetica Neue', Arial, Helvetica, sans-serif;"><span style="font-weight: bold;"><span style="font-size:medium;"><span style=" font-weight: normal;font-family:'Times New Roman';font-size:16px;">Blog merupakan singkatan dari "web log" adalah bentuk aplikasi web yang menyerupai tulisan-tulisan (yang dimuat sebagai posting) pada sebuah halaman web umum.<br /></span><span style=" font-weight: normal;font-family:'Times New Roman';font-size:16px;"></span><span style=" font-weight: normal;font-family:'Times New Roman';font-size:16px;"></span><span style=" font-weight: normal;font-family:'Times New Roman';font-size:16px;">Posting-posting tersebut seringkali dimuat dalam urutan secara terbalik (isi terbaru dahulu baru kemudian diikuti isi yang lebih lama), meskipun tidak selamanya demikian. Situs web semacam itu biasanya dapat diakses oleh semua pengguna internet sesuai dengan topik dan tujuan dari si pengguna blog tersebut.</span><span style=" font-weight: normal;font-family:'Times New Roman';font-size:16px;"><br /></span></span></span></span><br /><span style="font-family:'Helvetica Neue', Arial, Helvetica, sans-serif;"><span style="font-weight: bold;"><span style="font-size:medium;"><span style=" font-weight: normal;font-family:'Times New Roman';font-size:16px;">Media blog pertama kali dipopulerkan oleh <span style=" ;font-family:'Times New Roman', serif;font-size:12pt;"><a href="http://www.blogger.com/">Blogger.com</a></span>, yang dimiliki oleh PyraLab sebelum akhirnya PyraLab diakuisi oleh <a href="http://www.google.com/">Google.com</a> pada akhir tahun 2002 yang lalu.<br /></span><span style=" font-weight: normal;font-family:'Times New Roman';font-size:16px;"></span><span style=" font-weight: normal;font-family:'Times New Roman';font-size:16px;">Semenjak itu, banyak terdapat aplikasi-aplikasi yang bersifat sumber terbuka yang diperuntukkan kepada perkembangan para penulis blog tersebut.<br /></span><span style=" font-weight: normal;font-family:'Times New Roman';font-size:16px;"></span><span style=" font-weight: normal;font-family:'Times New Roman';font-size:16px;"></span><span style=" font-weight: normal;font-family:'Times New Roman';font-size:16px;"></span><span style=" font-weight: normal;font-family:'Times New Roman';font-size:16px;"><br /></span><span style=" font-weight: normal;font-family:'Times New Roman';font-size:16px;">Blog mempunyai fungsi yang sangat beragam, dari sebuah catatan harian, media publikasi dalam sebuah kampanye politik, sampai dengan program-program media dan perusahaan-perusahaan. Sebagian blog dipelihara oleh seorang penulis tunggal, sementara sebagian lainnya oleh beberapa penulis. Banyak juga weblog yang memiliki fasilitas interaksi dengan para pengunjungnya, yang dapat memperkenankan para pengunjungnya untuk meninggalkan komentar atas isi dari tulisan yang dipublikasikan, namun demikian ada juga yang sebaliknya atau yang bersifat non-interaktif.<br /></span><span style=" font-weight: normal;font-family:'Times New Roman';font-size:16px;"><br /></span><span style=" font-weight: normal;font-family:'Times New Roman';font-size:16px;">Situs-situs web yang saling berkaitan berkat weblog, atau secara total merupakan kumpulan weblog sering disebut sebagai blogosphere. Bilamana sebuah kumpulan gelombang aktivitas, informasi dan opini yang sangat besar berulang kali muncul untuk beberapa subyek atau sangat kontroversial terjadi dalam blogosphere, maka hal itu sering disebut sebagai blogstorm atau badai blog.<br /></span><span style=" font-weight: normal;font-family:'Times New Roman';font-size:16px;"><br /></span><span style=" font-weight: normal;font-family:'Times New Roman';"><span style="font-size:small;">Sumber:</span></span><span style=" font-weight: normal;font-family:'Times New Roman';font-size:16px;"> <span style=" ;font-family:'Times New Roman', serif;font-size:12pt;"><a href="http://id.wikipedia.org/">Wikipedia</a></span><br /></span><span style=" font-weight: normal;font-family:'Times New Roman';font-size:16px;"><br /></span>Istilah dalam blog</span></span></span><br />Buat kamu masih hijau yang belum tahu banyak tentang dunia blog, ini ada beberapa istilah-istilah yang perlu kamu ketahui. Buat yang sudah master, yang sudah banyak makan garam dunia blog juga nggak ada salahnya kok baca-caca artikel ini. Disini sengaja tidak disusun menurut abjad tapi disusun berdasarkan kategori masing-masing.<br /><br /><span style="font-weight: bold;">* Blog</span><br /><ul><li>Blog : istilah yang pertama kali digunakan oleh Jorn Barger untuk menyebut kelompok website pribadi yang selalu diupdate secara kontinyu dan berisi link-link ke website lain yang mereka anggap menarik disertai dengan komentar-komentar.<br /></li><li>Weblog : istilah lain dari blog.<br /></li><li>Blogging : kegiatan-kegiatan yang dilakukan dalam dunia blog.<br /></li><li>Blogger : seseorang yang melakukan blogging. (arti lainnya: sebuah layanan blog dari google)<br /></li><li>Blogosphere : komunitas dalam blogging.<br /></li><li>Posting : kegiatan untuk mengirimkan artikel ke dalam blog.<br /></li></ul><span style="font-weight: bold;">* Bentuk-Bentuk Blogging</span><br /><ul><li>Photoblogging : sebuah blog yang difokuskan pada dunia Photografi dan gambar-gambar.<br /></li><li>Podcasting : metode untuk mendistribusikan file multimedia (video/audio) secara online melalui feeds<br /></li><li>Autocasting : bentuk podcasting secara otomatis.<br /></li><li>Blogcasting : penggabungan blog dan postcast dalam sebuah wensite.<br /></li><li>Vlog / Vlogging : jenis blogging yang lebih senang menggunakan video daripada text.<br /></li><li>Audioblog / Audioblogging : jenis blogging yang lebih senang menggunakan audio/musik daripada text.<br /></li><li>Moblogs / Moblogging kegiatan blogging dengan menggunakan HP (handphone).<br /></li></ul><span style="font-weight: bold;">* Komponen dan Fungsi-Fungsi Blog</span><br /><ul><li>Index page : halaman depan dari blog.<br /></li><li>Header : bagian paling atas blog.<br /></li><li>Footer :bagian paling bawah blog.<br /></li><li>Sidebar : kolom-kolom yang berada di sisi blog.<br /></li><li>Link : proses untuk menghubungkan ke suatu postingan/kontent atau ke web/blog yang lain.<br /></li><li>Archive : sekumpulan/arsip dari semua postingan. Bisa dikelompokkan dalam bulan, tahun dsb.<br /></li><li>Categories : sekumpulan/sekelompok spesifik dari beberapa artikel.<br /></li><li>Comments : Kompentar-komentar dari para pembaca blog.<br /></li><li>Captcha : kependekan dari “Completely Automated Public Turing test to tell Computers and Humans Apart”, yaitu sebuah gambar yang berisi kata atau huruf yang harus diketikkan untuk verifikasi. Berguna untuk menangkal spam.<br /></li><li>Ping (Packet Internet Grouper) : berfungsi untuk memberitahu layanan-layanan yang berhubungan dengan blog (seperti technorati dkk) bahwa kita baru menambah atau mengupdate konten blog kita.<br /></li><li>Trackback : berfungsi untuk memberitahu bahwa kita me-link ke postingan atau kontent blog orang lain.<br /></li><li>Blogroll : sekumpulan link yang dijukan ke blog yang lain.<br /></li><li>Template : desain dasar blog.<br /></li><li>Plugin : sebuah file yang berfungsi untuk menambah feature2 blog.<br /></li><li>Dashboard : sebuah tampilan yang berisi kontrol-kontrol, tool, setting dll saat pertama kali kita login ke blog account.<br /></li></ul><span style="font-weight: bold;">* Penyedia Layanan Blog</span><br /><ul><li>Blogger/Blogspot : Layanan blog gratis dari google.<br /></li><li>Wordpress : Salah satu layanan blog gratis yang lain, memiliki feature yang lebih lengkap daripada blogger.com tapi kita tidak bisa mengotak-atik script HTML, kalo mau mengedit harus bayar dulu, jadi buat yang gratisan nggak bisa ngedit.<br /></li><li>LiveJournal : Tools blogging gratis dari SixApart<br /></li><li>TypePad : Tools blogging tidak gratis (bayar) dari SixApart.<br /></li></ul><span style="font-weight: bold;">* Bloging Habits</span><br /><ul><li>Metablogging : menulis artikel tentang blogging.<br /></li><li>Blogstipation : blogger yang sedang malas ngeblog, karena sedang bad mood atau nggak pingin ngeblog.<br /></li><li>Blogopotamus : Postingan blog yang sangat panjang.<br /></li><li>Bleg : adalah ketika seseorang memohon pada sebuah blog.<br /></li><li>Blego : Blog+Ego, ukuran kekayaan blogger.<br /></li><li>Blog Hopping : Berpindah-pindah dari satu blog ke blog yang lain.<br /></li><li>Blogroach : Komentator yang tidak setuju dengan postingan atau kontent suatu blog, biasanya diungkapkan dengan kata-kata yang kasar.<br /></li><li>Blogoholic : Pecandu Blog.<br /></li><li>Blogorific / Blogtastic Suatu hal yang dahsyat dari perkataan blogger.<br /></li><li>Blogsit : Pemeliharaan blog ketika sang pemilik utama blog sedang bepergian atau sedang liburan.<br /></li><li>Blogvertising/Blogvert : Iklan-iklan yang ada di blog.<br /></li><li>Blurker : Pembaca blog yang hanya melihat-lihat saja, tidak memberikan komentar atau apapun.<br /></li><li>Blogathon : mengaupdate blog setiap 30 menit dan selama 24 jam non-stop.<br /></li><li>Blogiversary : Ulang tahun Blog.<br /></li><li>Blog Carnival : Link ke artikel yang lain yang disamarkan dengan topik yang spesifik.<br /></li><li>Multiblog : menjalankan banyak blog.<br /></li><li>Blog Tipping : pujian atau ucapan selamat setiap tanggal 1 setiap bulannya.<br /></li><li>Blogger Bash : Pesta para blogger.<br /></li><li>Reciprocal Links / Link Exchange : atau Link Love, saling me-link antara blog yang satu dengan blog yang lain.<br /></li><li>Linkbaiting : menulis artikel yang bagus supaya dilink oleh blog yang lain.<br /></li><li>Hitnotice : me-refresh browser berulang-ulang untuk melihat hit-counter atau melihat apakah ada komentar yang baru atau tidak.<br /></li><li>Blogstorm / Blogswarm : Kegiatan komunitas blogger yang sangat besar.<br /></li><li>Blogsnop : menolak respon dari komentator yang bukan temannya.<br /></li><li>Doppelblogger : blogger yang menjiplak konten dari blog orang lain.<br /></li><li>Blogophobia takut terhadap blog atau blogging.<br /></li><li>Blogeerel : opini yang sama yang dikirim berulang-ulang pada sebuah blog.<br /></li></ul><span style="font-weight: bold;">* Tipe-Tipe Blogger</span><br /><ul><li>Problogger : Blogger yang sudah profesional.<br /></li><li>Blogebrity : Blogger yang sangat terkenal, kayak selebriti gitu.<br /></li><li>Blogerati : Komunitas Blogger yang sudah pinter-pinter.<br /></li><li>Blognoscenti : Blogger yang memiliki kemampuan yang spesial.<br /></li><li>Commentariat : Komunitas para komentator (lho emangnya ada? ).<br /></li><li>Dooced : kehilangan pekerjaan gara-gara blognya.<br /></li><li>Blogther : teman/saudara/keluarga blogger.<br /></li><li>Blogstar : Blogger yang mengoperasikan blog yang sangat populer.<br /></li></ul><span style="font-weight: bold;">* Web/Blog Feeds</span><br /><ul><li>Web Feed : format data yang disediakan untuk user agar bisa berlangganan pada postingan sebuah blog.<br /></li><li>RSS : adalah sebuah file berformat XML untuk sindikas. RSS mengijinkan kita untuk berlangganan kepada web/blog yang menyediakan umpan (feed) RSS. RSS kependekan dari Really Simple Syndication (RSS 2.0), Rich Site Summary (RSS 0.91, RSS 1.0), RDF Site Summary (RSS 0.9 and 1.0).<br /></li><li>XML : (eXtensible Markup Language).<br /></li><li>RDF : (Resource Description Framework)<br /></li><li>Atom : hampir sama dengan web feed.<br /></li><li>Photofeed : web feed dengan lampiran gambar.<br /></li></ul>Sumber : <a href="http://www.untukku.com/tutorial-untukku/kamus-istilah-istilah-dalam-blog-untukku.html"><span style="font-family:'Lucida Grande', serif;">Untukku.com</span></a><br /><br /><br /><img src="http://signatures.mylivesignature.com/54487/192/753CFE91431048B3CCF65F44EBE42A85.png" style="background: transparent; border: 0 !important;" />Rommyhttp://www.blogger.com/profile/03675770644068654605noreply@blogger.com1