CARA MEMBUAT SITEMAP OTOMATIS PADA BLOGGER

Daftar Isi atau yang sering kita sebut Sitemap pada umumnya kita gunakan sebagai petunjuk atau informasi sudah berapa banyak artikel yang selama ini sudah kita buat di dalam blog kita. Kadang kita merasa malas apabila kita harus membuat dan mengisi daftar isi tersebut secara manual setiap kali kita selesai meng update artikel. Maka dari itu kali ini saya akan berbagi informasi tentang bagaimana cara membuat daftar isi atau sitemap berdasarkan label secara otomatis mengisi sendiri setiap kita selesai membuat artikel. Berikut tutorialnya.

Pertama masuk dahulu ke dalam akun Blogger anda. Buka menu Posting atau Posts kemudian kita klik Entri Baru atau New Post. Setelah masuk ke dalam halaman editor posting pilih dalam mode HTML bukan Compose. Lalu copy paste kan kode di bawah ini ke dalam halaman editor posting :

<script src="http://sitemap-kiosbisnis.googlecode.com/files/KiosBisnislabel2.js"></script><script src="http://www.katabijak.blogspot.com/feeds/posts/default?max-results=999&amp;alt=json-in-script&amp;callback=loadtoc"></script>

Ganti text yang berwarna merah diatas dengan alamat blog anda. Simpan dan Lihat hasilnya. Berikut contoh tampilan daftar isi berdasarkan label dari blog katabijak.blogspot.com.

Namun misal anda menginginkan menggunakan fungsi scroll karena daftar isi dirasa sudah terlalu banyak dan terlalu banyak memakan tempat (memanjang ke bawah) maka bisa menambahkan kode berwarna biru di bawah ini.

<div style="overflow:auto; border: 1px solid #000000; margin: auto; padding: 3px; width: 100%; height: 500px; background-color: none; text-align: left;"> <script src="http://sitemap-kiosbisnis.googlecode.com/files/KiosBisnislabel2.js"></script><script src="http://www.katabijak.blogspot.com/feeds/posts/default?max-results=999&amp;alt=json-in-script&amp;callback=loadtoc"></script></div>

Jangan lupa untuk mengganti teks berwarna merah dengan alamat blog anda. Simpan dan Lihat hasilnya. Berikut contoh tampilan daftar isi berdasarkan label menggunakan fungsi scroll dari blog katabijak.blogspot.com.

NIH  yang sudah jadi sitemap bloggernya yang di buat otomatis ... Sitemap linkmatic
Selamat mencoba dan Semoga Bermanfaat.

Read more »

CARA MEMBUAT FORM YANG MUDAH PADA BLOG / WEB /WORDPRESS

Info contact atau kontak memang sebaiknya dipasang oleh blogger di blognya. Hal ini untuk menjalin percakapan yang lebih personal dari pengunjung blog kepada pemilik blog. Salah satu caranya adalah menampilkan alamat email. Dengan demikian pembaca blog yang ingin menghubungi blogger akan lebih mudah. Tetapi ada yang lebih mudah digunakan selain hanya menampilkan alamat email, yaitu membuat Contact Form.










Contact Form adalah formulir yang untuk mengirimkan pesan kepada kita (blogger). Orang bisa dengan mudah untuk mengirim pesan, tinggal menulis nama, alamat emailnya dan mengetik pesan. Jadi tidak perlu repot untuk login ke akun email, bisa mengirim atau menghubungi dari blog kita sendiri.

Untuk membuat Contact Form kita dapat memfaatkan penyedia contact form gratis, Kontactr, My Contact Form, dan Email Me Form. Sebenarnya hampir sama tetapi kali ini Belajar Ngeblog di BLOG akan membahas satu saja, yaitu Kontactr.

Cara mendaftarnya cukup mudah, kunjungi http://kontactr.com lalu lakukan registrasi, setelah itu akan dikirim konfirmasi ke email kamu untuk mengaktifkan akun, dan akhirnya bisa login ke Kontactr. Jangan lupa, email yang kamu gunakan adalah emailmu sendiri yang aktif dan sering digunakan.

Setelah login ke Kontactr kita akan langsung disuguhi kode HTML atau Java Script untuk menampilkan Contact Form ataupun Button, seperti gambar di atas. Untuk menampilan Contact Form kita gunakan kode yang AJAX Widget, kita bisa mengkostumisasi tampilan warna agar sesuai dengan tampilan blog kita.

Cara Membuat Contact Form di Blog

1. Login ke akun blogger.com lalu buat post, entri ataupun halaman baru.
2. Beri judul Entri Baru itu,misalnya; "Contact Me", "Hubungi Saya", dll.
3. Saat menulis pilih HTML, bukan Compose. Supaya kodenya bisa bekerja
4. Masukan kode dari Kontactr, untuk bentuk form pakai yang AJAX Widget atau yang sudah kamu kostumisasi.
5. Untuk mencoba melihat hasilnya pilih Compase dan klik Pratinjau atau Preview.
6. Jika sudah Oke, lalu klik Publikasikan.

Selesai, dan kamu sudah memiliki Contact Form. Pasang link dari Entri atau Post Contact tersebut di menu blogmu, misalnya di menu header. Kamu juga bisa tidak perlu membuat form di atas, hanya memakai Button. Ada dua pilihan yaitu K-Box dan Normal Link. Untuk yang button ini lebih canggih gunakan saja yang K-Box, sedangkan kalau normal link adalah button untuk mengarahkan ke halaman Contact di Contact Form

Button Contact ini lebih cocok dipasang di sidebar blog, caranya adalah saat di dasbor blogger.com pilih Tata Letak, lalu Tambahkan Gadget dan pilih HTML/Java Script kemudian masukan kode button dari Kontactr. Siapa tahu dengan membuat atau memasang contact kamu bisa menemukan jodoh atau rejekimu dari blog :)

Read more »

CARA BUAT ALEXA WIDGET DALAM BLOG / WEB / WORDPRESS

Alexa widget adalah widget yang berfungsi untuk memantau perkembangan, mulai dari analisis lalu lintas, kata kunci dan peringkat blog anda.Semakin kecil numerik rank alexa anda maka situs anda semakin baik. 

Sebelum kita menuju ke langkah Bagaimana Memasang Widget Alexa Rank Dalam Blogger, bagi anda yang tidak mendaftarkan blog Anda di situs alexa.com, Anda harus terlebih dahulu mendaftarkan blog Anda. Jika Anda sudah mendaftarkan blog Anda ke situs web alexa.com maka Anda siap untuk dapat menambahkan widget alexa rank di blog Anda. 

Dan berikut adalah langkah-langkah untuk instalasi Widget Alexa Rank di Blogger: 

• Pertama masuk ke Alexa Traffik Widget Klik disini
• Kemudian dalam kotak kosong kita isikan nama domain website atau blog kita. Contoh: www.googletrick.blogspot.com/

Untuk Jenis widgetnya bisa dilihat di sebelah kanan

• Setelah anda isi kemudian klik build widget dan setelah itu akan ada kode kode widget tersebut lalu anda copy

Nah untuk memasangnya di blog sangat mudah sekali.

• Masuk Dashboard dan klik Tata Letak
• Kemudian Add a gadget dan pilih HTML/Javascript dan paste kan kode tadi

selesai deh, gimana gan mudah kan oh iya berhubung postingan ini tentang alexa, kita saling review alexa yuk silahkan klik banner diatas untuk mereview situs saya, jika sudah jangan lupa di comment yah nanti saya akan balik review blog anda :D

lha itukan cara masang ALEXA WIDGET DALAM BLOGSPOT / BLOGGER, nah kalau cara buat

Widget Alexa di Blog WordPress.com, gimana  ?   tenang nih langkahnya ada di bawah

Cara Memasang Widget Alexa di Blog WordPress.com

Cara memasang widget alexa di blog WordPress.com ? Bisa gak ya?? Bisa! Tu… buktinya dipojok blog saya ada widget alexa. Tapi waktu kita ambil kodenya di alexa.com kok JavaScript? Bukannya di WordPress.com anti yang namanya JavaScript? Tapi katanya juga ada kode HTML-nya? Langsung saja deh… daripada saya dikira gila ngomong sendiri.

Tapi sebelumnya sedikit tentang alexa. Alexa adalah nama situs sekaligus perusahaan penyedia jasa informasi tentang trafik internet yang sekarang sedang populer dan para pemilik blog banyak berlomba-lomba untuk memasang widgetnya. Semakin tinggi rank Alexa suatu blog, semakin tinggi pula standar yang ditetapkan bila kita mengikuti program review.

Langkah-langkah memasang widget Alexa di WordPress.com :

• Pergi ke situsnya alexa atau langsung ke http://www.alexa.com/siteowners/widgets untuk mengambil kodenya.
• Isikan Url blog WordPress.Com anda pada kotak Alexa Site Stats Button atau Alexa Traffic Rank Button sesuai keinginan anda.
• Kemudian masukkan alamat blog anda di kotak widget yang anda pilih.
  a. Untuk widget Alexa Site Stats Button
  (co: www.bloganda.wordpress.com).
  b. Untuk widget Alexa Traffic Rank Button
  (co: bloganda.wordpress.com)
• Dan klik tombol ‘Build Widget’.
• Copy dulu di notepad kode JavaScript hanya yang alamat blog anda seperti yang dicetak merah.
  contoh kode :
  <SCRIPT type=’text/javascript’ language=’JavaScript’ src=’http://xslt.alexa.com/site_stats/js/t/b?url=katabijak.blogspot.com/’></SCRIPT>
• Jangan anda tutup dulu halaman alexa tersebut.

Kemudian untuk mengubah kode JavaScript diatas agar bisa memasang widget alexa di blog WordPress.com yang kita perlukan tinggal alamat gambar dari widget alexa yang telah anda pilih tadi. Berikut caranya :

• Kembali ke halaman alexa sewaktu kita mengambil kode tadi.
• Letakkan kursor mouse pada gambar widget alexa yang anda pilih tadi, kemudian klik kanan pada mouse anda dan klik ‘Properties’ atau ‘Copy image location’ (tergantung dari web browser anda).
• Kemudian paste-kan alamat gambar alexa tadi di notepad dulu.
  Contoh alamat gambar dari kode widget diatas:

http://xsltcache.alexa.com/site_stats/gif/s/a/ZHVuaWFiZWxhamFyYmxvZy5jb20=/s.gif

• Kemudian kita gabungkan kedua alamat tersebut menjadi sebuah link gambar agar widget alexa bisa dipasang di blog WordPress.com.

<a href=”http://www.alexa.com/data/details/main?url=http://distributormelilea.wordpress.com”>

<img src=”http://xsltcache.alexa.com/site_stats/gif/s/a/ZHVuaWFiZWxhamFyYmxvZy5jb20=/s.gif“/></a>

• Jadi deh kode widget alexa yang bisa kita pasang di blog WordPress.com dan gak kalah dengan yang JavaScript-nya.
• Kemudian copy-kan code yang telah dirubah tersebut ke widget ‘Text’ di blog anda.

Nah Sudah jadi deh widget alexa untuk blogspot atau blogger dan wordpressnya,, kalau ada pertanyaan di coment aja yaa

Read more »

MEMBUAT WIDGET SEARCH / PENCARIAN KATA DI BLOG / WEB /BLOGGER

 Saya yakin temen-temen semua pasti sudah tidak asing lagi dengan yang namanya search box. Karena kita rata-rata mencari alamat website atau informasi dengan tool ini.

Secara singkat, search box adalah sebuah tool yang digunakan untuk mencari data-data atau alamat website dengan memasukkan kata kunci yang ingin kita cari. Namun search box atau kotak pencari yang biasa kita gunakan hanya memungkinkan kita untuk mencari data di mesin pencari seperti Google, Yahoo, dan MSN. Lalu bagaimana kalau kita ingin mencari data hanya pada blog kita saja?

Mungkin sekarang sudah banyak template yang sudah disediakan kotak pencari atau search box. Tapi bagi template yang tidak dilengkapi dengan fasilitas ini. Anda juga bisa memasangnya sendiri dengan cara sebagai berikut:

1. Login ke Blogger. Klik menu Design -&gt; Page Elements. Lalu klik pada Add a Gadget.

2. Klik Add a Gadget -&gt; HTML/Java script


3. Masukkan kode dibawah ini kedalam kotak dan klik Save

ALAMAT URL BLOG

/search" style="display:inline;" method="get"&gt;
NAMA KOTAK


Ganti ALAMAT URL BLOG dengan alamat URL blog Anda. Misalnya, http://creatingwebsite-maskolis.blogspot.com dan ganti NAMA KOTAK dengan nama yang ingin Anda tampilkan pada kotak. Misalnya, Cari &gt;artikel disini, Cari disini, dan lain-lain.

4. Jika sudah selesai, klik Save lalu klik View Blog untuk melihat tampilannya di blog.


Jika Anda merasa kotaknya terlalu panjang atau pendek. Anda bisa mengubah ukurannya dengan mengganti nilai pada size. Anda juga bisa mengganti nama tombol Search dengan nama lain misalnya, Cari atau lanjut. Sebagai contoh, saya mengganti "size=30" dan "value=cari" maka hasilnya akan seperti yang dibawah ini.

Semoga bermanfaat

sumber : www.maskolis.com

Read more »