Cara Sembunyikan Title/Judul Blog

Judul blog memang bagian yang sangat penting karena pengunjung akan tau apa isi dari blog itu.Tapi kalo udah desain header bagus-bagus dan disana udah ada judul blognya sendiri, kan jadi jelek kalo masih harus ada judul blog lagi?nah...saya kasih tau caranya...sebenarnya ini gak menghilangkan judul blog...hanya menyembunyikannya saja di header...namun di mesin pencarian judulnya masih ada.Ini caranya:
1. Login ke blogger, lalu masuk ke Rancangan>Edit HTML.(jangan lupa centang expand template widget kalo perlu...hehe...takutnya nggak ada)

2. Cari kode yang kira-kira mirip seperti ini...(setiap blog mungkin berbeda tapi pada dasarnya sama):
#header h1 {
margin:50;
padding:5px 0 0 10px;
font-size: 100%;
font-weight:bold;
line-height: 1.2em;
letter-spacing:.0em;
font-style:italic;
color:#FFFFFF;
}


3. Setelah ketemu, tambahkan merica eh maksudnya tambahkan visibility:hidden; dibawah kode itu,jadinya seperti ini.
#header h1 {
margin:50;
padding:5px 0 0 10px;
font-size: 100%;
font-weight:bold;
line-height: 1.2em;
letter-spacing:.0em;
font-style:italic;
color:#FFFFFF;
visibility:hidden;
}


4. Simpan deh, gampang kan? Selamat mencoba...^_^

READMORE - Cara Sembunyikan Title/Judul Blog

Cara membuat cursor sendiri

Kalian pasti bosen kan kalo kursornya itu ituu aja, mau ganti kursor juga modelnya gitu-gitu aja. Rasanya belum puas kalau belum bikin sendiri?Gampang, saya kasih tau caranya asal cepek dulu...hahaha. Langsung aja ya:

1. Buka Photoshop. (yang gak punya bisa pinjem installernya di temen atau siapa aja yang punya..hehe)
2. Masukin gambar yang mau kamu jadiin kursor atau kamu juga bisa buat sendiri.
3. Kalau sudah kalian bisa save gambarnya dengan format jpeg,png,dll (saya sarankan png kalau nggak ada backgroundnya)
4. Buka AniFX (yang belum punya bisa download disini)
5. Buka gambar yang sudah kamu buat di photoshop tadi lewat open.
6. Setelah itu kamu bisa atur mau dibuat kursor statis atau animasi (muncul setelah memilih gambar)
7. Setelah itu kamu bisa atur ukuran seleksinya, transparansinya,dan ukurannya
8. Lalu kamu dapat mengeditnya lagi (mungkin dengan menghilangkan background atau yang lain)
9. Setelah selesai sebelum disimpan kamu dapat cek dulu kursor yang kamu buat di Cursor Test.
10. Setelah benar, kamu dapat menyimpannya di folder yang kamu inginkan.

nb: bagi yang ingin membuat kursor animasi, harus membuat beberapa gambar (saya sarankan di photoshop) karena di AniFX menggunakan beberapa slide.
Kalau mau diupload ke blog, mungkin bisa diupload ke Flickr.(saya belum pernah mencobanya tapi mungkin berhasil) lalu copy scripnya dan pasang di blog kamu.
selamat mencoba...^_^

READMORE - Cara membuat cursor sendiri

Cara pasang "Readmore" pada posting

Kalian pasti ribet kan kalo liat blog nggak rapi dan nggak ringkas? Nah,supaya blog kamu terlihat rapi dan ringkas pakai aja Readmore....mau tau caranya....oke deh....:


1. Login dulu ke blogger
2. Masuk aja ke tab Edit HTML
3. Jangan lupa centang Expand Template Widgets


4. Cari kode </head> lalu ganti dengan

<script type='text/javascript'> var thumbnail_mode = "float" ; summary_noimg = 250; summary_img = 250; img_thumb_height = 120; img_thumb_width = 120; </script> <br /> <br /> <script type='text/javascript'> //<![CDATA[ function removeHtmlTag(strx,chop){ if(strx.indexOf("<")!=-1) { var s = strx.split("<"); for(var i=0;i<s.length;i++){ if(s[i].indexOf(">")!=-1){ s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length); } } strx = s.join(""); } chop = (chop < strx.length-1) ? chop : strx.length-2; while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++; strx = strx.substring(0,chop-1); return strx+'...'; } function createSummaryAndThumb(pID){ var div = document.getElementById(pID); var imgtag = ""; var img = div.getElementsByTagName("img"); var summ = summary_noimg; if(img.length>=1) { imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>'; summ = summary_img; } var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>'; div.innerHTML = summary; } //]]> </script><br />

5. Cari dan ganti kode <data:post.body/>  lalu ganti dengan

<b:if cond='data:blog.pageType != "item"'><br /> <div expr:id='"summary" + data:post.id'><data:post.body/></div><script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script><br /> <span class='rmlink' style='float:left'><a expr:href='data:post.url'>READMORE - <data:post.title/></a></span><br /> </b:if><br /> <b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>

6. Simpan dan selesai deh...^_^

READMORE - Cara pasang "Readmore" pada posting

Widget yang bisa deteksi browser yang kita pakai!

mau widget seperti ini......

atau yang seperti ini...





silahkan copy script dibawah ini.....
untuk widget yg pertama:

<p style="margin-top:10px; margin-bottom:0; padding-bottom:0; text-align:center; line-height:0"><div style="text-align: center;"><a href="http://elektronika-elektronika.blogspot.com"><img src="http://www.danasoft.com/sig/elka2.jpg"/></a></div></p><p style="margin-top:5px; padding-top:0; font-size:x-small; text-align:center"></p>

untuk widget yg kedua:

<a href="http://www.123myip.co.uk/cometo/?en"><img src="http://www.123myip.co.uk/ip-address/?size=125x125" alt="IP" width="125" border="0" height="125" /></a>

coba aja...keren lhoo....^_^d

READMORE - Widget yang bisa deteksi browser yang kita pakai!

Emoticon Di Kotak Komentar

Setelah mencari-cari caranya bagaimana masang emotikon di kotak komentar sampe nyebrangin segitiga bermuda, bercanda...hehe...akhirnya ketemu juga caranya..mau tau? check this out...
langkah-langkahnya yaitu :
1. Login ke blogger
2. Klik Tab Rancangan
3. Klik Tab Edit HTML
4. Centang kotak kecil berukirkan....eh bertuliskan Expand Template Widget
5. Cari kode </body> dalam template anda
6. Diatas kode tersebut, silahkan copy dan paste script ini:

<script src='http://h1.ripway.com/pinginbelajar/042009/comment_emoticon.js' type='text/javascript'/>

7. capek ya?hahaha.....semangat...cari lagi kode ini <b:if cond='data:post.embedCommentForm'>
8. Diatas kode itu, copy paste script ini lagi:

<div style='overflow:auto; width:100%px; height:200px; padding:5px 5px 5px 5px; background:#FFFFFF;'><center><b> <img border='0' src='http://img7.imageshack.us/img7/5660/pinginbelajar1.gif'/>:10 <img border='0' src='http://img162.imageshack.us/img162/9828/pinginbelajar2.gif'/>:11 <img border='0' src='http://img338.imageshack.us/img338/2876/pinginbelajar5.gif'/>:12 <img border='0' src='http://img178.imageshack.us/img178/4784/pinginbelajar6.gif'/>:13 <br/> <img border='0' src='http://img15.imageshack.us/img15/5646/pinginbelajar7.gif'/>:14 <img border='0' src='http://img54.imageshack.us/img54/9709/pinginbelajar8.gif'/>:15 <img border='0' src='http://img228.imageshack.us/img228/2490/pinginbelajar9.gif'/>:16 <img border='0' src='http://img254.imageshack.us/img254/9241/pinginbelajar10.gif'/>:17 <br/> <img border='0' src='http://img249.imageshack.us/img249/715/pinginbelajar16.gif'/>:18 <img border='0' src='http://img19.imageshack.us/img19/8225/pinginbelajar20.gif'/>:19 <img border='0' src='http://img249.imageshack.us/img249/368/pinginbelajar21.gif'/>:20 <img border='0' src='http://img249.imageshack.us/img249/3122/pinginbelajar23.gif'/>:21 <br/> <img border='0' src='http://img8.imageshack.us/img8/7082/pinginbelajar24.gif'/>:22 <img border='0' src='http://img249.imageshack.us/img249/9643/pinginbelajar25.gif'/>:23 <img border='0' src='http://img3.imageshack.us/img3/9077/pinginbelajar26.gif'/>:24 <img border='0' src='http://img249.imageshack.us/img249/5254/pinginbelajar27.gif'/>:25 <br/> <img border='0' src='http://img8.imageshack.us/img8/4191/pinginbelajar28.gif'/>:26 <img border='0' src='http://img13.imageshack.us/img13/3637/pinginbelajar29.gif'/>:27 <img border='0' src='http://img167.imageshack.us/img167/1944/pinginbelajar32.gif'/>:28 <img border='0' src='http://img53.imageshack.us/img53/61/pinginbelajar33.gif'/>:29 <br/> <img border='0' src='http://img186.imageshack.us/img186/7215/pinginbelajar35.gif'/>:30 <img border='0' src='http://img106.imageshack.us/img106/7729/pinginbelajar36.gif'/>:31 <img border='0' src='http://img106.imageshack.us/img106/700/pinginbelajar17.gif'/>:32 <img border='0' src='http://img231.imageshack.us/img231/4497/pinginbelajar34.gif'/>:33 <br/> <img border='0' src='http://img4.imageshack.us/img4/1805/pinginbelajar31.gif'/>:34 <img border='0' src='http://img72.imageshack.us/img72/7403/pinginbelajar30.gif'/>:35 <img border='0' src='http://img249.imageshack.us/img249/5619/pinginbelajar22.gif'/>:36 <img border='0' src='http://img249.imageshack.us/img249/9919/pinginbelajar15.gif'/>:37 <br/> <img border='0' src='http://img254.imageshack.us/img254/9607/pinginbelajar14.gif'/>:38 <img border='0' src='http://img19.imageshack.us/img19/6241/pinginbelajar13.gif'/>:39 <img border='0' src='http://img19.imageshack.us/img19/2213/pinginbelajar12.gif'/>:40 <img border='0' src='http://img249.imageshack.us/img249/2448/pinginbelajar11.gif'/>:41 <br/> <img border='0' src='http://img162.imageshack.us/img162/6028/pinginbelajar3.gif'/>:42 <img border='0' src='http://img162.imageshack.us/img162/1236/pinginbelajar4.gif'/>:43 <img border='0' src='http://img254.imageshack.us/img254/50/pinginbelajar19.gif'/>:44 <img border='0' src='http://img19.imageshack.us/img19/464/pinginbelajar18.gif'/>:45 </b></center> </div>

9. Klik Simpan Template
10. Selesai dah....Have fun...^_^

READMORE - Emoticon Di Kotak Komentar