Cara Menggunakan Template Baru pada Blogger

Baik untuk blog baru atau pun yang lama

• 1Pada saat membuat blog baru, dan nama serta domainnya sudah disetujui oleh Blogger, maka anda akan diberikan 4 macam rancangan template baru ketika sudah sampai di tempat akan memasang template. Anda bisa memilih salah satu template baru yang disediakan tersebut. Pilih saja salah satunya, nanti bisa anda ganti kalau tidak suka.
  
  
  Kalau anda ingin menggantinya saat itu, klik Rancangan seperti dijelaskan di bawah ini:
• 2Kalau untuk mengganti template lama dengan template baru Blogger, anda masuk ke dasbor Blogger dan klik Rancangan (Design) pada blog yang ingin anda ubah templatenya
  
• 3Pada tampilan yang kemudian muncul, klik Perancang Templat Baru
  
• 4Akan muncul tampilan seperti di bawah ini. Di situ diberikan 6 macam template baru dan masing-masing template dilengkapi dengan beberapa desain alternatif di bawahnya.
  
• 5Lalu di sudut kanan atas, ada beberapa tombol yang bisa anda klik. Yang penting adalah Back to Blogger untuk kembali ke dasbor dan Apply this to blog yang anda klik ketika akan memakai salah satu template yang disediakan di blog anda.
  

Layout

Di bawah Background

Di bawah Background terdapat tombol Layout yang isinya ada 3: Body Layout, Footer Layout dan Adjust Width.

• 1Body Layout | Isinya adalah layout body dari blog, yaitu mengatur letak dan jumlah sidebar. Sidebar bisa berjumlah 2 atau 3. Bisa juga tidak ada. Letaknya bisa di kiri atau kanan dari post area. Tergantung anda, sukanya yang mana.
  
• 2Footer Layout | Adalah jumlah footer yang anda pakai, bisa 1, 2 atau 3.
  
• 3Adjust Width | Ini adalah untuk mengatur lebar blog dan sidebarnya. Anda bisa menggeser alat yang ada di situ.
  

Cara Memasang Icon Emosi pada Komentar

Langkah-langkah membuat Icon Emosi Dalam Komentar

1.Login Blogger.com
2.Buka Rancangan kemudian klik edit HTML
3.Download Template Lengkap untuk keamanan bila terjadi kesalahan dalam pemasangan kode.
4.Beri centang pada kotak Expand Template Widget untuk membuka semua kode template.
5.Cari kode <b:if cond='data:post.embedCommentForm'>
(utk memudahkan pencarian, gunakan menu Find dgn menekan F3 atau Ctrl+F)
Setelah ketemu taruh kode berikut tepat diatasnya.

<b><img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_sundul.gif' width='40'/>

:a:

<img src='http://static.kaskus.us/images/smilies/jempol2.gif' width='40'/>

:b:

<img src='http://static.kaskus.us/images/smilies/bingung.gif' width='40'/>

:c:

<img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_ngakak.gif' width='40'/>

:d:

<img src='http://static.kaskus.us/images/smilies/hammer.gif' width='40'/>

:e:

<img src='http://static.kaskus.us/images/smilies/najis.gif' width='40'/>

:f:

<img src='http://static.kaskus.us/images/smilies/capede.gif' width='40'/>

:g:

<br/><img src='http://static.kaskus.us/images/smilies/s_sm_maho.gif' width='40'/>

:h:

<img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_takut.gif' width='40'/>

:i:

<img src='http://static.kaskus.us/images/smilies/sorry.gif' width='40'/>

:j:

<img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_marah.gif' width='40'/>

:k:

<img src='http://static.kaskus.us/images/smilies/ngacir2.gif' width='40'/>

:l:

<img src='http://static.kaskus.us/images/smilies/I-Luv-Indonesia.gif' width='40'/>

:m:

<img src='http://static.kaskus.us/images/smilies/cewek.gif' width='40'/>

:n:

<img src='http://static.kaskus.us/images/smilies/shakehand2.gif' width='40'/>

:o:

<img src='http://static.kaskus.us/images/smilies/malu.gif' width='40'/>

:p:



</b>

6.Langkah selanjutnya sobat cari kode </body> kalau sudah ketemu taruh kode berikut tepat diatasnya.

<script type='text/javascript'>
//<![CDATA[
a = document.getElementById('comments');
if(a) {
b = a.getElementsByTagName("DD");
for(i=0; i < b.length; i++) {
if (b.item(i).getAttribute('CLASS') == 'comment-body') {
_str = b.item(i).innerHTML.replace(/:a:/gi, "<img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_sundul.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:b:/gi, "<img src='http://static.kaskus.us/images/smilies/jempol2.gif' class='smiley'/>");
_str = _str.replace(/:c:/gi, "<img src='http://static.kaskus.us/images/smilies/bingung.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:d:/gi, "<img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_ngakak.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:e:/gi, "<img src='http://static.kaskus.us/images/smilies/hammer.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:f:/gi, "<img src='http://static.kaskus.us/images/smilies/najis.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:g:/gi, "<img src='http://static.kaskus.us/images/smilies/capede.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:h:/gi, "<img src='http://static.kaskus.us/images/smilies/s_sm_maho.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:i:/gi, "<img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_takut.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:j:/gi, "<img src='http://static.kaskus.us/images/smilies/sorry.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:k:/gi, "<img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_marah.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:l:/gi, "<img src='http://static.kaskus.us/images/smilies/ngacir2.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:m:/gi, "<img src='http://static.kaskus.us/images/smilies/I-Luv-Indonesia.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:n:/gi, "<img src='http://static.kaskus.us/images/smilies/cewek.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:o:/gi, "<img src='http://static.kaskus.us/images/smilies/shakehand2.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:p:/gi, "<img src='http://static.kaskus.us/images/smilies/malu.gif' alt='' width='40' class='smiley'/>");
b.item(i).innerHTML = _str;
}
}
}
a = document.getElementById('comments');
if(a) {
c = a.getElementsByTagName("DD");
for(i=0; i < c.length; i++) {
if (c.item(i).getAttribute('CLASS') == 'comment-body-author') {
_str = b.item(i).innerHTML.replace(/:a:/gi, "<img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_sundul.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:b:/gi, "<img src='http://static.kaskus.us/images/smilies/jempol2.gif' class='smiley'/>");
_str = _str.replace(/:c:/gi, "<img src='http://static.kaskus.us/images/smilies/bingung.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:d:/gi, "<img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_ngakak.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:e:/gi, "<img src='http://static.kaskus.us/images/smilies/hammer.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:f:/gi, "<img src='http://static.kaskus.us/images/smilies/najis.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:g:/gi, "<img src='http://static.kaskus.us/images/smilies/capede.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:h:/gi, "<img src='http://static.kaskus.us/images/smilies/s_sm_maho.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:i:/gi, "<img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_takut.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:j:/gi, "<img src='http://static.kaskus.us/images/smilies/sorry.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:k:/gi, "<img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_marah.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:l:/gi, "<img src='http://static.kaskus.us/images/smilies/ngacir2.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:m:/gi, "<img src='http://static.kaskus.us/images/smilies/I-Luv-Indonesia.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:n:/gi, "<img src='http://static.kaskus.us/images/smilies/cewek.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:o:/gi, "<img src='http://static.kaskus.us/images/smilies/shakehand2.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:p:/gi, "<img src='http://static.kaskus.us/images/smilies/malu.gif' alt='' width='40' class='smiley'/>");
c.item(i).innerHTML = _str;
}
}
}
//]]>
</script>

7.Save dan lihat hasilnya untuk Cara Paling Mudah Menambah Icon Emosi Dalam Komentar. 

Cara Membuat Banner Animasi di Blog

Sebelumnya telah saya posting tips membuat banner lengkap dengan ebook cara membuat banner secara gratis. Kali ini saya akan berbagi ilmu dan tips membuat banner animasi. Apa itubanner animasi? Banner animasi sebenarnya adalah banner seperti yang biasa kita kenal. Tapi ada bedanya. Bedanya adalah kalau banner animasi lebih atraktif karena gambar dan kalimat-kalimat yang ada di dalamnya bergerak, menghilang, muncul lagi dan seterusnya. Contoh banner animasi sebagian bisa anda lihat di bagian atas blog ini. Manfaat banner animasi akan lebih mengundang mata pengunjung / visitor untuk melihat kemudian mengeklik. Karena bergerak-gerak tadi. He he he. Walau tidak menjamin 100 % pengunjung akan datang, tapi saya yakin sedikitnya pengunjung akan sedikit tergoda dengan goyangannya. He he he lagi dech !

Membuat banner animasi dengan goyangan yang dinamis cukup banyak tempatnya di internet. Atau kalau anda ahli photoshop maka membuat banner animasi sudah bukan barang baru lagi. Di internet juga banyak. Ada yang gratis. Tentu saja ada juga yang berbayar. Bedanya saya yakin anda sudah tahu. Tapi kali ini saya hanya akan berbagi tips membuat banner animasi yang gratisan. Ada yang gratisan ngapain bayar. He he he. Jadi info ini hanya khusus blogger yang inginnya gratisan saja. Yang punya cukup uang ya cari aja yang berbayar dan jangan baca artikel ini ( kejam banget sich he he he ).

Untuk membuat banner animasi secara gratis saya mempergunakan webhttp://www.addesigner.com. Imagenya lengkap dan cukup banyak yang menarik. Untuk membuatnya sangat gampang. Silahkan ikuti langkah-langkah berikut :

1. Daftar ya di http://www.addesigner.com ( Copy aja ya dan paste di browser FireFox atau yang lain )
2. Seperti biasa lakukan pendaftaran atau registrasi.
3. Lakukan aktivasi di email dan langsung aktif.
4. Login dengan email dan password anda.
5. Silahkan pilih banner yang paling berkesan untuk anda dengan mengklik tombol berwarna merah bertuliskan Change Ad Style
6. Ketikkan kata-kata iklan/promosi  di kolom yang tersedia terdiri dari 3 kolom lalu klik Create This Ad
7. Langkah selanjutnya adalah menyimpan file image yang telah kita buat. Arahkan saja pointer ke image dan klik kanan lalu klik save as. Silahkan simpan di komputer anda
8. Setelah tersimpan proses selanjutnya adalah upload image. Untuk upload image bisa menggunakan tempat yang gratis seperti blogger.com. Silahkan baca lagi ya posting saya sebelumnya tentang cara membuat banner dan jangan lupa download ebooknya gratis di sini. Dalam ebook itu juga dijelaskan cara upload ke blogger.com
9. Untuk mengenalkan banner animasi yang telah anda buat silahkan pasang banner gratis di sini.
10. Untuk meletakkan banner di side bar blog silahkan buat kode htmlnya seperti ini :

<a target=”_blank” href=”http://iklanbaris.bisnis-hosting.net “><img src=”https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikV_HACwO5ieiVRbL3sIXOZfpA91EC8KJ7KHwFiVibQLQx2ezD4RcT0zqD1TjAUhkkvyGbgxTG1FWj5vfN9WUt8BS05n4WWQ_ItsJD5cxJdMT6ksZ0VY8hnEciaqu6x3cYWJ0lQu_r2Bs/s1600/iklantanpadaftar1.gif” width=”460″ height=”60″ alt=”Gasa” border=”0″></a>

Note : Jangan lupa ganti tulisan yang berwarna merah dengan punya anda.

11. Masukkan kode yang telah anda buat di side bar.

12. Ya beres. Tunggu kunjungan datang.

Cara Memasang Cursor Animasi di Blog

Blog walking ke blog teman memang selalu ada manfaatnya. Makanya saya bilang Blog Walking itu Cantik. Benar khan? Mungkin anda pernah blog walking ke blog teman dan melihat ketika mouse digerakkan kursor atau pointer tampil beda dengan yang lain. Ya seperti di blog kesayangan saya ini. He he he. Ada perubahan nggak di komputer sobat? Itu hasil praktek ilmu yang telah saya peroleh dari blog teman kita mas Debby http://mas-debby.blogspot.com/2011/02/cara-merubah-cursor-pada-blog.html. Jadi sanalah saya memproleh cara merubah tampilan kursor di sebuah blog. Tips ini ternyata bisa juga diterapkan ke blogspot atau ke blog WordPress. Yang jelas tidak akan memberatkan blog anda kok. Cara meletakkannyapun mudah. Bisa di side bar kanan, kiri atau footer. Yang tayang nanti tidak di side bar tersebut. Oke langsung ke pokok masalah yaitu Merubah Cursor pada blog. Berikut caranya :

1. Login ke blogger.com
2. Klik Rancangan pada blog yang akan anda rubah kursornya
3. Klik Elemen Laman/Tata Letak/Design.
4. Klik Tambah Gedget/add gadget.
5. Pilih HTML/Javascript.
6. Copy dan pastekan script dibawah ini ke content HTML/Javascript.

<style type=”text/css”>
body {
cursor:url(“http://i1003.photobucket.com/albums/af158/robotjapan/Kursor.png“)
,default}
</style>

7. Terakhir klik Save atau Simpan

Cara di atas adalah khusus untuk blogspot. Bagaimana kalau untuk blog WordPress. Kurang lebih sama kok.

1. Login ke blog WordPress anda
2. Klik Appearance lalu Widget
3. Tambahkan Gadget Text, Arbitary tezt or HTML
4. Masukkan kode di atas tadi.
5. Klik Save untuk menyimpan

Tampilan kursor blog bisa anda ganti dengan beberapa image berikut ini. Gantihttp://i1003.photobucket.com/albums/af158/robotjapan/Kursor.png pada kode di atas dengan kode berikut ini :

http://i771.photobucket.com/albums/xx357/cebol_01/Kursor.png

http://i886.photobucket.com/albums/ac63/AdiSangPemimpi/kursor.png

http://i34.photobucket.com/albums/d132/JuL14_ok/pinkbutterflies.gif

http://i40.photobucket.com/albums/e230/dh34sy/flame.gif

Cara Menghias Blog dengan 10 Trik

Sepuluh Cara Menghias Blog

Dengan mengejutkan, menghibur, memberikan informasi dan pendidikan kepada pengunjung, pemilik blog dapat menganjurkan untuk berkunjung kembali dan menghasilkan kalimat gumaman dari mulut pengunjung. Berikut 10 perangkat pembuat sukses yang dapat membantu blog terlihat lebih memikat. 

1. Bubble Guru
Bubble Guru menambahkan pop-up video bubble ke blog. Agar blog Anda benar-benar populer, tambahkan pop-up video bubble. Siapkan webcam dan Bubble Guru akan berikan perangkat sederhana berbasis Web untuk merekam penggalan suara. User juga dapat menambahkan Bubble Guru bubble ke blog-nya secara gratis. Akan tetapi, ada pembatasan karena untuk satu bubble hanya berlangsung selama 20 detik. Jika ingin lebih lama, user akan mendapatkan 5 bubble selama 60 detik dengan harga USD 9,95 per bulan.

2. Eyejot
Jika menyukai penambahan rekaman video salam untuk situs tetapi tidak menginginkan kecenderungan pamaksaan pop-up bubble, cobalah Eyejot. Walaupun rancangan awalnya adalah untuk pengiriman video e-Mail, layanan itu juga menawarkan widget terintegrasi dengan blog yang menampilkan pengunjung klip rekaman. Apa hal penting terkait dengan itu? User bisa mendapatkan hal serupa YouTube, kah? Bisa, tetapi Eyejot lebih maju. Situs ini memungkinkan pengunjung "membalas" dengan merekam video milik mereka. Seseorang mungkin akan mendapat beberapa pesan aneh (atau bahkan menakutkan), tetapi user juga mungkin menyerang keseluruhan demografis user pengguna webcam karena semua orang ingin berada di kamera. Eyejot bebas biaya.

3. Google Maps
Ingin mengendalikan pengunjung situs ke stan belanja atau situs training? Permudah mereka dan sertakan peta Google Maps. Hingga saat ini, hal tersebut dahulu membutuhkan loncatan ke beberapa lingkaran pemrograman, tetapi kini sesederhana pembuatan peta yang Anda inginkan, lantas klik ke link "link to this page". Google Maps menyediakan kode yang dibutuhkan. Hanya perlu menyalinnya pada titik tertentu dalam blog. Layanan ini tidak hanya peta diam karena sangat interaktif, sehingga user dapat menggulung, memperbesar, memperoleh direksi, dan melihat versi satelit. Serupa dengan Google Maps itu sendiri, penggunaan peta terintegrasi tersebut tidak dipungut biaya.

4. eBay To Go
eBay To Go memungkinkan user menambahkan kotak daftar lelang interaktif ke dalam blog. Widget ini dapat mendata setiap barang lelang, daftar nama hingga 10 barang, atau bahkan hasil pencarian eBay (iPod nano terbaru, contohnya). Jika telah menyertakan widget, eBay To Go memberikan kode yang dibutuhkan untuk direkatkan ke situs user. Widget ini juga menawarkan instruksi step-by-step untuk pengintegrasian widget ke berbagai situs blog, termasuk Blogger dan LiveJournal.

5. FlexiPoll
Pengunjung menyukai angket. Dengan FlexiPoll, user dapat memberikan polling yang telah ada pada blog terkait waktu yang dibutuhkan untuk membacanya. Hal yang harus dilakukan hanyalah mengetik pertanyaan, kemudian memilih lebar polling (200 atau 400 pixel), lantas menyediakan dua atau lebih jawaban yang memungkinkan. Jika ini telah dilakukan, FlexiPoll menyedikan kode terintegrasi dan meninjau polling serta kotak hasilnya. Jika ada topik menarik, pemilih dapat mengetikkan jawaban mereka sendiri, bukan dari pilihan yang disediakan. Jawaban itu akan ditambahkan ke daftar pilihan. Selain itu, angket juga menjadi cara bagus untuk mendapatkan umpan balik dari konsumen dan pengunjung situs lainnya. Selain itu, FlexiPoll menawarkan cara murah (gratis) dan mudah untuk menyertakannya.

6. Slideshare
User mungkin memikirkan tentang presentasi PowerPoint sebagai hal terakhir yang ingin dilihat pengunjung blog, tetapi hal ini tergantung apa yang tersedia di dalamnya. Presentasi yang informatif atau segar dapat mengendalikan ribuan mata ke situs dan bahkan menghasilkan beberapa dengungan positif dalam dunia blog. Itulah ide di belakang Slideshare, serupa slideshow YouTube. Dengan demikian, user hanya perlu meng-upload PowerPoint, PDF, atau OpenOffice slide deck. Slideshare akan menampung presentasi itu (untuk pilihan pengamatan umum) dan menyediakan blog kode terintegrasi. Serupa YouTube, user juga dapat dengan mudah melakukan hosting presentasi yang bukan miliknya. Inilah cara hebat lain untuk menyertakan konten menarik ke situs kita. 

7. Zoho Viewer
Zoho Viewer memungkinkan mengintegrasikan berbagai dokumen, termasuk Word, Excel, dan PDF. Zoho Viewer memungkinkan semua jenis dokumen, termasuk Word, Excel, dan PDF. Artinya user dapat mengintegrasikan petunjuk penggunaan produk, worksheet anggaran, atau segala sesuatu yang mungkin berguna bagi pembaca. User bahkan tidak perlu berlangganan akun Zoho (yang tersedia gratis). Mereka hanya perlu meng-upload dokumen, pilih ukuran frame yang ingin ditampilkan, lantas letakan kode yang tersedia pada blog Anda. Pengunjung dapat melihat dokumen tanpa perlu membuka atau download apa pun.

8. Meebo Me
Jika ingin membuka saluran komunikasi, pertimbangkan penambahan widget Meebo Me. Meebo adalah perangkat chat berbasis browser dengan platform silang. Widget ini mengembangkan fungsionalitasnya ke blog dan menambahkan jendela chat personal, di mana pengunjung dapat mengirim instant-message secara langsung. User lantas dapat memilih tiga ukuran jendela berbeda dan berbagai skema warna. Seperti Meebo sendiri, Meebo Me tersedia secara cuma-cuma.

9. BlogTV
Siap untuk close-up? BlogTV mengintegrasikan streaming-video player ke dalam blog dan menempatkan di tengah panggung untuk semua hal nyata yang harus disiarkan. User dapat menampilkan demo produk, live-blog pameran perdagangan, wawancara dengan kalangan industri terkemuka, atau hanya memandangi pertunjukan yang dirancang sendiri. Player tersebut menyertakan jendela chat untuk mendorong partisipasi komunitas dan BlogTV memungkinkan dua webcam melakukan streaming secara serempak, sehingga user dapat bekerja sama dengan teman dari jarak jauh. Semuanya terkoordinasi rapi.

10. Movavi Video Converter
Widget Movavi Online Video Converter mempermudah user mengendalikan layanan eponymous Movavi. Widget ini mampu mengubah file video yang di-upload ke semua format yang ada. Pengunjung dengan mudah dapat memilih file, khusus format output menarik dan menyediakan alamat e-Mail di mana mereka dapat menerima notifikasi bahwa konversinya telah lengkap (bersama dengan link download). Ini adalah cara paling realistis untuk menghasilkan beberapa dukungan, khususnya jika blog memiliki hal yang harus dilakukan dengan video atau gadget serupa.

Cara Menghias Blog

Ada beberapa cara supaya blog kite menarik yaitu dengan menghias blog ....beberapa blog ada yang memasang iklan, MP3 player, music, emotion, icon widget DLL.

salah satunya widget yg disediakan blogspot yaitu widget HTML/Java scrip widget ini termasuk widget yg paling sering saya gunakan dalam mempercantik blog, Cukup dengan kita cari web yg menyediakan aksesori/widget2 lucu and menarik, seperti contoh:

1. Adiwidget

2. mixpod

3. Chatrool

4. divine-music 
5. dll
disana akan ada code scrip dari setiap icon widgetnya yang kamu mau, nah code inilah yang digunakan untuk mempercantik blog kita teman !

Caranya mudah cukup copy code scriptnya lalu masuk ke dasbor -> Rancangan(design) -> Elemen laman(page element) -> tambah gadget(add widget) pilih add Java/HTML lalu paste scrip tersebut danSave kalau bingung letak add HTMLnya lihat gambar berikut

Untuk mengatur tata letak sidebar cukup kamu tarik dengan cursor widget2 kamu dan bawa ke colom sidebar yang kita inginkan, misalnya kita ingin memindahkan letak HTML/Java scrip kita ke atas atau kebawah(perhatikan gambar)

Untuk mengatur Tamplate ,layout, background, Advance Dll silakan masuk keke dasbor -> Rancangan(design) ->Tamplate Designer silakan atur tamplate mana yg akan anda gunakan, warna apa, huruf apa, lebar kecilnya ukuran coloum posting dan gadget blog anda di sana.

selain diatas ada juga yang menghias blognya dengan percantik Cursor,Emotion, label berputar, Gilter, icon smile, ubah logo blog , pasang emotion di kotak komentar, ganti homepage dengan icon rumah , ganti olderpost dan newerpage dengan gambar, gambar sebelum judul posting , background widget dan lain-lain

Catatan:

Jangan terlalu banyak menggunakan widget HTML karena akan memperlambat loading blog anda, bila ingin menambahkan scrip html cukup anda buka widget HTML anda dan copas java scrip baru anda di bawah scrip yg sudah ada dengan begitu proses loading blog anda akan normal2 saja.

Kira-kira begitu deh cara menghias blog....
Satu lagi tolong jangan pelit tinggalin koment ma alamat URLnya ya !.. kan biar bisa kite kunjung balik ke blognya agan-agan, lumayan buat nambah-nambah jumlah visitor ya kan.. ya kan ?

Cara Memasang Statistik atau Tracker di Blog

Pasang Statistik atau Tracker

1. Silahkan klik di sini untuk menuju menuju situs http://www.sitemeter.com
2. klik tulisan Sign Up untuk melakukan pendaftaran
3. klik tombol bertuliskan Next
4. Klik tombol Next lagi
5. Isi semua tabel yang ada lalu klik tombol Next lagi
6. Isi lagi tabel yang ada, lalu klik tombol Next lagi
7. klik tombol Next lagi
8. klik tombol Next lagi ( cape dech next..next melulu )
9. Setelah ada keterangan proses sign up selesai, anda harus melakukan veryfikasi, silahkan buka email yg anda berikan
10. Buka email yang datang dari sitemeter.com, di dalamnya ada username dan password anda untuk login ke sitemeter.com
11. Silahkan login dengan id anda
12. Bila sudah login, Klik menu Manager
13. Klik Menu Meter Style untuk memilih gaya dari site meter anda
14. Pilih style yang anda sukai, kemudian klik tombol Select
15. Klik menu HTML Code
16. Klik tulisan Adding site Meter to a Blogger.com Site
17. copy semua kode HTML yang di berikan lalu paste pada Notepad
18. Klik menu Logout untuk keluar dari situs tersebut
19. Selesai, tinggal memasukan kode yang kita dapat ke dalam blog kita

Sekarang tugas kita adalah memasukan kode yang sudah kita dapat ke dalam blog, ikuti langkah- langkah berikut :

khusus blog dengan template klasik :

1. Sign in di blogger dengan id anda
2. Klik menu TEMPLATE
3. Klik Edit HTML
4. Klik Edit (yang ada pada bar menu browser anda)
5. Klik Find (on this page)… –> untuk mempercepat pencarian
6. Tuliskan kata dimana anda ingin tempatkan, contoh di blog saya adalah blogger (karena dekat dengan tombol blogger) klik Find
7. Copy & paste kode yang telah di simpan di notepad tadi, lalu klik tombol Previewuntuk melihat perubahan yang terjadi
8. Jika sudah cocok dengan perubahan tadi, Klik Save Template Changes. Selesai

Sedikit tambahan, bila anda ingin site meter posisinya berada di tengah-tengah, tinggal tambah kode

…kode site meter…

Untuk blog dengan Template baru :

1. Login di blogger dengan ID anda
2. Klik menu Layout
3. Klik Page Elements
4. Klik Add a Page Element
5. Klik ADD TO BLOG pada menu HTML/JavaScript
6. Tulis Judul site meter anda pada pada isian di sebelah form Title (bila ingin ada keterangan. kalau tidak, ya kosongkan saja)
7. Copy & paste kode Site meter pada kolom Content
8. Klik tombol Save Changes
9. Klik Element yang baru anda buat tadi, tahan lalu pindahkan ke tempat yang anda inginkan ( di drag & drop)
10. Klik tombol PREVIEW untuk melihat perubahan yang baru di lakukan
11. Bila sudah cocok dengan perubahan tadi, klik tombol SAVE
12. Selesai

Cara Memasang Buku Tamu Di Blog

Memasang Buku Tamu pada Blog :

1. Daftar terlebih dahulu di www.shoutmix.com
2. Setelah daftar pada kolom yang berjudul style, klik menu appearance
3. Silahkan klik menu pulldown di samping tulisan Load From Preset untuk mengatur tampilan buku tamu anda, silahkan pilih yang sesuai dengan keinginan anda. Jika sudah selesai klik Save Setting.
4. Untuk mendapatkan kode HTML dari shoutbox anda, silahkan klik Use Shoutboxyang berada di bawah menu Quick Start
5. Klik tulisan Place Shoutbox on web page. Isi lebar dan tinggi shoutbox yang di inginkan
6. Copy seluruh kode HTML yang ada pada text area yang berada di bawah tulisanGenerated Codes, lalu simpan di program Notepad anda
7. Klik Log out yang berada di atas layar anda untuk keluar dari halaman shoutmix anda. Silahkan close situs tersebut.
8. Selesai

Cara Memasang Google Translate di Blog

Dengan Memasang widget ini membantu dan mempermudah pengunjung dari berbagai negara bisa membaca dan mengerti atau memahami postingan yang kita tulis pada blog kita setelah di terjemahkan dengan widget google translate ini.

Ada bebarapa hal perlu diperhatikan dalam penulisan pada blog bahasa Indonesia yaitu penulisanya di usahakan menggunakan bahasa Indonesia yang baku, baik dan benar ejaanya, sehingga tidak salah dalam terjemahanya.

Memang menterjemahkan menggunakan google translate ini tidak lah sempurna, namun setidaknya jika ada pengunjung dari luar negara lain mengerti dan memahami isi postingan pada blog kita dengan bantuan widget ini.

Nah bagi yang ingin memasang google translate pada blog silahkan ikuti tutorial INFONETMU dibawah ini!
Copy kode dibawah ini!

<div id="google_translate_element"></div><script>
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: 'id',
layout: google.translate.TranslateElement.InlineLayout.SIMPLE
}, 'google_translate_element');
}
</script><script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

Silahkan paste di sidebar yang kamu inginkan dengan cara tambah gadget,terus pilih HTML/JavaScript paste disitu simpan selesai.
Cukup Mudah kan memasang google translate pada blog, Nah kamu juga bisa memasang google translate dengan bendera,untuk tutorialnya silahkan baca artikel yang terdahulu di cara memasang google translate berbenderapada blog. semoga bermanfaat.

Cara Memasang Google Map di Blog

Mungkin ada diantara teman-teman yang ingin memasang peta google map di blog agar peta maupun citra satelit dapat tampil di blog. Peta ini bisa membantu pengunjung mengetahui lokasi anda. Google mengijinkan pengguna blog/website untuk memilih lokasi tertentu pada peta, kemudian bisa memasang peta tersebut ke blog tanpa dipungut biaya (gratis).

Yang perlu anda lakukan hanya perlu membuka website google map, pilih tempat /lokasi anda di peta selanjutnya copy script yang tersedia untuk dipasang di blog.

Contoh peta yang bisa ditampilkan di blog bisa dilihat disini :

atau citra satelit (ada beberapa lokasi di peta yang menggunakan citra Ikonos dan Quickbird untuk lokasi perkotaan serta citra Landsat untuk wilayah-wilayah yang jarang pemukimannya.

Agar peta-peta maupun citra satelit bisa muncul di blog blogspot anda, lakukan prosedur di bawah ini :

1. Buka situs google map 
Di kotak pencarian ketik lokasi anda, dalam contoh ini menggunakan lokasi "makassar"
Selain mencari dengan kotak pencarian bisa juga dengan menggunakan tombol geser dan tombol zoom (vertikal slidebar zoom)

2. Setelah ketemu lokasinya, klik tombol link yang ada disebelah kanan atas peta (halaman web)

Klik link "Customize and preview embedded map"

3. Akan terbuka halaman seperti di bawah ini

Atur ukuran peta pada bagian customize
kemudian copy script yang ada di bagian paling bawah halaman , masukkan script tersebut ke gadget html/javascript blog