Minggu, 01 Januari 2012


Cara Ganti Icon Blog pada Address Bar

Kalo kita membuka website atau blog, biasanya ada icon di sambing Address Bar (kotak untuk mengetikkan alamat web). Dan jika kita punya blog di Blogspot maka icon default yang akan tampil adalah gambar seperti ini .Tapi jika kita tidak puas dan ingin mengganti dengan icon lain bisa saja. Contohnya seperti icon Jempol di Tab Bar Blog ini.

Nah berhubung kebetulan ada teman yang nanya soal cara mengganti icon tersebut, maka kali ini saya akan coba buat tutorial singkat tentang hal tersebut. Caranya sangat mudah, yaitu dengan membuat gambar (gif, jpg, ico, dan lain2) dengan ukuran kira2 24x42 pixel sampai 32x32 pixel. Setelah itu upload file icon yang udah dibuat tadi ke Photobucket atau web sejenisnya. Tapi kalo kalian males untuk membuat icon sendiri bisa langsung cari aja di Google gambar sesuai dengan keinginan dan ukurannya.

Setelah itu masuk ke Dashboard --> Layout --> Edit HTML dan tempatkan kode/script berikut tepat sebelum kode </head> (biar gak repot cari dengan CTRL+F).
<link href='http://saungsandy.blogspot.com/ikongue.gif' rel='SHORTCUT ICON'/>
Ganti kode yang dicetak tebal dengan link gambar yang kalian inginkan. Setelah itu SAVE dan selesai deh...

FOR BONUS
Skalian saya kasi tutorial tentang caran membuat text berjalan di Tab Bar. Caranya gampang, tinggal tempatkan kode/script berikut setelah kode <head>
<script language='JavaScript'>var txt=&quot;Welcome To Saung Sandy &quot;;
var kecepatan=130;var segarkan=null;function bergerak() { document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
segarkan=setTimeout(&quot;bergerak()&quot;,kecepatan);}bergerak();
</script>
Ganti text warna merah sesuai dengan keinginan kalian. Selesai deh...
Met nyoba ya..:D
8 Cara Membuat Blog Anda Terkenal
Membuat blog menjadi terkenal/populer dan banyak pengunjungnya tentunya merupakan keinginan semua blogger. Diawal membangun blog ini saya pun memiliki angan-angan yang sama yaitu membuat blog saya jadi populer dan terkenal yang dikunjungi ribuan orang per hari. Namun tentu saja untuk mencapai sebuah tujuan atau keinginan kita perlu berusaha dulu karena tidak ada sebuah kesuksesan yang sifatnya instant langsung didapat dengan begitu cepat. Paling tidak sobat harus punya trik-trik yang jitu bagaimana cara mempopulerkan blog anda ke orang lain, sehingga blog anda pun nantinya akan menjadi blog yang terkenal dan ramai dikunjungi. Berdo'a saja semoga suatu hari nanti blog anda akan mendapatkan predikat The Most Popular Blog dari situs-situs terkenal.
8 Rahasia  Mempopulerkan Blog Anda :
1.   Printlah url blog anda di t-shirt dan pakailah t-shirt tersebut sesering mungkin. Paling tidak 5 kali dalam seminggu. Cucilah t-shirt kalau memang sudah bau.
2.   Jika anda baru punya anak, maka namailah anak anda dengan url blog anda. Untuk itu hati-hatilah bagi yang punya blog penjahatcinta.com dan berbahagialah jika nama blog anda ternyata pangerancinta.com atau dewicinta.com karena nama itu sedikit lebih pantas..!!
3.    Jika ada orang yang menanyakan alamat anda, berikanlah alamat url blog anda. Jangan pernah salahkan orang itu kalau akhirnya dia akan menyanyikan lagu Ayu Ting Ting “Alamat Palsu”.
4.  Bukalah halaman blog anda di semua komputer ditempat kerja anda kemudian bersikaplah seolah-olah anda tidak tahu apa-apa.
5.     Ancam atau sogoklah teman anda agar mau bergabung di halaman blog anda.
6.     Buatlah coretan-coretan url blog anda di tembok toilet-toilet umum setiap kali anda pipis.
7.     Untuk membuktikan keseriusan anda, buatlah tatto nama blog anda di bagian tangan anda.
8.      Seolah-olah anda sedang terkejut, sebutkanlah nama blog anda secara tiba-tiba di kelas atau saat rapat.
Semoga saja tidak ada diantara sobat blogger yang mau mempraktekkan tips 8 Cara Membuat Blog Jadi Terkenal/Populer seperti diatas. Karena kalau ada yang benar-benar mempraktekkannya saya tidak menjamin keselamatan anda dan saya pun tidak mau bertanggung jawab..kabuuuurrr..!!
Cara Membuat Scrolling Ticker HOT News 
Ticker adalah teks berjalan yang bisa digunakan untuk menyampaikan sebuah pengumuman, berita, pemberitahuan, rss hot news dan lain-lain seperti layaknya sebuah jadwal keberangkatan penerbangan itu lho !.  Sobat dapat menempatkan ticker di area posting (bawah atau atas postingan) ataupun di sidebar. Teks berjalan atau ticker ini pernah saya buat dihalaman Link Sobat untuk memberitahukan syarat tukar link/banner. Silahkan saja sobat edit teks tulisan, jenis/warna border ticker serta warna hurup. Jika template anda dengan background hitam, rubah saja warna border ticker menjadi putih, background color menjadi hitam sehingga ticker terlihat lebih sepadan dengan template. Sengaja nulis ini siapa tau ada Mister dari negeri antah berantah yang baca..gkkk.
Cara Membuat Ticker di Posting Blog :
1.     Masuk dulu ke panel posting blogger seperti saat sobat akan memposting sebuah artikel baru. Pilih opsi Edit HTML disebelah tulisan Compose.
2.       Copy script HTML dibawah ini dan paste di area posting mana saja yang sobat inginkan.
<div id="TICKER" onmouseout="TICKER_PAUSED=false" onmouseover="TICKER_PAUSED=true" style="background-color: white; border-bottom: 1px solid rgb(204, 204, 204); border-top: 1px solid rgb(204, 204, 204); display: none; overflow: hidden; width: 520px;">
<span style="background-color: #7fb51a;"> &nbsp; &nbsp; <span style="color: white;"> <b>Syarat Tukar Link/Banner</b></span>&nbsp; &nbsp; </span> &nbsp; <b>Blog anda terdaftar di Search Engine dan halaman tukar link anda terindeks di Google.</b>&nbsp; <span style="background-color: #ffaa00;"> &nbsp; &nbsp; <span style="color: white;"> <b>Terdaftar</b></span>&nbsp; &nbsp; </span> &nbsp; <b>Terdapat meta tag search engine pada template.</b>&nbsp; <span style="background-color: #0088ff;"> &nbsp; &nbsp; <b><span style="color: white;"> Terindeks</span></b>&nbsp; &nbsp; </span> &nbsp; <b>Halaman blog muncul pada hasil pencarian Google... </b>&nbsp; </div>
<script language="javascript" src="http://discovernine.webs.com/zoomimage/webticker_lib.js" type="text/javascript">
</script>
3.       Hasil dari Hot News Ticker terlihat seperti dibawah ini :

    Syarat Tukar Link/Banner      Blog anda terdaftar di Search Engine dan halaman tukar link anda terindeks di Google.      Terdaftar      Terdapat meta tag search engine pada template.      Terindeks      Halaman blog muncul pada hasil pencarian Google...  

4.     Jika anda ingin meletakkan ticker ini secara permanen pada template, tentukan dulu dimana sobat ingin meletakkannya apakah diatas judul, dibawah judul atau dibawah postingan. Kemudian carilah kode HTML yang berhubungan untuk meletakkan script ticker dalam template. Misalnya untuk meletakkan ticker dibawah judul maka sobat harus meletakkan script ticker tepat dibawah kode <div class='post-body entry-content'>. Jangan lupa tambahkan kode pembuka  <b:if cond='data:blog.pageType == &quot;item&quot;'> dan kode penutup </b:if>  supaya ticker tidak muncul dihalaman homepage. Sobat juga dapat memasukkan link URL pada teks sesuai keinginan anda pada script ticker ini.
5.     Untuk memudahkan memodifikasi sebuah script HTML, editlah dulu script HTML anda di Notepad kemudian pilih Save As script tadi dengan memberikan ekstensi .html pada bagian File name dan All Files pada bagian Save as type seperti gambar dibawah ini. Maka file script anda bukan lagi berekstensi .txt seperti layaknya file Notepad, namun sudah menjadi file dengan ektensi .html yang dapat sobat buka pada browser dengan cara double klik. Saya sering melakukan cara ini untuk dapat langsung melihat hasil dari sebuah script pada browser. Sehingga kalau ada kesalahan atau ada hal yang mungkin masih perlu diedit dapat kita ketahui langsung.

Demikian cara sederhana untuk membuat ticker dengan scroll yang bisa saya share untuk sobat. Semoga ticker ini bisa bermanfaat untuk menyampaikan berita-berita penting di blog anda.


Cara Membuat Efek Daun Berjatuhan Di Blog 
Efek daun berjatuhan di blog sepertinya juga banyak diminati oleh sobat blogger, dan menurut saya efek daun berjatuhan ini loadingnya lebih ringan dan cepat ketimbang efek bintang bertaburan yang saya posting sebelum ini. Trik membuat efek daun berjatuhan ini juga masih menggunakan javascript, cara membuatnya simak lebih lanjut dibawah ini.
Cara Membuat Efek Daun Berjatuhan :
1.       Seperti biasa login dulu ke dashboard blogger anda.
2.       Pilih Rancangan > Edit HTML, centang Expand widget template.
3.       Cari kode </head>  pada template dengan menggunakan Ctrl+F.
4.       Copy kode javascript dibawah ini dan letakkan tepat diatas kode </head> .
<script src='http://arti.master.irhamna.googlepages.com/daun.js'/>
5.       Save / simpan template anda dan lihat hasilnya muantaaap bro !!
Nah itu tadi langkah-langkah bagaimana cara membuat efek daun berjatuhan di blog, cukup mudah bukan ? Jangan lupa daun-daunnya kalo sudah kebanyakan yang jatuh sambil di sapu ya he he…