Membuat Kotak Komentar Facebook Diblog

Artikel ini menulis tentang membuat kotak komentar facebook dengan mengatur lebar dari kotak komentar facebook agar sesuai dengan lebar postingan dan templatenya, berikut adalah solusinya:

1. Login dulu ke facebook

2. Masuk ke Facebook Developer Page

3. Masukan data anda

• Masukan Nama Aplikasi
• URL situs /blog anda

4. Nah copy no ID blog/aplikasi anda

Read More

Berapa Yang Online (User Online)

User online sebuah tools untuk melihat berapa pengunjung yang sedang online di blog atau situs kita pada saat waktu yang sama. Dengan tools user online kita bisa melihat berapakah yang sedang mengunjungi blog kita.

Read More

Cara Mudah Membuat Menu Dropdown di Blogspot

kali ini saya akan bahas mengenai cara praktis, mudah dan cepat untuk membuat menu dropdown di blog blogspot. fungsinya apa ? jelas saja fungsinya untuk menghemat tempat di blog kita. jangan kawati , caranya sangat gampang , bagi anda yang pemula atau newbie pasti bisa melakukan ini ,heheehe. 
berikut cara  membuat menu dropdown di blog blogspot :

Pertama, log in ke akun blogger sobat .

Kedua, pilih design .

Ketiga, pilih add gadget.

Keempat,pilih html javascript .

Kelima, copas kode dibawah ini ke kotak tersebut , seterah mau pake judul atau tidak.


<form><select name="menu"
onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1
name=menu>
<option>Link</option>
<option value="http://www.yahoo.com">Yahoo</option>
<option value="http://www.google.com">Google</option>
</select></form>

yang tanda merah bisa sobat ganti dengan yang sobat inginkan , dan tempat letaknya bisa sobat letak juga di bagian edit html , seterah sobat mau berkreasi seperti apa, kalau yang ini cara mudahnya :) . hasilnya nanti seperti ini :

 Link Yahoo Google 

nah itulah Tutorial membuat menu dropdown submenu di blog

Read More

Membuat Efek Zoom Pada Gambar di Blog

Di dalam blog terutama pada postingan Anda, akan sangat menarik dan identik jika terdapat sebuah gambar atau image, hal ini penting untuk membuat suatu postingan menjadi lebih menarik. Berikut ini Saya ingin memberikan sedikit trik untuk membuat gambar / image pada blog Anda menjadi lebih menarik dengan menambahkan efek zoom in dan zoom out menggunakan kode CSS, berikut langkah-langkah nya.

• Silahkan Anda login ke blogger Anda masing-masing
• Masuk kebagian Rancangan, dan klik bagian Edit HTML, kemudian beri tanda centang pada bagian Expand Template Widget
• Cari kode ]]></b:skin>, gunakan shortcut keyboard Ctrl + F
• Setelah ketemu copy paste kode CSS berikut tepat diatas kode tadi

.post img:hover { 
-o-transition: all 0.3s; 
-moz-transition: all 0.3s; 
-webkit-transition: all 0.3s;
-moz-transform: scale(1.3);
-o-transform: scale(1.3);
-webkit-transform: scale(1.3); }

• Simpan Template Anda, dan lihat perubahan nya

Read More