tips membuat blog

Jumat, 11 Maret 2011

Bermacam-Macam Jam Animasi Untuk Blog

Langsung yaaaa..!!!

Caranya :

1. Masuk ke Dasbor
2. Pilih Tata Letak
3. Tambah Gadget / Add as Target
4. Pilih HTML/Java Script

Ni kode beserta contoh jamnya

Jam Analog

<embed src=http://fc02.deviantart.com/fs48/f/2009/196/1/3/appleanalogclock_by_blogclocks.swf quality=high pluginspage=http://www.macromedia.com/go/getflashplayer type=application/x-shockwave-flash width=120 height=140 wmode=transparent></embed>

Jam Digital

<embed src=http://fc08.deviantart.com/fs49/f/2009/196/a/7/appledigitalclock_by_blogclocks.swf quality=high pluginspage=http://www.macromedia.com/go/getflashplayer type=application/x-shockwave-flash width=120 height=140 wmode=transparent></embed>

Jam Spongebob

<embed src=http://fc01.deviantart.com/fs45/f/2009/139/2/6/Spongebob_Clock_by_blogclocks.swf quality=high pluginspage=http://www.macromedia.com/go/getflashplayer type=application/x-shockwave-flash width=150 height=127 wmode=transparent></embed>

Jam Orange Orange

Mmmm… kalo ini untuk yang suka dengan jam animasi dengan karakter ce pake jilbab :D
CopyPaste aja kodenya di bawah ini. Jangan lupa sebelum di-paste di blog Anda, ganti teks yang berwarna Merah dengan nama blog Anda (untuk penulisan nama blog yang ada spasinya, harus diganti dengan tanda +, misal nama blog : Ichal Blog, maka harus ditulis Ichal+Blog
Yuhu… met coba yak…

<embed src="http://www.geocities.com/unazzanu/aksesorisblog/jamanimasi/zawabloganimasi_1.swf?ygpunya=Ichal+Blog" menu="false" quality="high" wmode="transparent" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer/"></embed>

Jam Animasi / Kucing Balon

No Image

<embed src="http://fwt.txdnl.com/5-10/z/a/zawa/aksesorisblog/zawabloglucu_2.swf" width="120" height="120" menu="false" quality="high" wmode="transparent" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer/"></embed>

Jam Animasi / Kucing Cinta

No Image

<embed src="http://fwt.txdnl.com/5-10/z/a/zawa/aksesorisblog/zawabloglucu_1.swf" width="120" height="120" menu="false" quality="high" wmode="transparent" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer/"></embed>

Baru!!!
Jam Animasi Lambang "GARUDA"

<p align="center"><embed menu="false" pluginspage="http://www.adobe.com/go/getflashplayer" swliveconnect="true" quality="best" allowscriptaccess="sameDomain" loop="false" flashvars="&col1=d89b09&col2=7cc034&dayAdd=0&cal=true&gig_lt=1248336103578&gig_pt=1248336182359&gig_g=1&gig_n=blogger" src="http://www.widgipedia.com/widgets/orido/Jam-Garuda-Indonesia-4639-8192_134217728.widget?__install_id=1248336094072&__view=expanded" height="205" type="application/x-shockwave-flash" width="205" wmode="transparent"> </embed></p>

Baru!!!
Jam Animasi Squidward

<embed src="http://fc03.deviantart.com/fs48/f/2009/189/1/e/clockwidget_by_blogclocks.swf?c=0x99e2ff&p=http%3A%2F%2Fi41%2Etinypic%2Ecom%2F11rydfq%2Ejpg&a=20&s=1&r=1" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="120" height="120" wmode="transparent"></embed>

***Selamat Mencoba***

Membuat Widget Komentar Paling Banyak ( Top Comments )

Lanjut untuk membuat Widget Komentar Paling Banyak ( Top Comments ), Langkah-langkahnya adalah sebagai berikut :

1. Login to Blogger kemudian pilih "Layout"
2. Klik pada "Page Element" trus pilih "Add a Gadget --> HTML/Javascript" ( Tempatnya terserah kamu ).
3.Copy Paste Script Berikut :

<script type="text/javascript">
function pipeCallback(obj) {
document.write('<ol>');
var i;
for (i = 0; i < obj.count ; i++)
{
var href = "'" + obj.value.items[i].link + "'";
var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>";
document.write(item);
}
document.write('</ol>');
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&_id=33e2eb4dc25c7c21b9c586e11d2bc904&filter=Nama Anda&url=http%3A%2F%2FYOURBLOGNAME.blogspot.com&num=10" type="text/javascript"></script>
<span style=">Widget edited by <a href="http://themahyonk.blogspot.com/2009/10/membuat-widget-komentar-paling-banyak.html" target="_blank">Ichal Blogspot</a></span>

4. Ganti YOURBLOGNAME dengan nama blog kamu.
5. Angka "10" menunjukkan jumlah "Top Comment" yang ditampilkan, kamu bisa menggantinya
6. Nama Anda ,nama yang Anda gunakan saat komentar ( akan dihapus / tidak ditampilkan dari daftar top komentator )
7. Terus Simpan.

Menampilkan / Pasang Emoticon di Kotak Komentar

Seperti biasanya, di trik ini akan diberikan dua macam emoticon, yaitu emoticon kucing (seperti punyaku ini) dan emoticon yahoo. Kamu tinggal pilih mana yang kamu suka.

Emoticon Yahoo :

Emoticon Kucing :

Gini nih cara membuatnya :

1. Pertama login ke blogger, trus ke "Layout (Tataletak) --> Edit HTML "
2. Beri tanda centang pada kotak "expand widget template"
3. Lalu letakkan script berikut sebelum kode </body>

Untuk Emoticon Yahoo :

Untuk Emoticon Kucing :
Lanjut Bacanya??

4. Kemudian cari kode berikut ini :

5. Kalo sudah ketemu letakkan kode2 berikut setelah kode <p class='comment-footer'>

Ini untuk Yahoo emoticon :

Kalo mo yang emoticon kucing pake yang ini :

6. Kalo sudah trus di "save" dan coba lihat hasilnya

Tambahan
* Kadang-kadang ada beberapa template memiliki kode yang beda. Kalau caranya sudah dilaksanakan dengan benar tapi hasilnya tidak terjadi apa2 atau kodenya tidak berubah menjadi emoticon, kemungkinan itu karena Kode untuk templatenya berbeda atau bisa juga karena mugnkin hosting untuk menaruh file emoticon dan javascriptnya sedang bermasalah.

Membuat Gambar Melayang (Float Image)

1. Login ke blogger trus klik "Layout -->> Edit HTML
2. Cari kode ini ]]></b:skin> kalo dah ketemu taru kode berikut ini di atasnya.

#trik_pojok {
position:fixed;_position:absolute;bottom:0px; left:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }

3. Text yang dicetak tebal adalah posisinya, kalo pingin ganti di posisi pojok kanan bawah tinggal text "left" diganti dengan "right". Begitu juga tulisan "bottom", jika pingin di posisi atas bisa diganti dengan "top".
4. Langkah selanjutnya yaitu letekkan script berikut ini sebelum kode </body>

"http://iwandah.blogspot.com" adalah link. ganti dengan link kamu.
"http://kendhin.890m.com/soniclari.gif" adalh lokasi gambarmu. ganti dengan lokasi gambar kamu.

5. Jika kamu pingin yang ada disitu bukan gambar tetapi jam/kalender/hit counter/widget-widget yg lain, maka ganti text yang berwarna merah dengan script widget-widget tersebut.
6. Simpan hasil kerja kamu dan lihat hasilnya.

Cara Membuat Daftar Isi dengan Scroll bar

Apakah ini yang anda Cari-Cari???

Contoh :

Cara Menghilangkan Icon Obeng & Tang di Blog
Cara Membuat Link Berkelip-Kelip
Cara Membuat Tulisan Berjalan "MARQUEE"
Cara Hitung Mundur Pesta Blogger 2009
Menampilkan Kode HTML/JavaScript Pada Blog
Cara Menghilangkan noFollow Pada Komentar
Menulis Kode Script Pada Blogger
Cara Memasang ShoutMix Pada Blog
Cara Menghilangkan Tanggal Postingan Pada Blog
New Post Editor Dari Blogger Untuk Blogspot
Cara Membuat Label 3D Ala Blogumus
Bermacam-Macam Jam Animasi Untuk Blog
Memasang Emoticon Pada Form Komentar

Anda Tertarik..!!!

Ikuti ajJah langkah-langkahnya di bawah ini :

1. Login ke Blogger.
2. Buka menu Layout -> Page Elements
3. Klik Add a Gadget -> HTML/Javascript.
4. Masukkan kode dibawah ini kedalam kotak

Daftar isi menggunakan icon kecil di sampingnya

Cara Menghilangkan Icon Obeng & Tang di Blog

Cara Membuat Link Berkelip-Kelip

Cara Membuat Tulisan Berjalan "MARQUEE"

> Daftar isi menggunakan angka disampingnya

1. Cara Mnghilangkan Navbar

2. Panduan membuat blog di blogger

Keterangan:
380px merupakan lebar kotak, 180px merupakan tinggi kotak, #ffffff pada background-color merupakan warna background, dan #ffffff pada border merupakan warna garis pinggir. Silahkan diganti sesuai dengan template anda.
Ingat:
Ganti tulisan yang berwarna Merah dengan alamat postingan anda dan ganti tulisan berwarna Biru yg dicetak tebal dengan judul postingan anda. Jika anda ingin menambah postingan baru maka copy kode yang berkedip lalu letakkan diatas kode Jangan lupa untuk mengganti angkanya dengan angka 3 dan begitu seterusnya jika anda ingin menambah postingan baru lagi.
5. Kalau sudah klik Save Template.
Selesai.
Selamat Mencoba

Bermacam-Macam Symbol Buat Tulisan Blog

=> © = ©
=> ® = ®
=> ™ = ™
=> € = €
=> " = "
=> & = &
=> < = <
=> > = >
=> =  
=> ¡ = ¡

=> ¢ = ¢
=> £ = £
=> ¤ = ¤
=> ¥ = ¥
=> ¦ = ¦
=> § = §
=> ¨ = ¨
=> ª = ª
=> « = «
=> ¬ = ¬
=> = 
=> ¯ = ¯
=> ° = °
=> ± = ±
=> ² = ²
=> ³ = ³
=> ´ = ´
=> µ = µ
=> ¶ = ¶
=> · = ·
=> ¸ = ¸
=> ¹ =¹
=> º = º
=> » = »
=> ¼ = ¼
=> ½ = ½
=> ¾ = ¾
=> ¿ = ¿
=> À = À
=> Á = Á
=> Â = Â
=> Ã = Ã
=> Ä = Ä
=> Å = Å
=> Æ = Æ
=> Ç = Ç
=> È = È
=> É = É
=> Ê = Ê
=> Ë = Ë
=> Ì = Ì
=> Í = Í
=> Î = Î
=> Ï = Ï
=> Ð = Ð
=> Ñ = Ñ
=> Ò = Ò
=> Ó = Ó
=> Ô = Ô
=> Õ = Õ
=> Ö = Ö
=> × = ×
=> Ø = Ø
=> Ù = Ù
=> Ú = Ú
=> Û = Û
=> Ü = Ü
=> Ý = Ý
=> Þ = Þ
=> ß = ß
=> à = à
=> á = &aacutel;
=> â = â
=> ã = ã
=> ä = ä
=> å = å
=> æ = æ
=> ç = ç
=> è = è
=> é = é
=> ê = ê
=> ë = ë
=> ì = ì
=> í = í
=> î = î
=> ï = ï
=> ð = ð
=> ñ = ñ
=> ò = ò
=> ó = ó
=> ô = ô
=> õ = õ
=> ö = ö
=> ÷ = ÷
=> ø = ø
=> ù = ù
=> ú = ú
=> û = û
=> ü = ü
=> ý = ý
=> þ = þ
=> ÿ = ÿ
=> † = &dagger;
=> ‡ = &Dagger;
=> … = …
=> ‰ = &permil;

Cara Hitung Mundur Pesta Blogger

Langsung yaaa..!!!

Caranya :
1. Masuk ke Dasbor
2. Pilih Tata Letak
3. Tambah Gadget / Add as Target
4. Pilih HTML/Java Script

Ni kode beserta contoh Widgetnya :

Model A

<embed src=http://fc04.deviantart.com/fs47/f/2009/198/d/6/pestablogger2009_by_blogclocks.swf quality=high pluginspage=http://www.macromedia.com/go/getflashplayer type=application/x-shockwave-flash width=90 height=130 wmode=transparent></embed>

Model B

<embed src=http://fc03.deviantart.com/fs48/f/2009/198/8/7/pestablogger_by_blogclocks.swf quality=high pluginspage=http://www.macromedia.com/go/getflashplayer type=application/x-shockwave-flash width=90 height=130 wmode=transparent></embed>

***Selamat Mencoba***