Senin, 19 April 2010
Ketahui Seberapa Berat Blogmu
Dalam membuat blog tentunya kita ingin supaya blog kita tampil semenarik mungkin, ya to? Tapi karena saking semangatnya kita dalam mempercantik blog, kadang-kadang kita sampai melupakan sesuatu yang penting, yaitu masalah berat (size) dan kecepatan (speed) berapa lama waktu yang dibutuhkan untuk membuka blog kita.
Walaupun blog kita bagus tapi kalo blog kita lama banget dibukanya maka pengunjungpun jadi enggan untuk singgah di blog kita. Kita tentu pernah kan membuka suatu web/blog yg luama buanget, karena saking lamanya kita akhirnya tidak jadi membuka web/blog tersebut. Nha tentu km gak pingin gitu kan, blogmu jadi miskin pengunjung gara-gara loading membukanya lama.
Nha dibawah ini ada alat untuk mengukur berapa besar ukuran (size) blog dan seberapa cepat loadingnya... Untuk menggunakan alat dibawah ini kamu tinggal memasukkan alamat blog yang ingin di cek. Kemudian hasilnya akan langsung keluar. Hasil yang ditampilkan yaitu : Size, Load Time dan Avarege Speed per KB. Yang perlu diperhatikan adalah "Size", karena "Load Time" dan "Avarege Speed per KB" hasilnya akan selalu berubah-ubah. Jika hasil tes menunjukkan blogmu size-nya lebih dari 100 KB, usahakan untuk menguranginya dengan cara mengurangi pernak-pernik yang kurang begitu berguna seperti jam, kalender, dll. Dengan alat ini km juga bisa membandingkan dengan web/blog kepunyaan orang lain.
Selamat mencoba.
Walaupun blog kita bagus tapi kalo blog kita lama banget dibukanya maka pengunjungpun jadi enggan untuk singgah di blog kita. Kita tentu pernah kan membuka suatu web/blog yg luama buanget, karena saking lamanya kita akhirnya tidak jadi membuka web/blog tersebut. Nha tentu km gak pingin gitu kan, blogmu jadi miskin pengunjung gara-gara loading membukanya lama.
Nha dibawah ini ada alat untuk mengukur berapa besar ukuran (size) blog dan seberapa cepat loadingnya... Untuk menggunakan alat dibawah ini kamu tinggal memasukkan alamat blog yang ingin di cek. Kemudian hasilnya akan langsung keluar. Hasil yang ditampilkan yaitu : Size, Load Time dan Avarege Speed per KB. Yang perlu diperhatikan adalah "Size", karena "Load Time" dan "Avarege Speed per KB" hasilnya akan selalu berubah-ubah. Jika hasil tes menunjukkan blogmu size-nya lebih dari 100 KB, usahakan untuk menguranginya dengan cara mengurangi pernak-pernik yang kurang begitu berguna seperti jam, kalender, dll. Dengan alat ini km juga bisa membandingkan dengan web/blog kepunyaan orang lain.
Selamat mencoba.
Cara Pasang Flash di Blog
Untuk memasang flash ke dalam blog cukuplah mudah. Yang kamu perlukan yaitu file flash yang biasanya ber-extensi .swf lalu upload file tersebut ke hosting. misal di geocities.com ato 000webhost ato tempat hosting lainnya. File animasi flash tersebut bisa dijadikan hiasan pada blog ato bisa juga dijadikan hiasan di header sehingga membuat blog menjadi lebih animatif. Untuk memasang flash pada blog caranya sebagai berikut :
1. Login ke blogger kemudian pilih menu "Layout".
2. Kemudian klik link "Add a gadget" dimana akan ditempatkan animasi flash.
3. Pilih "HTML/Javascript" kemudian taruh script berikut :
Contoh :
* Ganti "http://blogoholic.info/wellcome.swf" dengan alamat file flash kamu yang telah ditaruh di hosting.
* Ganti width="500" height="100 dengan ukuran dari file flashmu.
1. Login ke blogger kemudian pilih menu "Layout".
2. Kemudian klik link "Add a gadget" dimana akan ditempatkan animasi flash.
3. Pilih "HTML/Javascript" kemudian taruh script berikut :
Contoh :
* Ganti "http://blogoholic.info/wellcome.swf" dengan alamat file flash kamu yang telah ditaruh di hosting.
* Ganti width="500" height="100 dengan ukuran dari file flashmu.
Pasang Widget Translator
Memasang widget translator atau "Penerjemah" pada blog banyak sekali gunanya. Translator ini berguna apabila ada pengunjung dari negara lain yang secara sengaja maupun tidak yang melihat blog kita dan tidak tahu bahasa kita maka mereka bisa menggunakan widget ini untuk menterjemahkannya kedalam bahasa yang mereka inginkan (tentunya yang sudah ada di widget ini). Widget ini sudah support untuk bahasa Indonesia. Dan kalo kamu mau, translator ini bisa juga untuk menterjemahkan tugas dari sekolah/kampus secara mudah. Dan hasilnya bisa lebih bagus daripada software transtool lho. Gimana? mau membuatnya? caranya mudah lho. Gini nih...
1. Login ke Blogger trus pilih menu "Layout" atau "Tata Letak"
2. Kemudian klik pada "Add Gadget" atau "tambah gadget=".
3. Lalu pilih HTML/Javascript"
4. Kemudian masukkan script berikut ini kedalamnya.
5. Kemudian simpan.
Coba sekarang lihat blogmu maka ada tampilan seperti ini :
Gadgets powered by Google
Coba dites apakah translator tersebut bekerja dengan baik atau tidak.
Gimana? gampang kan...
1. Login ke Blogger trus pilih menu "Layout" atau "Tata Letak"
2. Kemudian klik pada "Add Gadget" atau "tambah gadget=".
3. Lalu pilih HTML/Javascript"
4. Kemudian masukkan script berikut ini kedalamnya.
5. Kemudian simpan.
Coba sekarang lihat blogmu maka ada tampilan seperti ini :
Gadgets powered by Google
Coba dites apakah translator tersebut bekerja dengan baik atau tidak.
Gimana? gampang kan...
Highlight pada Script/Kode di Postingan
Memberikan Highlight untuk script atau kode pada postingan akan lebih memperjelas pembaca. Contohnya bisa kamu lihat pada blogku ini. Setiap kali ada script/kode maka akan selalu ada highlight (kotak) yg akan membedakan dengan tulisan yg lain. Nha kamu mau tahu cara pembuatamnya?
Gini nih caranya :
1. Login ke blogger lalu pilih Layout-->Edit HTML
2. Kemudian copy kode dibawah ini lalu pasang di Script CSS kamu atau pasang sebelum kode ]]>
.alert { background: #DDE4FF;
text-align: left;
padding: 5px 5px 5px 5px;
border-top: 1px dotted #223344;border-bottom: 1px dotted #223344;border-left: 1px dotted #223344;border-right: 1px dotted #223344;}
Kode yang berwarna merah (#DDE4FF) adalah warna background kotak highlight, kamu bisa menggantinya dengan kode warna yang lain yang cocok dengan background blog kamu. Untuk kode-kode warna bisa dilihat DISINI
3. Kalau sudah kemudian Simpan.
Cara Posting
Supaya kode/scriptnya nanti bisa ada kotak highlight-nya maka untuk memposting harus pake cara2 tersendiri. Yaitu dengan menambahkan kode ini
Dah gitu aja, gampang kan
Gini nih caranya :
1. Login ke blogger lalu pilih Layout-->Edit HTML
2. Kemudian copy kode dibawah ini lalu pasang di Script CSS kamu atau pasang sebelum kode ]]>
.alert { background: #DDE4FF;
text-align: left;
padding: 5px 5px 5px 5px;
border-top: 1px dotted #223344;border-bottom: 1px dotted #223344;border-left: 1px dotted #223344;border-right: 1px dotted #223344;}
Kode yang berwarna merah (#DDE4FF) adalah warna background kotak highlight, kamu bisa menggantinya dengan kode warna yang lain yang cocok dengan background blog kamu. Untuk kode-kode warna bisa dilihat DISINI
3. Kalau sudah kemudian Simpan.
Cara Posting
Supaya kode/scriptnya nanti bisa ada kotak highlight-nya maka untuk memposting harus pake cara2 tersendiri. Yaitu dengan menambahkan kode ini
sebelum kode/script yg akan diberi highlight. kemudian ditambahkan kode
diakhir script/Kode.Dah gitu aja, gampang kan
Cara Mengganti Tanggal Posting dg Icon Calender
Akhirnya jadi juga, setelah beberapa hari nyari-nyari artikel tentang "cara mengganti tanggal dengan icon kalender" dan mengotak-atik template akhirnya berhasil juga aku membuatnya, fiuuhh :f dengan menghabiskan dana ber M-M (maksudnya Maribu, Mablas ribu) untuk melakukan penelitian dan dengan membanting keringat dan memeras tulang dan akhirnya berhasiiiiill..... Mau tahu cara membuatnya? jangan khawatir aku akan membagi-bagikan tutorial ini pada kalian dengan geratis (kalo ada yang mo bayar sih boleh aja :D ) yak mari kita mulai trik dan tipsnya.
Yang pertama harus kita lakukan yaitu mengganti setting tanggal dulu, caranya seperti biasa Login dulu ke blogger terus pilih Settings --> Formatting, ganti "date header format" atau "format tanggal menjadi (mm.dd.yyyy) nha yang masih pemula pasti bingung maksudnya kan? itu lho disebelah tulisan "date header format" kan ada kotak yang ada tanggalnya, trus kamu klik dan pilih yang formatnya bulan.tangal.tahun contohnya 1.13.2008 terus simpan
Langkah yang kedua pilih menu Layout --> Edit HTML . Trus beri tanda centang pada kotak Expand Widget Templates, Oh ya, jangan lupa di back-up dulu template kamu. Yang nggak tahu caranya memback-template silahkan lihat dulu artikel ini. udah? kalo udah mari kita mulai ke jeroannya.
1. Cari kode ini (tempatnya dibagian atas) kalo dah ketemu taruh script berikut ini dibawahnya persis
2. kalo udah cari kode ini:
.date-header {
margin: 1.5em 0 0;
font-weight: normal;
color: $dateHeaderColor;
font-size: 100%;
}
kalo ggak ada coba cari yang ini
h2.date-header {
margin:1.5em 0 .5em;
}
3. Kalo dah ketemu taruh script berikut dibawahnya
.dateblock {
background: url("http://kendhin.890m.com/kalender/bluecalend.gif")
no-repeat;
width: 55px;
margin: 0;
font-weight: bold;
height: 50px;
/*position: absolute;
top: 0;
left: 0;*/
float: left;
text-align: center;
}
.month {
font-size: 11px;
width: 37px;
margin: 0 5px;
text-transform: uppercase;
color: #fff;
}
.day {
color:#3366CC;
font-size: 19px;
width: 37px;
margin: 0 5px;
}
Kode http://kendhin.890m.com/kalender/bluecalend.gif
adalah gambar icon kalender. kamu bisa menggantinya mengantinya
dengan gambar-gambar dibawah ini caranya ganti hurus yang dicetak tebal dengan
kode gambar berikut ini, misalnya kamu pingin kelender yang berwarna merah,
caranya kamu ganti text bluecalend.gif
dengan redcalend.gif.
blackcalend.gif blue2calend.gif bluecalend.gif
greencalend.gif orangecalend.gif pinkcalend.gif
redcalend.gif ungucalend.gif yellowcalend.gif
Trus kode color:#3366CC; adalah kode warna
tanggal, kamu bisa menggantinya dengan warna yang lain. Kamu bisa lihat kode2 warnanya DISINI.
4. langkah selanjutnya yaitu kamu cari kode ini
, cara nyarinya biar gampang copy kode tersebut,
terus tekan Ctrl-f dan paste di dalam kotak yang disediakan, nha langsung
ketemu kan. kalo udah ketemu ganti kode tersebut dengan script dibawah ini.
5. Simpan Template kamu dan lihat hasilnya. Berhasil nggak ya? :t
Kalo misalnya tulisan bulan dan tanggalnya terlalu keatas coba tambahkan kode ini padding: 4px 0px 0px 0px; dibawah kode .month { dan juga dibawah kode .day {
NB: Kalo Tanggalnya berubah menjadi tulisan "Undefine" itu pasti kamu tidak memperhatikan tutorial ini dari awal. Coba lihat lagi tutorial ini dari awal dan baca baik-baik perintahnya. :D
Selamat mencobaaaaaaaaaa!!!!!!!........
Yang pertama harus kita lakukan yaitu mengganti setting tanggal dulu, caranya seperti biasa Login dulu ke blogger terus pilih Settings --> Formatting, ganti "date header format" atau "format tanggal menjadi (mm.dd.yyyy) nha yang masih pemula pasti bingung maksudnya kan? itu lho disebelah tulisan "date header format" kan ada kotak yang ada tanggalnya, trus kamu klik dan pilih yang formatnya bulan.tangal.tahun contohnya 1.13.2008 terus simpan
Langkah yang kedua pilih menu Layout --> Edit HTML . Trus beri tanda centang pada kotak Expand Widget Templates, Oh ya, jangan lupa di back-up dulu template kamu. Yang nggak tahu caranya memback-template silahkan lihat dulu artikel ini. udah? kalo udah mari kita mulai ke jeroannya.
1. Cari kode ini
2. kalo udah cari kode ini:
.date-header {
margin: 1.5em 0 0;
font-weight: normal;
color: $dateHeaderColor;
font-size: 100%;
}
kalo ggak ada coba cari yang ini
h2.date-header {
margin:1.5em 0 .5em;
}
3. Kalo dah ketemu taruh script berikut dibawahnya
.dateblock {
background: url("http://kendhin.890m.com/kalender/bluecalend.gif")
no-repeat;
width: 55px;
margin: 0;
font-weight: bold;
height: 50px;
/*position: absolute;
top: 0;
left: 0;*/
float: left;
text-align: center;
}
.month {
font-size: 11px;
width: 37px;
margin: 0 5px;
text-transform: uppercase;
color: #fff;
}
.day {
color:#3366CC;
font-size: 19px;
width: 37px;
margin: 0 5px;
}
Kode http://kendhin.890m.com/kalender/bluecalend.gif
adalah gambar icon kalender. kamu bisa menggantinya mengantinya
dengan gambar-gambar dibawah ini caranya ganti hurus yang dicetak tebal dengan
kode gambar berikut ini, misalnya kamu pingin kelender yang berwarna merah,
caranya kamu ganti text bluecalend.gif
dengan redcalend.gif.
blackcalend.gif blue2calend.gif bluecalend.gif
greencalend.gif orangecalend.gif pinkcalend.gif
redcalend.gif ungucalend.gif yellowcalend.gif
Trus kode color:#3366CC; adalah kode warna
tanggal, kamu bisa menggantinya dengan warna yang lain. Kamu bisa lihat kode2 warnanya DISINI.
4. langkah selanjutnya yaitu kamu cari kode ini
terus tekan Ctrl-f dan paste di dalam kotak yang disediakan, nha langsung
ketemu kan. kalo udah ketemu ganti kode tersebut dengan script dibawah ini.
5. Simpan Template kamu dan lihat hasilnya. Berhasil nggak ya? :t
Kalo misalnya tulisan bulan dan tanggalnya terlalu keatas coba tambahkan kode ini padding: 4px 0px 0px 0px; dibawah kode .month { dan juga dibawah kode .day {
NB: Kalo Tanggalnya berubah menjadi tulisan "Undefine" itu pasti kamu tidak memperhatikan tutorial ini dari awal. Coba lihat lagi tutorial ini dari awal dan baca baik-baik perintahnya. :D
Selamat mencobaaaaaaaaaa!!!!!!!........
Sabtu, 17 April 2010
Membuat Navbar menjadi Transparan
Navbar mengganggu penampilan blog anda??? Ini adalah solusi terbaik untuk blog anda adalah membuat navbar menjadi transparan. Sebenarnya ada cara lain yaitu dengan menyingkirkan navbar. Akan tetapi cara dapat membuat blog kta diblokir, karena melanggar TOS blogger. TOS blogger adalah perjanjian antara kita dan pihak blogger pada saat kita akan membuat blog. Mungkin kita tidak sempat membaca term and service pada saat membuat blog.
Navbar transparan adalah jika pointer tidak berada di Navbar blogger navbar akan kelihatan samar dan transparant tapi jika Pointer berada di navbar blogger maka Navbar akan kelihatan jelas dan terang. Jadi tidak melanggar TOS. Cara membuatnya adalah sebagai berikut:
1. Login Ke Blogger lalu ke menu Layout dan masuk Edit HTML
2. Kemudian Cari Code ]]>
3. Lalu Taruh Code Dibawah kemudian tempatkan diatas Code ]]>
#navbar-iframe{opacity:0.2;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:0.5;filter:alpha(Opacity=100, FinishedOpacity=50)}
4. Kemudian Simpan Template.
(Sumber : http://tutorial-jitu.blogspot.com)
Navbar transparan adalah jika pointer tidak berada di Navbar blogger navbar akan kelihatan samar dan transparant tapi jika Pointer berada di navbar blogger maka Navbar akan kelihatan jelas dan terang. Jadi tidak melanggar TOS. Cara membuatnya adalah sebagai berikut:
1. Login Ke Blogger lalu ke menu Layout dan masuk Edit HTML
2. Kemudian Cari Code ]]>
3. Lalu Taruh Code Dibawah kemudian tempatkan diatas Code ]]>
#navbar-iframe{opacity:0.2;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:0.5;filter:alpha(Opacity=100, FinishedOpacity=50)}
4. Kemudian Simpan Template.
(Sumber : http://tutorial-jitu.blogspot.com)
Membuat Kelelawar Terbang di Blog
Atas Usulan beberapa sobat blogger, saat ini saya akan membuat tutorial tentang cara membuat kelelawar terbang di blog. Kelelawar termasuk binatang malam yang aktif pada malam hari. Kelelawar dalam bahasa inggris disebut “bat” sedangkan dalam bahasa jowo disebut “lowo”. Kelelawar adalah mamalia yang dapat terbang yang berasal dari ordo Chiroptera dengan kedua kaki depan yang berkembang menjadi sayap. Sudah dulu perkenalannya dengan kelelawar ya....
Cara membuat “kelelawar” atau “lowo” atau “bat” terbang di blog hampir sama dengan cara membuat kupu-kupu terbang di blog, Java scriptnya pun sama. Yang beda adalah kalau membuat kupu – kupu terbang di blog, hewannya adalah kupu – kupu. Sedangkan apabila membuat kelelawar terbang di blog, hewannya adalah kelelawar. Ya Iya lah!!!. Langsung tahu perbedaanya kan…? Hehehe :)
Langkah – langkah pembuatannya adalah sebagai berikut
1. Login ke Blogger
2. Klik Tata letak
3. Klik Tambah Gadget
4. Pilih HTML/Java Script
5. Masukkan kode Java script seperti di bawah ini.
7. Angka 300 di dalam script tersebut merupakan kecepatan bergeraknya, silahkan ganti sesuai dengan selera anda. Jika anda ganti menjadi 100 atau 200 maka kecepatannya akan bertambah, sebaliknya kecepatan akan berkurang bila diganti menjadi 400
8. Klik Pratinjau untuk melihat apakah sudah ada perubahan sesuai dengan yang kita inginkan
9. Jika sudah oke, klik Simpan Template
10. Selesai
Selamat mencoba, semoga bermanfaat
(Sumber : http://pinginbelajar.blogspot.com)
Memasang Animasi Tags Cloud
Saat ini kita akan membuat tags cloud seperti milik wordpress. tags apabila di blogger biasa disebut label. mungkin kita merasa bosan dengan tampilan label blogger yang biasa-biasa saja dan tidak menarik.Tags cloud sebenarnya adalah made in word press, tetapi sekarang sudah dapat digunakan di blogger. Tags cloud animasi ini akan membuat label atau tags menjadi lebih menarik.
Baiklah kita langsung saja ke cara membuat tags cloud :
1. Login ke blogger dengan ID anda.
2. Klik Tata Letak.
3. KLik tab Edit HTML.
4. Klik tulisan Download Template Lengkap. silahkan backup dulu templatenya biar aman.
5. Cari kode yang mirip dengan kode di bawah ini :
7. Copy lalu paste kode di bawah ini di bawah kode yang tadi :
<object type="application/x-shockwave-flash" data="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf" width="250" height="200" allowscriptaccess="always" >
<param name="movie" value="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf" />
<param name="bgcolor" value="#ffffff" />
<param name="flashvars" value="tcolor=0x000000&mode=tags&distr=true&tspeed=100&tagcloud=<tags>
</tags>" />
<p>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a></p>
</object>
8. Klik simpan template.
9. Lihat blog anda pasti sudah ada tags cloudnya.
Ket :
width="250" adalah lebar widget.
height="200" adalah tinggi widget.
<param name="bgcolor" value="#ffffff" /> adalah warna background. Untuk kode warna lain bisa dilihat disini.
<param name="flashvars" value="tcolor=0x000000& adalah warna tulisan. Untuk kode warna lain bisa dilihat disini.
Baiklah kita langsung saja ke cara membuat tags cloud :
1. Login ke blogger dengan ID anda.
2. Klik Tata Letak.
3. KLik tab Edit HTML.
4. Klik tulisan Download Template Lengkap. silahkan backup dulu templatenya biar aman.
5. Cari kode yang mirip dengan kode di bawah ini :
7. Copy lalu paste kode di bawah ini di bawah kode yang tadi :
<object type="application/x-shockwave-flash" data="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf" width="250" height="200" allowscriptaccess="always" >
<param name="movie" value="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf" />
<param name="bgcolor" value="#ffffff" />
<param name="flashvars" value="tcolor=0x000000&mode=tags&distr=true&tspeed=100&tagcloud=<tags>
</tags>" />
<p>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a></p>
</object>
8. Klik simpan template.
9. Lihat blog anda pasti sudah ada tags cloudnya.
Ket :
width="250" adalah lebar widget.
height="200" adalah tinggi widget.
<param name="bgcolor" value="#ffffff" /> adalah warna background. Untuk kode warna lain bisa dilihat disini.
<param name="flashvars" value="tcolor=0x000000& adalah warna tulisan. Untuk kode warna lain bisa dilihat disini.
Membuat Kupu-kupu Terbang di blog
Ingin tahu gimana caranya membuat kupu kupu terbang di blog. Kayak di blog ini. simaklah tutorial saya berikut ini yaa....
Caranya cukup mudah anda cukup memasukkan java sript untuk memunculkan kupu-kupu indah di blog anda. Baiklah langsung saja akan saya tuliskan cara membuatnya :
1. Login ke Blogger
2. Masuk ke Tata Letak
3. Trus Edit HTML
4. Trus copy-paste kode java script di bawah ini tepat
sebelum kode untuk mempermudah pencarian tekan ctrl+f.
5. Save...buka blog anda dan refresh browser....sekarang ada sesosok binatang yang indah menawan di blog anda....
Apabila anda belum berhasil membuatnya gunakan cara kedua di bawah ini:
1. Login ke Blogger
2. Klik Tata letak
3. Klik Tambah Gadget
4. Pilih HTML/Java Script
5. Masukkan kode Java script seperti di bawah ini.
-Lalu SAVE
Berikutnya, ini contoh script yang diletakkan di postingan atau sidebar Anda
Nah, semoga berhasil yah sob.... kalau mau pake, comment dulu hehehe...
Sumber: http://www.masdoyok.co.cc
Share By: Kumpulan Tutorial Blog Lengkap
Caranya cukup mudah anda cukup memasukkan java sript untuk memunculkan kupu-kupu indah di blog anda. Baiklah langsung saja akan saya tuliskan cara membuatnya :
1. Login ke Blogger
2. Masuk ke Tata Letak
3. Trus Edit HTML
4. Trus copy-paste kode java script di bawah ini tepat
sebelum kode untuk mempermudah pencarian tekan ctrl+f.
5. Save...buka blog anda dan refresh browser....sekarang ada sesosok binatang yang indah menawan di blog anda....
Apabila anda belum berhasil membuatnya gunakan cara kedua di bawah ini:
1. Login ke Blogger
2. Klik Tata letak
3. Klik Tambah Gadget
4. Pilih HTML/Java Script
5. Masukkan kode Java script seperti di bawah ini.
-Lalu SAVE
Berikutnya, ini contoh script yang diletakkan di postingan atau sidebar Anda
Nah, semoga berhasil yah sob.... kalau mau pake, comment dulu hehehe...
Sumber: http://www.masdoyok.co.cc
Share By: Kumpulan Tutorial Blog Lengkap
Cara Menambah Footer 3 Kolom di Blogger
Template Blogger kian banyak macamnya. Mulai dari yang berkonsep minimalis, hingga magazine style. Beberapa template baru memiliki footer (letaknya di bawah, karena foot itu artinya kaki..hehehe) tiga kolom, seperti blog ini. Nah, bagaimana cara menambah footer 3 kolom di Blogger atau Blogspot? Bagi anda yang malas ganti template atau sudah sreg dengan template sekarang dan ingin menambah footer 3 kolom, tips ini mungkin berguna.
Oke, langsung saja ke tutorialnya:
1. Masuk Layout, Edit HTML, beri centang (jangan lupa back up dulu buat jaga-jaga).
2. Cari kode:
Ket: pada beberapa template kodenya: footer atau footer-section.
3. Geser ke bawah (biasanya dua baris ke bawah) sampai ketemu kode:
4. Tambahkan kode berikut ini di bawahnya:
5. Simpan, lalu klik Layout dan lihat hasilnya: akan muncul tiga kolom di bawah (bagian footer).
Apabila muncul galat, wakakaka....tenang. Kembalikan template dengan back up template yang telah kita buat dan ulangi semua tahap. tapi coba dengan jangan centang expand widget template.
Semoga barhasil...
( Sumber : http://wawanwae.blogspot.com )
Apalah arti sebuah nama, kutipan dari Shakespeare di Romeo and Juliet. Kebingungan dalam memilih nama blog bukan hal yang aneh saat kita akan membuat blog. Nah, saya akan berbagi sedikit pengalaman tentang cara memilih nama blog yang bagus. Jika Anda punya keinginan untuk menjadikan blog terkenal, maka mulailah dengan memilih nama blog yang bagus.
Cara memilih nama blog yang bagus
1. Nama blog harus dapat menggambarkan blog secara keseluruhan. Anda bisa bayangkan, hanya dengan membaca sebaris kata, pembaca bisa mengerti blog tersebut tentang apa. Potensi terbesar orang akan mengunjungi blog melalui search engine adalah dengan memperhatikan nama blog yang paling relevan dengan artikel yang dicarinya.
2. Buatlah nama blog yang mudah diingat. Agar mudah diingat, buatlah nama blog yang pendek dan jangan pula terlalu panjang. Nama blog cukup satu kata saja atau dua kata. Jika terlalu panjang akan sulit untuk diingat. Contoh kasus dapat Anda lihat pada beberapa blog yang sudah terkenal di Indonesia. Mereka membuat nama blog yang sederhana namun sangat mudah diingat.
3. Jangan terlalu banyak modifikasi ejaan. Perhatikan huruf, numerik dan penggunaan notasi-notasi yang tidak perlu. Jangan menggunakan kombinasi huruf dan angka yang membuat bingung pengunjung blog. Mungkin Anda pernah menemukan bog dengan nama yang ada kombinasi huruf, angka, simbol atau notasi-notasi tertentu. Wow, sangat kacau dan tidak baik bagi mesin cari seperti google. Tapi ini menurutku lo. Bukan bermaksud apa-apa.
4. Nama blog harus sama dengan nama domain. Banyak saya temui nama domain blog yang sangat berbeda dengan nama blog. Kelihatannya saja sepele, namun nama domain yang sama dengan nama blog akan sangat berarti dalam optimasi mesin cari. Nama blog bisa saja berbeda dengan domain blog namun usahakan masih mirip dan mendekati.
5. Nama blog harus unik. Misalnya membuat nama blog seperti judul film atau hal-hal yang kontroversial. Saya yakin keunikan ini akan menjadi satu daya tarik tertentu bagi pengunjung. Unik bisa juga berupa nama yang lucu atau seram dan mengerikan. Terserah saja, pokoknya beda dari yang lain.
6. Sisipkan keyword pada nama blog yang menjadi keyword pencarian blog Anda. Tips ini sangat bermanfaat bagi blog yang menargetkan pasar tertentu. Apalagi blog bisnis, maka penyisipan keyword pada nama blog sangat penting. Tujuannya adalah mengpotimalkan search engine pencarian blog Anda melaui keyword tertentu yang sudah Anda targetkan.
7. Nama blog jangan terlalu umum dan jangan pula terlalu menargetkan niche tertentu. Ada untung dan ruginya jika memilih nama yang terlalu umum. Anda akan sangat mudah mencari konten berita untuk blog jika blog Anda memilih topik yang umum namun tidak fokus pada topik tertentu akan membuat pengunjung tidak betah berada di blog Anda. Memilih nama blog dengan topik yang lebih khusus akan lebih baik, namun akan perlu dipertimbangkan siapa yang menjadi target pembaca blog tersebut. Jangan pula nantinya pembaca blog kita malah hanya sedikit karena topik yang terlalu sempit. Anda dapat menggunakan layanan google trend untuk menganalisa nama blog yang akan anda pilih.
Masih banyak cara memilih nama blog yang bagus. Cara tersebut tidak mutlak harus demikian dan Anda bisa pilih mana yang cocok dan sesuai dengan tipe dan karakter blog Anda. Jika Anda punya pendapat lain yang bisa dibagikan, saya sangat berterimakasih. Salam hangat dan happy blogging for all.
(Thank's To : http://bangdel.blogspot.com)
Dulu saya pernah memberi tutorial tentang memasang emoticon di kotak komentar dan memasang emoticon kotak komentar versi baru. Sekarang saya akan memberi tutorial tentang memasang emoticon di kotak komentar versi kaskus. Saya mendapatkan tutorial ini ketika jalan-jalan di http://kompinter.blogspot.com. Disana saya mendapatkan tutorial tentang memasang emoticon di kotak komentar versi kaskus. Kalau yang belum tahu, bentuknya seperti ini :
emoticon kaskus
Gimana lebih menarik kan...Cara memasangnya adalah :
1. Tata Letak --->> Edit HTML.
2. Centang "Expand Widget Template"
3. Lalu letakkan script berikut sebelum kode
Oke, langsung saja ke tutorialnya:
1. Masuk Layout, Edit HTML, beri centang (jangan lupa back up dulu buat jaga-jaga).
2. Cari kode:
Ket: pada beberapa template kodenya: footer atau footer-section.
3. Geser ke bawah (biasanya dua baris ke bawah) sampai ketemu kode:
4. Tambahkan kode berikut ini di bawahnya:
5. Simpan, lalu klik Layout dan lihat hasilnya: akan muncul tiga kolom di bawah (bagian footer).
Apabila muncul galat, wakakaka....tenang. Kembalikan template dengan back up template yang telah kita buat dan ulangi semua tahap. tapi coba dengan jangan centang expand widget template.
Semoga barhasil...
( Sumber : http://wawanwae.blogspot.com )
Cara Memilih Nama Blog Yang Bagus
Apalah arti sebuah nama, kutipan dari Shakespeare di Romeo and Juliet. Kebingungan dalam memilih nama blog bukan hal yang aneh saat kita akan membuat blog. Nah, saya akan berbagi sedikit pengalaman tentang cara memilih nama blog yang bagus. Jika Anda punya keinginan untuk menjadikan blog terkenal, maka mulailah dengan memilih nama blog yang bagus.
Cara memilih nama blog yang bagus
1. Nama blog harus dapat menggambarkan blog secara keseluruhan. Anda bisa bayangkan, hanya dengan membaca sebaris kata, pembaca bisa mengerti blog tersebut tentang apa. Potensi terbesar orang akan mengunjungi blog melalui search engine adalah dengan memperhatikan nama blog yang paling relevan dengan artikel yang dicarinya.
2. Buatlah nama blog yang mudah diingat. Agar mudah diingat, buatlah nama blog yang pendek dan jangan pula terlalu panjang. Nama blog cukup satu kata saja atau dua kata. Jika terlalu panjang akan sulit untuk diingat. Contoh kasus dapat Anda lihat pada beberapa blog yang sudah terkenal di Indonesia. Mereka membuat nama blog yang sederhana namun sangat mudah diingat.
3. Jangan terlalu banyak modifikasi ejaan. Perhatikan huruf, numerik dan penggunaan notasi-notasi yang tidak perlu. Jangan menggunakan kombinasi huruf dan angka yang membuat bingung pengunjung blog. Mungkin Anda pernah menemukan bog dengan nama yang ada kombinasi huruf, angka, simbol atau notasi-notasi tertentu. Wow, sangat kacau dan tidak baik bagi mesin cari seperti google. Tapi ini menurutku lo. Bukan bermaksud apa-apa.
4. Nama blog harus sama dengan nama domain. Banyak saya temui nama domain blog yang sangat berbeda dengan nama blog. Kelihatannya saja sepele, namun nama domain yang sama dengan nama blog akan sangat berarti dalam optimasi mesin cari. Nama blog bisa saja berbeda dengan domain blog namun usahakan masih mirip dan mendekati.
5. Nama blog harus unik. Misalnya membuat nama blog seperti judul film atau hal-hal yang kontroversial. Saya yakin keunikan ini akan menjadi satu daya tarik tertentu bagi pengunjung. Unik bisa juga berupa nama yang lucu atau seram dan mengerikan. Terserah saja, pokoknya beda dari yang lain.
6. Sisipkan keyword pada nama blog yang menjadi keyword pencarian blog Anda. Tips ini sangat bermanfaat bagi blog yang menargetkan pasar tertentu. Apalagi blog bisnis, maka penyisipan keyword pada nama blog sangat penting. Tujuannya adalah mengpotimalkan search engine pencarian blog Anda melaui keyword tertentu yang sudah Anda targetkan.
7. Nama blog jangan terlalu umum dan jangan pula terlalu menargetkan niche tertentu. Ada untung dan ruginya jika memilih nama yang terlalu umum. Anda akan sangat mudah mencari konten berita untuk blog jika blog Anda memilih topik yang umum namun tidak fokus pada topik tertentu akan membuat pengunjung tidak betah berada di blog Anda. Memilih nama blog dengan topik yang lebih khusus akan lebih baik, namun akan perlu dipertimbangkan siapa yang menjadi target pembaca blog tersebut. Jangan pula nantinya pembaca blog kita malah hanya sedikit karena topik yang terlalu sempit. Anda dapat menggunakan layanan google trend untuk menganalisa nama blog yang akan anda pilih.
Masih banyak cara memilih nama blog yang bagus. Cara tersebut tidak mutlak harus demikian dan Anda bisa pilih mana yang cocok dan sesuai dengan tipe dan karakter blog Anda. Jika Anda punya pendapat lain yang bisa dibagikan, saya sangat berterimakasih. Salam hangat dan happy blogging for all.
(Thank's To : http://bangdel.blogspot.com)
Memasang Emoticon di Kotak Komentar Versi Kaskus
Dulu saya pernah memberi tutorial tentang memasang emoticon di kotak komentar dan memasang emoticon kotak komentar versi baru. Sekarang saya akan memberi tutorial tentang memasang emoticon di kotak komentar versi kaskus. Saya mendapatkan tutorial ini ketika jalan-jalan di http://kompinter.blogspot.com. Disana saya mendapatkan tutorial tentang memasang emoticon di kotak komentar versi kaskus. Kalau yang belum tahu, bentuknya seperti ini :
emoticon kaskus
Gimana lebih menarik kan...Cara memasangnya adalah :
1. Tata Letak --->> Edit HTML.
2. Centang "Expand Widget Template"
3. Lalu letakkan script berikut sebelum kode