3 Situs Form Komentar untuk Blog

Bagi pengguna blogger pastilah sudah tahu kekurangan dari form komentar defauld dari blogger.Disamping penampilannya yang kurang menarik, juga kurang interaktif.Berikut ini situs form komentar yang penampilannya sangat bagus dan disertai dengan replay post serta penambahan avatar.Anda dapat mengacu pada situsnya untuk mendapatkan keterangan detailnya.
 
1.http://intensedebate.com/
cara membuat

2.http://disqus.com/
cara membuat

3.http://js-kit.com/
tutorial blog, blog islam cara membuat,kontes seo
READ MORE - 3 Situs Form Komentar untuk Blog

Cara Membuat Recent Post dengan Thumbnails untuk blogger (2)

Sebelumnya saya sudah pernah memposting bagaimana Cara Membuat Recent Post dengan Thumbnails untuk blogger.Cara tersebut adalah dengan menambahkan kode tersebut pada side bar blog anda.Tapi kali ini hal tersebut tidak perlu lagi mengcopy paste kode melainkan tinggal menekan tombol widget ini maka widget recent post with thumnail akan langsung terpasang pada blog anda.Disamping itu dengan widget ini anda tinggal memilih apa saja yang ingin ditampikan pada recent post.Contoh pemasangannya seperti pada blog ini yaitu postingan terbaru




Keterangan:
Title : Masukkan title yang akan ditampilkan pada side bar.Contoh:Posting Terbaru
Height : Lebar yang akan ditampilkan.Sesuaikan dengan lebar side bar blog anda.
Blog Url(Means the link of the blog whose posts are to be displayed):Masukkan URL blog anda
Number of posts to display : Jumlah recent post yang akan ditampilkan
Display post thumbnails ? : Centang bila ingin menampilkan gambar pada postingan.Syaratnya postingan harus ada gambarnya.
Display post summaries ? : Centang bila akan menampilkan judul postingan
Summary length (Needed only if you opt to display summaries) : Masukkan jumlah karakter description postingan bila ingin ditampilkan.Bila hanya judul postingan beri angka 0.
Display post date ? : Centang bila ingin menampilkan tanggal postingan.
Display the number of comments ? : Centang bila ingin menampilkan jumlah komentar pada postingan tersebut.
Display the Read more link ? : Centang bila ingin menampilkan ‘read more’ pada postingan tersebut.
Display a Separator b/w the posts ? : Tidak perlu dicentang.
Selanjutnya bila semuanya sudah anda isi, lalu Save.Selanjutnya atur penempatannya sesuai dengan keinginan anda.Selamat mencoba.
READ MORE - Cara Membuat Recent Post dengan Thumbnails untuk blogger (2)

7 Link Icon Twitter.

Siapa yang tidak kenal dengan twitter?. Suatu sosial networking ini kini sudah beranggotakan jutaan orang.Bagi anggota twitter yang mempunyai blog atau situs, biasanya untuk menarik pengunjung agar dapat menfollow pada twitter mereka dipasanglah sebuah icon kecil berupa gambar burung.Ini sesuai dengan logo situs twitter sendiri yaitu bergambar burung.Berikut ini tujuh link icon twitter yang anda dapat jadikan referensi untuk membuat icon twitter yang bisa dipasang pada blog.Anda tinggal memilih yang mana cocok dengan keinginan anda.
1.http://wefunction.com/2009/05/40-free-twitter-badges/

2.http://graphicleftovers.com/blog/free-twitterfun-icons/

3.http://www.webdesign.fm/free-twitter-icons-happy-birds/

4.http://webtreats.mysitemyway.com/108-high-res-dark-denim-social-media-icons/

5.http://www.productivedreams.com/free-twitter-bird-icon-set/

6.http://www.smashingmagazine.com/2009/01/23/friday-freebies-flavours-icon-set-and-cute-tweeters-icon-set/

7.http://fasticon.com/freeware/index.php/twitter-block-icons/
READ MORE - 7 Link Icon Twitter.

Cara Membuat related Post Dengan Thumbnails


Menambahkan related post atau artikel yang terkait pada setiap postingan dapat meningkatkan trafik kunjungan blog anda.Pengunjung akan mudah menemukan dan membaca artikel-artikel terkait pada blog anda.Lebh menariknya lagi related post ini disertai dengan gambar.Cara membuat related post dengan thumbnails adalah sebagai berikut.

1.Login pada blogger.
2.Klik Layout pada Dasboard.
3.Klik Edit HTML pada Layout dan jangan lupa centang Expand Widget Template
4.Cari kode


5.Dan ganti kode tersebut dengan kode dibawah ini.








8.Untuk menampilkan jumlah post dapat diedit dengan mengganti angka pada
var maxresults=5;.
9.Untuk mengganti nama "Related Post" dengan "Artikel Yang Terkait" dapat diganti pada
var relatedpoststitle="Related Posts";
READ MORE - Cara Membuat related Post Dengan Thumbnails

New Post Editor dari Blogger Untuk Blogspot

Kali ini Blogger meluncurkan Post Editor terbaru.Post Editor kali ini lebih memudahkan pada blogger untuk melakukan editing pada postingannya.Post editor ini dikhususkan bagi pengguna layanan blogspot dari blogger.
Kemudahan penambahan fitur ini seperti:
1.Pengelolahan gambar yang lebih baik.Dapat didrag drop dengan mudah.
2.Kode HTML yang sudah mudah pengaturanya
3.Kotak penulisan bisa dipanjangkan secara vertical dengan menarik kotak editor pada ujung bawahnya.
3.Lebih mudah dalam mengedit link.
4.Daat melihat hasil postingan sebelum dipublish dengan menggunakan preview.
5.Penambahan tombol undo-redo, rata tulisan kanan dan kiri serta mencoret tulisan.
6.Penambahan geotagging pada postingan.




Lalu bagaimana untuk menampilkan Post Editor yang baru ini? Berikut caranya.
1.Login pada Blogger.
2.Klik Setting pada dashboard anda lalu klik Basic.
3.Pada Select Post Editor, centang Update Editor.Dan pada Enable Transliteration selek ke Enable
4.Selanjutnya Save Setting.





Selanjutnya anda sudah memiliki Post Editor yang baru.
READ MORE - New Post Editor dari Blogger Untuk Blogspot

Cara Merobah Height dan Widh Form Komentar

Bagi anda pengguna layanan blogspot dari blogger, penampilan kotak komentar (seperti gambar dibawah) tidak asing lagi.Hanya saja penampilan kotak komentar seringkali ingin diatur height dan widh.Sebagian orang juga ingin agar kotak komentarnya langsung muncul dibawah postingan.Hal ini untuk memudahkan pengunjung blog bila akan memberi komentar tidak akan membuka windows baru lagi.Nah, untuk mengubah ukuran height dan widh sesuai selera, ikuti langkah-langkah berikut.



1.Login pada Blogger.
2.Klik Layout pada Dashboard.
3.Pada Layout klik Edit HTML.Jangan lupa centang Widget Expand Template.
4.Carilah kode berikut:
READ MORE - Cara Merobah Height dan Widh Form Komentar

Membuat Read More Pada New Post Editor Blogger

Setelah blogger.com meluncurkan New Post Editor terbaru yang lebih friendly dan memudahkan para pengguna layanan blogspot, kali ini masih bagian yang sama blogger.com pun memanjakan pada pemakaianya untuk lebih mudah menambahkan Read More atau Baca Selengkapnya pada postingan.Ini dinamakan Jump Break yaitu memisahkan bagian alinea yang akan ditampilkan pada bagian depan blog dan potongan alinea lainnya akan muncul bila kata Read More diklik.Cara ini merupakan cara terbaru dari blogger.com untuk memudahkan para pengguna blogspot dalam memakai Read More pada postingannya sehingga tidak perlu lagi menambahkan plugin atau kode javascript untuk membuatnya.
Untuk menyisipkan Jump Break tersebut berikut caranya.
1.Bagi yang belum mengaktifkan New Post  Editornya sebaiknya diaktifkan dulu.Caranya dapat dilihat pada new post editor dari blogger untuk blogspot.
2.Selanjutnya bila sudah aktif, langsung menuju pada New Post dan klik Compose.
3.Buatlah satu postingan setelah itu arahkan kursor anda pada bagian yang ingin dipotong.Jadi pada alinea bagian atas potongan tersebut akan muncul pada halaman depan sedangkan potongan alinea dibawahnya akan muncul bila Read More diklik pada postingan anda.
4.Selanjutnya klik gambar yang keterangannya insert jump break.Dapat dilihat pada gambar dibawah yang saya beri kotak warna biru.Setelah itu Publish Post.






Selamat anda sudah mempunyai Read More pada postingan anda.Kalau anda ingin mengganti kalimat Read More dengan Baca Selengkapnya , berikut caranya.
1.Klik Layout >Edit Blog Post.Selanjutnya ganti kalimat Read More dengan kalimat sesuai keinginan anda.Lihat gambar dibawah.





2.Lalu Save.
READ MORE - Membuat Read More Pada New Post Editor Blogger

Mendapatkan Target Pengunjung Blog Lewat Mesin Pencari Google

Setiap blogger pastilah mengharapkan postingan dan blog dapat terindeks dengan baik oleh google dan dapat menjadi nomor satu dimesin pencari google.Tapi perlu diketahui bahwa hasil pencarian oleh google hanya memberikan hasil pencarian berupa situs atau blog yang berguna dan relevan dengan kata kunci.

Untuk mengoptimalkan hasil pencarian maka hal yang perlu diketahui adalah target negara mana yang akan dibidik.Bila keyword dalam bahasa Indonesia sebaiknya bidik para pencari dari google.co.id.Sebaliknya bila bukan sebaiknya bidik para pencari dari luar Indonesia.Lalu bagaimana cara membidik target hasil pencarian google Indonesia atau google negara lain?

Ada 2 cara yang bisa dilakukan yaitu:
1. Menggunakan Bahasa Negara Target.
Maksudnya begini, bila anda menargetkan pengunjung dari Indonesia sebaiknya gunakan bahasa Indonesia pada blog anda dan keyword yang akan dibidik.Karena google akan mengutamakan blog dengan bahasa Indonesia pada halaman pertama bila keyword yang digunakan berbahasa Indonesia.Artinya bila ada beberapa blog yang menggunakan bahasa Indonesia saja dan selain bahasa Indonesia, mesin pencari google akan lebih mengutamakan blog yang berbahasa Indonesia bila keyword yang digunakan berbahasa Indonesia.
2. Menggunakan Google Webmaster
Dengan google webmaster ini anda dapat memilih negara target yang di bidik.Sebelumnya anda harus memverifikasi blog anda di Google, dapat dilihat disini, cara verifikasi blog.Selanjutnya tahapan berikutnya adalah:
a.Login pada http://www.google.com/webmasters/tools.
b.Klik pada nama blog anda.Bila ada beberapa blog, pilih blog yang anda ingin ditargetkan.
c.Pada Site Configuration, klik Setting.
d.Pada Geographic Target, pilih negara yang ingin anda jadikan target, lalu Save.
Bila ingin menargetkan pengunjung dari lokasi yang berbeda, pilih saja Unlisted.
Selamat mencoba.

Tutorial Blog-Blog Islam-Cara Membuat Keyword
READ MORE - Mendapatkan Target Pengunjung Blog Lewat Mesin Pencari Google

Mendapatkan Target Pengunjung Blog Lewat Mesin Pencari Google

Setiap blogger pastilah mengharapkan postingan dan blog dapat terindeks dengan baik oleh google dan dapat menjadi nomor satu dimesin pencari google.Tapi perlu diketahui bahwa hasil pencarian oleh google hanya memberikan hasil pencarian berupa situs atau blog yang berguna dan relevan dengan kata kunci.

Untuk mengoptimalkan hasil pencarian maka hal yang perlu diketahui adalah target negara mana yang akan dibidik.Bila keyword dalam bahasa Indonesia sebaiknya bidik para pencari dari google.co.id.Sebaliknya bila bukan sebaiknya bidik para pencari dari luar Indonesia.Lalu bagaimana cara membidik target hasil pencarian google Indonesia atau google negara lain?

Ada 2 cara yang bisa dilakukan yaitu:
1. Menggunakan Bahasa Negara Target.
Maksudnya begini, bila anda menargetkan pengunjung dari Indonesia sebaiknya gunakan bahasa Indonesia pada blog anda dan keyword yang akan dibidik.Karena google akan mengutamakan blog dengan bahasa Indonesia pada halaman pertama bila keyword yang digunakan berbahasa Indonesia.Artinya bila ada beberapa blog yang menggunakan bahasa Indonesia saja dan selain bahasa Indonesia, mesin pencari google akan lebih mengutamakan blog yang berbahasa Indonesia bila keyword yang digunakan berbahasa Indonesia.
2. Menggunakan Google Webmaster
Dengan google webmaster ini anda dapat memilih negara target yang di bidik.Sebelumnya anda harus memverifikasi blog anda di Google, dapat dilihat disini, cara verifikasi blog.Selanjutnya tahapan berikutnya adalah:
a.Login pada http://www.google.com/webmasters/tools.
b.Klik pada nama blog anda.Bila ada beberapa blog, pilih blog yang anda ingin ditargetkan.
c.Pada Site Configuration, klik Setting.
d.Pada Geographic Target, pilih negara yang ingin anda jadikan target, lalu Save.
Bila ingin menargetkan pengunjung dari lokasi yang berbeda, pilih saja Unlisted.
Selamat mencoba.

Tutorial Blog-Blog Islam-Cara Membuat Keyword
READ MORE - Mendapatkan Target Pengunjung Blog Lewat Mesin Pencari Google

Cara Membuat Spoiler Pada Blog

Spoiler biasanya digunakan untuk memperkecil atau mempersingkat kode, postingan, atau tulisan apapun agar tidak terlalu memenuhi halaman.Spoiler ini dapat anda pasang pada side bar, halaman posting, header dan footer.Untuk membuatnya tidaklah sulit,anda tinggal mencopy kode dibawah ini.
Berikut contoh spoiler.


Contoh Spoiler:

INI ADALAH CONTOH SPOILER



Cara membuat spoiler ini adalah sebagai berikut:
1.Copy dan paste kode dibawah ini

Spoiler Untuk lihat Script:




Isi kode script, HTML dan teks anda disini






2.Selanjutnya gantilah tulisan yang yang berhuruf tebal dan berwarna hitam dan merah.
Width: 55px adalah lebar kotak spoiler.Gantilah sesuai kebutuhan anda.
font-size: 11px adalah ukuran huruf dalan kotak spoiler.Dapat diganti sesuai kebutuhan.
Tutup dan Lihat dapat anda ganti sesuai keinginan anda
Isi kode script, HTML dan teks anda disini dapat anda ganti dengan teks atau kode script.
Silakan mencoba.
READ MORE - Cara Membuat Spoiler Pada Blog

3 Situs Pembuat Avatar Diri Yang Keren

Ingin buat avatar dari foto diri anda? Gampang..silakan anda mengunjungi ketiga situs pembuat avatar dibawah ini.

Avatar biasa diperlukan pada sebuag forum, blog,atau situs komunitas lainnya.Avatar sendiri adalah sebuah gambar yang diupload sendiri dan biasanya berupa gambar foto diri, kartun, dan gambar-gambar unik lainnya.Lalu untuk membuat avatar diri dalam bentuk kartun, silakan gunakan ketiga situs pembuat kartun avatar dibawah ini.

1.http://www.cartoonme.com/en/


2.http://www.moonjee.com/


3.http://www.befunky.com/
READ MORE - 3 Situs Pembuat Avatar Diri Yang Keren

Cara Membuat Top of Page Icon

Anda mungkin sering mendapat suatu halaman blog yang panjang sehingga untuk melihat keseluruhan halaman harus menggunakan down scroll pada mouse.Kalau sudah pada akhir halaman biasanya agak malas juga harus menggunanan up scroll pada mouse untuk kembali lagi pada awal halaman.
Kalau blog anda model kayak begini yang mempunyai halaman yang panjang, sebaiknya anda menggunakan suatu tombol yang biasa disebut Top of Page Button.Kali ini top of page button modelnya berupa floating button.Untuk membuat adalah sebagai berikut:

1.Login pada Blogger.
2.Klik Layout pada Dashboard anda.
3.Klik Add a Gadget.
4.Klik HTML / Javascript.
5.Masukkan kode berikut ini.

6.Selanjutnya Save
Anda bisa mengganti gambar lain sesuai dengan keinginan anda.Bila ingin mengganti gambar, ganti alamat image pada kode diatas yaitu:

http://img119.imageshack.us/img119/8589/arrowupcx2.gif
READ MORE - Cara Membuat Top of Page Icon

5 Situs Untuk Membuat Drop Down Menu

Salah satu cara untuk memudahkan pengunjung untuk menjelajah blog adalah dengan menyediakan sebuah navigasi berupa horizontal navigasi atau horizontal drop down menu.Horizontal menu ini biasanya ditampilkan pada bagian atas blog .Bagi anda yang ingin membuat horizontal menu dapat melihat pada postingan sebelum yaitu cara membuat horizontal navigasi dan cara membuat horizontal multi drop.Namun demikian anda juga dapat melihat 5 situs drop down menu ini karena beberapa drop menunya kelihatan sangat keren dan dapat disesuikan dengan blog anda.Kelima situs ini menggunakan kode CSS dan javascrip.

1.JavaScript Dropdown Menu with Multi Levels


2.All Levels Navigational Menu (v2.2)

 
3.Professional dropdown


4.Drop Down Tabs (5 styles)


5.Chrome CSS Drop Down Menu
READ MORE - 5 Situs Untuk Membuat Drop Down Menu

Cara Memasang Tag Cloud Delicious Pada Blog

Bagi anda yang mempunyai account pada Delicious dapat dimanfaat untuk menampilkan tag clouds pada blog.Delicious sendiri adalah layanan yang memungkinkan pengguna untuk menyimpan, mengelola dan berbagi halaman web dari sumbernya .Pemasangan tag pada blog akan lebih memudahkan bagi anda untuk bisa menemukan tag yang diinginkan .Berikut cara memasang tag cloud delicious.

1.Anda harus mempunyai account pada delicious.Bila belum lakukan register terlebih dahulu pada delicious.com ini.
2.Lgin pada Blogger.
3.Klik Layout Pada Dashboard.
4.Klik Add a Gadget, dan pilih HTML/Javascript gadget.
5.Copy dan paste kode dibawah ini.Ganti kalimat LOGIN NAME dengan Username delicious anda.







6.Selanjutkan Letakkan widget di blog pada tempat dimana tag cloud ini akan ditampilkan.Selamat mencoba
Contohnya seperti dibawah ini

Sumber:tip.blogdoctor.me
READ MORE - Cara Memasang Tag Cloud Delicious Pada Blog

5 Website Hosting Untuk Menyimpan Foto dan Gambar


Biasanya bila akan menyimpan sebuah foto dan gambar, disimpan pada harddisk komputer.Lalu bagaimana bila foto atau gambar tersebut akan di pajang pada sebuah blog?
Untuk layanan blog gratisan seperti blogger dan wordpress ada fasilitas untuk memasukkan foto tersebut pada postingan walaupun foto atau gambar tersebut berada di dalam harddisk komputer.Tapi bila ingin memasang foto tersebut pada side bar blog, email, atau pada tempat lain di blog, sebaiknya gunakan web hosting untuk menyimpan foto dan gambar tersebut.Dengan menyimpan foto dan gambar pada web hosting tersebut akan memudahkan memasangnya karena sudah mempunyai link image URL.Kelima web hosting tersebut adalah

1.Photobucket
2.Imageshack
3.Tinypic
4.Imagehosting
5.Pict
READ MORE - 5 Website Hosting Untuk Menyimpan Foto dan Gambar

Cara Membuat Tabel Pada Blog

Membuat table pada blog tidak sesulit yang dibayangkan.Semalam sewaktu lagi browshing, pas menemukan situs yang membahas cara membuat table diblog dengan google document.Dengan menggunakan google document anda tidak perlu menggunakan kode HTML lagi untuk membuat tabel tersebut.Kelebihannya yang utama data pada tabel tidak mudah di copy paste.Memang ok fitur yang satu ini.
Untuk membuatnya anda harus mempunyai account pada google document.Bagi yang sudah punya tidak perlu register lagi.Untuk lebih lengkapnya bagaimana membuat tabel pada blog dengan google document ini silakan lihat pada blog ini, bloggerpemula.info
READ MORE - Cara Membuat Tabel Pada Blog

Mengurangi Ukuran File Suatu Gambar

Seringkali dalam membuat postingan biasanya disertakan sebuah gambar atau beberapa gambar untuk menarik para pengunjung.Masalahnya kalau size gambar itu terlalu besar sehingga lambat laun akan menambah beban blog sehingga memperberat saat loading.Dan juga kalau pun dikecilkan sizenya akan mengurangi kualitas gambarnya.Ada cara untuk mengurangi size file suatu gambar tanpa mengurangi kualitas gambarnya yaitu dengan menggunakan punypng.Dengan punypng ini gambar akan diperkecil ukurannya hingga 41% dan juga akan secara automatis mengubah file gambar dari file GIF dan JPEG ke file PNG.Dengan demikian tidak akan mengurangi kualitas gambar tersebut seperti ketajaman warnanya.Bagi yang ingin mencoba, langsung saja kesitus punypng:
Caranya mengconver gambar :

1.Buka situs punypng.
2.Tekan Upload Image.
3.Selanjutnya cari file gambar yang akan diresize lalu Open.
4.Punypng akan secara automatis meresize gambar dan dan mengubah ke file PNG.Setelah selesai akan muncul size gambar sebelumnya dan size gambar sesudah serta berapa persen size gambar tersebut dikurangi.
5.Selanjunya Download gambar dan simpan pada komputer anda.Selamat gambar anda sudah diresize.Coba perhatikan perbedaannya.
READ MORE - Mengurangi Ukuran File Suatu Gambar

Cara Membackup Data Blog Pada Blogspot


Bagi seorang blogger salah satu yang paling tidak disukai adalah bila blog bermasalah apalagi semua postingan tidak dibackup.Bencana pun muncul, postingan yang sudah dibuat selama bertahun-tahun lenyap seketika.Bagi yang mempunyai blog dari blogger, anda dapat membackup postingan blog anda.Hasil backup tersebut dapat diambil kembali bila anda menginginkannya.Berikut cara membackup postingan pada blogspot.
1.Login pada Blogger.
2.Klik Setting pada Dashboard anda.
3.Akan muncul seperti gambar dibawah ini.

4.Selanjutnya klik Export blog,lalu klik Download Blog.Simpanlah backup tersebut pada hard disk komputer anda.
5.Selesai
Lakukanlah backup postingan anda sesering mungkin agar bila anda mengalami masalah pada blog,anda sudah mempunyai backupnya.
READ MORE - Cara Membackup Data Blog Pada Blogspot