tag:blogger.com,1999:blog-34213550702547951862024-03-14T07:30:55.237-07:00SABAR_BLOG"SABAR file"http://www.blogger.com/profile/03847351811581804001noreply@blogger.comBlogger4125tag:blogger.com,1999:blog-3421355070254795186.post-10542222297345148422010-08-21T04:29:00.000-07:002010-08-21T04:29:07.716-07:00Cara membuat icon addres bar<span class="stylekoran">P</span>ada bagian address bar web / blog, sering kita lihat ada semacam icon kecil yang muncul, contohnya anda bisa melihat blog saya ini dibagian address bar sebelah kiri ada icon kuning bulat . Nah kali ini aku akan menuliskan cara membuat icon tersebut (favicon). Cara membuatnya relatif sangat mudah. Ikuti langkah2 yang saya tulis ini :<br />
<br />
1. Buatlah sebuah icon yang akan dijadikan favicon pada address bar.<span class="fullpost"><br />
2. Ubahlah icon image yang anda miliki menjadi favicon dengan menggunakan <span style="font-weight: bold;">favicon generator</span> melalui situs <a href="http://www.favicongenerator.com/" target="_blank">www.favicongenerator.com</a>.<br />
3. Klik pada tombol <span style="font-weight: bold;">Browse</span>...<br />
4. Masukan gambar yang tadi dibuat untuk di ubah menjadi format icon<br />
5. Klik pada tombol <span style="font-weight: bold;">Generate Favicon</span>.<br />
6. Setelah proses selesai, klik pada <span style="font-weight: bold;">Click Here to Download your favicon</span>.<br />
7. Save ke komputer anda.<br />
8. Langkah selanjutnya adalah anda harus meng upload Favicon yang tadi ke tempat hosting gambar, contoh adalah ke Yahoo! Geocities / hosting yang lain kesukaan anda memyimpan image.<br />
<br />
Image tanpa membuat icon favicon dengan favicon generator :<br />
<br />
Kalau anda malas membuat icon, saya sarankan pake aja icon dari yahoo ( seperti pada blog saya ini ). Contohnya seperti ini :<br />
<br />
<img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif" width="18" /><img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif" width="18" /><img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif" width="18" /><img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif" width="18" /> <img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif" width="18" /><img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif" width="18" /><img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif" width="22" /><img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif" width="18" /><img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif" width="18" /><img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif" width="18" /><img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif" width="18" /><img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif" width="18" /><img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif" width="20" /><img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif" width="18" /><img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif" width="18" /><img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif" width="24" /><img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif" width="31" /><img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif" width="44" /><img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif" width="30" /><img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif" width="18" /><img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif" width="18" /><img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif" width="34" /><img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif" width="30" /><br />
<br />
Untuk icon dari <span style="font-weight: bold;">yahoo</span>, alamat link dibawah ini, jadi anda tidak usah pusing2 membuat icon sendiri tetapi langsung memasukkan alamatnya :<br />
<br />
<div style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(255, 255, 204) none repeat scroll 0% 0%; border: 3px dashed rgb(245, 0, 61); padding: 5px;"><br />
<img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif" width="18" /> = http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif<br />
<br />
<img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif" width="18" /> = http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif<br />
<br />
<img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif" width="18" /> = http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif<br />
<br />
<img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif" width="18" /> = http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif<br />
<br />
<img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif" width="18" /> = http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif<br />
<br />
<img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif" width="18" /> = http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif<br />
<br />
<img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif" width="22" /> = http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif<br />
<br />
<img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif" width="18" /> = http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif<br />
<br />
<img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif" width="18" /> = http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif<br />
<br />
<img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif" width="18" /> = http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif<br />
<br />
<img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif" width="18" /> = http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif<br />
<br />
<img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif" width="18" /> = http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif<br />
<br />
<img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif" width="20" /> = http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif<br />
<br />
<img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif" width="18" /> = http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif<br />
<br />
<img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif" width="18" /> = http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif<br />
<br />
<img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif" width="24" /> = http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif<br />
<br />
<img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif" width="31" /> = http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif<br />
<br />
<img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif" width="44" /> = http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif<br />
<br />
<img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif" width="30" /> = http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif<br />
<br />
<img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif" width="18" /> = http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif<br />
<br />
<img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif" width="18" /> = http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif<br />
<br />
<img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif" width="34" /> = http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif<br />
<br />
<img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif" width="30" /> = http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif<br />
</div><br />
9. Saya asumsikan bahwa anda sudah mempunyai alamat URL dari favicon anda. sebagai contoh, saya mempunyai sebuah alamat URL seperti diatas :<br />
<br />
<div style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(255, 255, 204) none repeat scroll 0% 0%; border: 3px dashed rgb(245, 0, 61); padding: 5px;"><br />
<span style="color: red;">http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif</span><br />
</div><br />
10. Anda harus mengubah alamat URL favicon anda menjadi seperti ini :<br />
<br />
<div style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(255, 255, 204) none repeat scroll 0% 0%; border: 3px dashed rgb(245, 0, 61); padding: 5px;"><br />
<span style="font-weight: bold;"><link rel="shortcut icon" href="</span><span style="color: red;">http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif</span><span style="font-weight: bold;">"/></span><br />
</div><br />
11. Langkah selanjutnya adalah silahkan<span style="font-weight: bold;"> Login</span> ke blogger dengan ID anda.<br />
12. Klik pada <span style="font-weight: bold;">Tata Letak</span>.<br />
13. Klik <span style="font-weight: bold;">Edit HTML</span>.<br />
14. Silahkan cari kode <span style="color: red; font-weight: bold;"></head></span> (posisinya hampir paling atas, jadi jangan jauh-jauh nyari ke bawah).<br />
15. Simpan kode favicon yang tadi persis <span style="font-weight: bold;">di atas</span> kode <span style="color: red; font-weight: bold;"></head></span>. Contoh :<br />
<br />
<div style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(255, 255, 204) none repeat scroll 0% 0%; border: 3px dashed rgb(245, 0, 61); padding: 5px;"><br />
<span style="font-weight: bold;"><link rel="shortcut icon" href="</span><span style="color: red;">http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif</span><span style="font-weight: bold;">"/></span><br />
<br />
<span style="color: red; font-weight: bold;"></head></span><br />
</div><br />
16. Klik tombol <span style="font-weight: bold;">Simpan Template</span>.<br />
17. Selesai. Sekarang anda sudah mempunyai favicon di alamat URL blog anda.</span>"SABAR file"http://www.blogger.com/profile/03847351811581804001noreply@blogger.com0tag:blogger.com,1999:blog-3421355070254795186.post-89912840525633045682010-08-14T16:07:00.000-07:002010-08-14T16:07:50.631-07:00Cara membuat kotak tukeran link<div><br />
</div><div style="font-size: 10px; margin: 8px 0px 3px;"></div><span class="widget-item-control"> <span class="item-control blog-admin"> <a class="quickedit" href="http://www.blogger.com/rearrange?blogID=4400556876376786882&widgetType=HTML&widgetId=HTML13&action=editWidget" onclick="return _WidgetManager._PopupConfig(document.getElementById("HTML13"));" target="configHTML13" title="Edit"> <br />
</a> </span> </span> <br />
<div id="crosscol-wrapper" style="text-align: center;"></div><div class="post-body entry-content"><style>
.fullpost{display:inline;}
</style> <br />
<br />
<br />
<center>Copy kode di bawah masukan di blog anda, saya akan segera linkback kembali</center><br />
<br />
<center><img alt="Kolom blog tutorial " border="0" src="http://i162.photobucket.com/albums/t253/rohman24/kolomtutorial.gif" /></center><br />
<br />
<center><textarea cols="25" name="code" rows="6"><a href="http://themahyonk.blogspot.com/2009/09/di-jual-murah-keyboard-roland-e-09.html" target="_blank"><br /><br /><img border="0" alt="Kolom blog tutorial " src="http://i415.photobucket.com/albums/pp237/jupmerput/honden5.gif" /></a></textarea></center><br />
kodenya :<br />
<br />
<span class="fullpost"><br />
</span><br />
<blockquote><span class="fullpost"><center><span style="color: red;">Copy kode di bawah masukan di blog anda, saya akan segera linkback kembali</span></center></span><br />
<span class="fullpost"><center><img alt="Kolom blog tutorial " src="http://i162.photobucket.com/albums/t253/rohman24/kolomtutorial.gif" border="0" /></center></span><br />
<span class="fullpost"><center><textarea name="code" rows="6" cols="25"><span style="color: #3333ff;"><a href="http://themahyonk.blogspot.com/2009/09/di-jual-murah-keyboard-roland-e-09.html" target="_blank"><br /><br /><img border="0" alt="Kolom blog tutorial " src="http://i415.photobucket.com/albums/pp237/jupmerput/honden5.gif" /></a></span></textarea></center></span></blockquote><span class="fullpost"><br />
keterangan :<br />
<br />
.:: Yang berwarna <span style="color: red;">merah</span> bisa kamu ubah dengan kata-kata sesuai dengan selera kamu.<br />
.:: Yang berwarna <span style="color: #3333ff;">biru</span> untuk menampilkan link yang a</span><span class="fullpost">kan di pasang di kotak tukaran link tsb.<br />
<br />
<center>Selamat Mendoba ^_^</center></span></div>"SABAR file"http://www.blogger.com/profile/03847351811581804001noreply@blogger.com0tag:blogger.com,1999:blog-3421355070254795186.post-10296272285948208262010-08-14T16:01:00.000-07:002010-08-14T16:01:13.088-07:00Membuat sambutan pengunjung blog<span class="stylekoran">A</span>gak sedikit mirip dengan , tips membuat kata sambutan bagi pengunjung blog sebelum pengunjung masuk ke halaman blog anda, trik ini hanyalah trik untuk menyambut kedatangan tamu blog dengan kata2 sambutan dari anda sebagai admin blog. Ada dua type kata sambutan yang bisa anda gunakan pertama berupa kata sambutan dari admin blog dan kedua adalah kata sambutan dari admin berupa pertanyaan dari admin mengenai pengunjung blog anda. Jika ingin mencoba menggunakan tips ini silahkan ikuti petunjuknya :<span class="fullpost"><br />
<br />
<span style="font-weight: bold;">Kata Sambuatan model 1</span>, yaitu berupa kata sambutan dari Anda :<br />
<br />
1. <span style="font-weight: bold;">Login</span> ke account blogger anda.<br />
2. Klik <span style="font-weight: bold;">Layout</span> --> <span style="font-weight: bold;">Edit HTML</span>.<br />
3. Cari kode <span style="color: red; font-weight: bold;"></head></span> di dalam template anda.<br />
4. Copy pastekan script di bawah ini tepat diatas kode <span style="color: red; font-weight: bold;"></head></span> :<br />
<br />
<div style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(255, 255, 204) none repeat scroll 0% 0%; border: 3px dashed rgb(245, 0, 61); padding: 5px;"><br />
<SCRIPT language='JavaScript'>alert("<span style="color: red; font-weight: bold;">WellCome To Seby-Antoe.Com(Silahkan baca baca ya !!)</span>");</SCRIPT><br />
</div><br />
Keterangan :<br />
+ Ganti tulisan yg warna <span style="color: red;">merah</span> pada script dengan kata kata anda sendiri</span><br />
<span class="fullpost">5. Kemudian klik <span style="font-weight: bold;">Simpan Template</span>.<br />
<br />
<span style="font-weight: bold;">Kata sambutan Model 2</span>, yaitu berupa pertanyaan kepada pengunjung blog :<br />
<br />
Caranya sama dengan diatas hanya berbeda script, Copy pastekan script di bawah ini tepat di atas kode <span style="color: red; font-weight: bold;"></head></span> :<br />
<br />
<div style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(255, 255, 204) none repeat scroll 0% 0%; border: 3px dashed rgb(245, 0, 61); padding: 5px;"><br />
<script type="text/javascript"><br />
var yourName = prompt("<span style="color: red; font-weight: bold;">Bolehkah saya tau nama anda</span>", "<span style="color: red; font-weight: bold;">Nama Kamu Siapa?</span>");<br />
</script><br />
</div><br />
Keterangan :<br />
+ Ganti tulisan yg berupa pertanyaan dengan pertanyaan anda sendiri.<br />
<br />
Selamat mencoba ...</span>"SABAR file"http://www.blogger.com/profile/03847351811581804001noreply@blogger.com0tag:blogger.com,1999:blog-3421355070254795186.post-38702426780102927362010-08-14T15:51:00.000-07:002010-08-14T15:51:49.728-07:00Cara Menghilang dan simbol tang dan obengTernyata untuk menulis di blog itu gampang-gampang susah ya, contohnya aku yang baru di dunia blog ini (jadi curhat...hehehe). Langsung ketopik, memang sudah banyak yang nulis postingan ini, tapi gak apa diulang lagi, apalagi yang nulis Blogger baru (awam) kaya gue. Itung-itung kalau aku lupa, jadi gak ribet nyarinya lagi. Kudu lewat kakek Google segala...capek.<br />
<br />
Langsung ajah, yaitu cara menghilangkan lambang "tang dan obeng" pada blogspot. Sebagian orang merasa risih dengan lambang ini, termasuk aku. he..he.. Bagaimana caranya? berikut caranya. Padahal simbol ini hanya muncul saat kita Login akun google kita saja. Tapi gak apa-apa sembari tambah ilmu...keyz.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmvFM4ykNUF6EH6lfOfNG_CPf0lk0fRxMHPhZSg5hBQHR1l1J5e9HOypTOwpFHxtudVZFBuHN0tr_WnmuaIVKnUMPHLIBIPwaUUcv7I3q0pdZsrLYmHO1PsDsyespQmvdHMZ3tjji6Z5un/s1600/obeng.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="190" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmvFM4ykNUF6EH6lfOfNG_CPf0lk0fRxMHPhZSg5hBQHR1l1J5e9HOypTOwpFHxtudVZFBuHN0tr_WnmuaIVKnUMPHLIBIPwaUUcv7I3q0pdZsrLYmHO1PsDsyespQmvdHMZ3tjji6Z5un/s200/obeng.jpg" width="200" /></a></div><ol><li>Pastinya kita harus Login dulu ke <a href="http://www.blogger.com/www.blogger.com">Blogger.com</a></li>
<li>Kemudian, masuk ke Pengaturan, lalu masuk ke "edit html".</li>
<li>Jangan lupa sebelum melakukan edit pastikan centang dulu <span style="color: yellow;">Expand Template Widget.</span></li>
<li>Selanjutnya cari kode di bawah ini:<br />
<br />
<span style="color: red;">]]></b:skin></span><br />
</li>
<li>Kemudian copy paste kode di bawah ini persis di atas kode yang tadi diberikan:</li>
</ol>"SABAR file"http://www.blogger.com/profile/03847351811581804001noreply@blogger.com0