Membuat Widget Alexa di Blog

Tutorial cara membuat widget alexa di blog - Widget alexa adalah salah satu widget yang banyak digunakan atau disisipkan oleh blogger diblognya. Fungsi dari alexa widget ini adalah untuk memberikan hasil peringkat blog kita di alexa.com. Perlu diketahui, bahwa alexa.com adalah salah satu situs yang berfungsi untuk membuat ranking sebuah blog/situs seluruh dunia.

Banyaknya situs atau blog didunia secara otomatis dapat diindex oleh alexa.com dan selanjutnya memberikan peringkat ke blog/situs tersebut berdasarkan traffic blog. Di alexa juga kita bisa melihat keyword apa yang dipakai oleh orang dari search engine menuju blog kita. Isunya, Banyak blogger-blogger top Indonesia mengatakan bahwa dengan memasang widget alexa rank ini kemungkinan ranking blog kita akan semakin meningkat.

Oke deh, untuk lebih lanjut nanti aja diulas lagi. Sekarang kita langsung menuju cara membuat widget alexa diblog pribadi kita.

1. Cara pertama adalah ketik di addreas bar www.alexa.com/siteowners. Ini sebagai jalan pintas menuju tempat pembuatan widget alexa. Kalau tidak, seperti ini: www.alexa.com -> kemudian klik site owners disebelah atas situs alexa.

2. Nah, tampilannya akan seperti ini:

Klik "GET TRAFFIC WIDGETS" dari seperti yang terlihat diatas.

3. Kemudian akan tampil gambar seperti ini:


Kemudian ketik link blog anda di kotak yang berada dibawah "Alexa Traffic Rank Button". Di form yang ada kotak.

4. Kemudian, klik "Build Widget"

5. Selanjutnya, anda tinggal copy html widget alexa dan kemudian paste-kan di elemen blog anda.


6. Selesai

"Cara Membuat Blog yang Baik dan Benar".

1)      Buka http://www.blogspot.com/ maka akan keluar tampilan seperti dibawah ini: 

Klick to see more large

2)      Klik   atau  , maka akan muncul tampilan seperti yang dibawah ini beserta penjelasannya. 

Klick to see more large

A =isikan email Anda

B = masukkan e-mail sekali lagi sama persis seperti poin A diatas.

C = masukkan password terserah Anda. Minimal 8 karakter

D = masukkan password lagi sama persis seperti poin C diatas

E = masukkan nama Anda. nama ini akan ditampilkan di blog.

F = pilih jenis kelamin

G = masukkan tanggal lahir Anda dengan format DD/MM/YYYY (tanggal/bulan/tahun).

H = masukkan kode sesuai yang tertera di gambar. Kode ini tidak sama, berganti setiap waktu.

I = silahkan centang checkbox yang tersedia untuk menyetujui Persyaratan dan Pelayanan. Bisa juga dibaca terlebih dahulu di link tersebut. -=Cara Membuat Blog=-

J = klik Lanjutkan bila sudah selesai mengisi form

3)      Maka akan muncul tampilan seperti di bawah ini

Klick to see more large

4)      Lalu klik Blog Baru maka akan muncul tampilan

Klick to see more Large

            A = Judul, isi Judul blog anda nantinya

            B = Alamat, URL atau Link yang akan dikunjungi orang ke blog anda

            C = Template, pilih Tema/Format tampilan BLOG anda nantinya

            D = Klik apabila Form sudah terisi

5) Blog anda siap digunakan.cara melihatnya hanya dengan menekan Lihat Blog.

Ini adalah contoh Blog yang saya buat barusan yang masih kosong 

Cara Membuat Efek Kupu-Kupu

Cara membuat Efek Kupu-kupu Terbang di Blog . Kupu - kupu adalah Hewan yang bisa terbang seperti Burung , Kelelawar dan sebagainya

Bagi sobat Blogger pemula yang ingin mencobanya

Silahkan simak penjelasan berikut :

Login ke Blogger

Klik Rancangan → Elemen Laman → Tambah Gadget → HTML/JavaScript

Kemudian Copy kode script berikut yang sobat sukai dan Paste ke dalamnya :

Contoh gambar Kupu-kupu1


Kode script :

<script language="JavaScript1.2" src="http://imtikhan.googlecode.com/files/Kupu-kupu1.js"></script>

Contoh gambar Kupu-kupu2


Kode script :

<script language="JavaScript1.2" src="http://imtikhan.googlecode.com/files/Kupu-kupu2.js"></script>

Contoh gambar Kupu-kupu3


Kode script :

<script language="JavaScript1.2" src="http://imtikhan.googlecode.com/files/Kupu-kupu3.js"></script>

Contoh gambar Kupu-kupu123



Kode script :

<script language="JavaScript1.2" src="http://imtikhan.googlecode.com/files/Kupu-kupu123.js"></script>

Membuat Efek Petir di Blog

Langkah Membuat Efek Petir di Blog
1. Log in ke Blogger
2. Klik Rancangan
3. Tambah Gadget
4. Pilih HTML/Javascript
5. Masukkan kode berikut ke dalam HTML/Javascript

<style
type="text/css">body { background-image:
url(http://i958.photobucket.com/albums/ae69/putrablidz/storm.gif);
background-color:transparent; }</style>

Cara Membuat CBOX

Cara membuat chatbox di blog, chatbox ini sangat berguna buat para blogger hal ini bisa memberikan kemudahan kepada para pengunjung blog untuk meninggalkan pesan, kemudahan menulis pesan pun dapat dilakukan oleh para pengunjung pada kotak chatbox ini. berikut tutorialnya.

Sign Up dulu di sini www.cbox.ws

Kemudian klik create my cbox
klik publish, kemudian isi url blog kamu

 Pada kolom step 1 pilih blogger

 Kemudian copy tuh kode ke HTML/javascript

Caranya memasangnya : login dulu ke akun blogger kamu - klik rancangan - tambah gadget HTML/javascript.

Terakhir simpan.
Silahkan kamu edit thema kotak cbox sesuai keinginan kamu

Memasang Sitemeter pada Blog

Memasang Sitemeter pada Blog

Sitemeter adalah suatu sarana untuk mengetahui sudah berapa kali blog kita dilihat atau dikunjungi oleh pengunjung.

Bagi anda yang menginginkan untuk memasang Sitemeter pada blog anda. Silahkan kunjungi situs Sitemeter.com

Setelah anda masuk, pada menu pilih dan klik Sign Up, lihat gambar di bawah

Kemudian klik tombol SIGN UP! yang teletak di sebelah kanan kotak yang bertuliskan Site Meter Basic FREE seperti gambar di bawah ini

Isi data-data yang sesuai :
Isi Your Site's URL: sesuai dengan nama URL blog anda misalnya http://al-ridwan.blogspot.com
Isi Your Site's Name: dengan nama blog anda misalnya Al Ridwan
Isi Codename: sesuai dengan keinginan anda yang penting mudah di hafal
Kemudian centang By checking this box I agree to be bound by
Selanjunya klik tombol Next

Selanjutnya isi data-data yang sesuai
Kemudian klik Next
Muncul halaman konfirmasi, bila telah sesuai klik Next, apabila belum klik Back kemudian betulkan, dan selanjutnya klik Next
Muncul halaman baru, pada Menu di atas klik Manager
Muncul halaman baru, pada Menu disamping kiri klik meter style untuk memilih bentuk dari sitemeter
Pilih salah satu model (bentuk) dengan mengklik radio buttonnya.
Kemudian klik tombol tombol Select yang terletak di bawah pilihan model sitemeter. Kemudian muncul tulisan berwarna merah Your selection has been saved di bawah tombol tadi
Selanjutnya klik HTML code pada menu yang terletak di sebelah kiri dan muncul halaman baru.
Kopi kode yang ada pada notepad

Langkah selanjutnya adalah :
1. Login ke blogger dengan ID anda
2. Klik tab Tata Letak
3. Klik tab Elemen Halaman
4. Klik tulisan Tambahkan sebuah elemen halaman abru dengan mengklik      Tambah Gadged
5. Pilih HTML/JavaScript
6. Kopi kode HTML yang telah ada di notepad anda lalu paste pada kolom     yang di sediakan
7. Klik tombol SIMPAN
8. Pindahkan elemen yang baru anda buat pada tempat yang anda           inginkan, lalu klik tombol SIMPAN pada pojok kanan atas dan selesai.
Lihat hasilnya

Selamat mencoba !!!!!

Cara membuat lencana profil Facebook di Blogger

Mau tahu cara menambah lencana profil di facebook, gini caranya :

1. buka Facebook dengan akunmu


2. buka http://www.facebook.com/facebook-widgets/profilebadges.php

3. Salin kode pada text box yg terdapat di sebelah kanan Pratinjau

4. Lalu buka blogger dgn akunmu

5. Klik Menu Tata Letak > Elemen Halaman

6. Klik Buat Gadget Baru

7. Pilih HTML/Java Sript

8. lalu paste salinan kode yg sudah kita Copy sebelumnya

9. Klik Simpan

10. Buka blog mu dan lihat hasilnya


selamat mencoba yeah hahahaah

cara membuat google translate

Cara Membuat Google Translate Pada Blog | Tutorial Membuat Google Translate Dengan Logo Bendera - Kemarin saya sempat tanya pada salah satu teman blog tentang bagaimana cara menaikkan traffic dari sebuah blog. Dia mengatakan kalau Google translated cukup efektif meningkatkan traffic blog gan.

 

Tutorial Membuat Google Translate Dengan Logo Bendera

Dengan pertimbangan walaupun blog kita berbahasa indonesia sering kita dapati pengunjung Blog atau Visitor Blog dari negara lain selain indonesia. Terkadang orang asing yang tidak bisa berbahasa indonesia dia akan binggung dengan bahasa yang kita tulis di blog maupun website kita. Langsung saja ya gan, untuk caranya bisa dilihat dibawah ini.

Berikut langkah-langkah Mudah untuk memasang Google Translate di blog Anda:

Pilih Design atau Rancangan > edit laman

Tambahkan Gadget lalu pilih HTML / JavaScript

Masukkan kode dibawah ini :

   <div class='widget-content'>


    <div id='crosscol-wrapper' style='text-align:center'>


    <br/><style>


          .google_translate img {


          filter:alpha(opacity=100);


          -moz-opacity: 1.0;


          opacity: 1.0;


          border:0;


          }


          .google_translate:hover img {


          filter:alpha(opacity=30);


          -moz-opacity: 0.30;


          opacity: 0.30;


          border:0;


          }


          .google_translatextra:hover img {


          filter:alpha(opacity=0.30);


          -moz-opacity: 0.30;


          opacity: 0.30;


          border:0;


          }


          </style>


          <div>






          <a class="google_translate" href="#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="32" src="http://www.veryicon.com/icon/32/Flag/Not%20a%20Patriot/UK%20Flag.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="32"/></a>






          <a class="google_translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="32" src="http://www.veryicon.com/icon/32/Flag/Not%20a%20Patriot/France%20Flag.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="32"/></a>






          <a class="google_translate" href="#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="32" src="http://www.veryicon.com/icon/32/Flag/Not%20a%20Patriot/Deutschland%20Germany%20Flag.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="32"/></a>






          <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="32" src="http://www.veryicon.com/icon/32/Flag/Not%20a%20Patriot/Spain%20Espanya%20Flag.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="32"/></a>






          <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="32" src="http://www.veryicon.com/icon/32/Flag/Not%20a%20Patriot/Italy%20Flag.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="32"/></a>






          <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="32" src="http://www.veryicon.com/icon/32/Flag/Not%20a%20Patriot/Nederlands%20Netherlands%20Flag.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="32"/></a>






          <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="32" src="http://www.veryicon.com/icon/32/Flag/Not%20a%20Patriot/Russia%20Flag.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="32"/></a>






          <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cpt&hl=en'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="32" src="https://lh3.googleusercontent.com/-1-vTFifnr1I/Tjk3zNil2iI/AAAAAAAAAr4/3OLyA4EOics/Portuguese%252520Flag.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="32"/></a>






          <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="32" src="http://www.veryicon.com/icon/32/Flag/Not%20a%20Patriot/Japan%20Flag.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="32"/></a>






          <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="32" src="https://lh5.googleusercontent.com/-KJ7PRXE7apg/TjkxCjzh7pI/AAAAAAAAArc/ZUoFuAx79eI/Korea%252520Flag.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="32"/></a>






          <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="32" src="http://www.veryicon.com/icon/32/Flag/Not%20a%20Patriot/Arabia%20Flag.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="32"/></a>






          <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Chinese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7czh-cn&hl=en'); return false;"><img alt="Chinese" border="0" align="absbottom" title="Chinese" height="32" src="http://www.veryicon.com/icon/32/Flag/Not%20a%20Patriot/China%20Flag.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="32"/></a>


          </div> <div 0px 0pxâ?? style="â??font-size:10px;margin:8px" 3px></div></div>


    </div>

Setelah Copy, silahkan agan klik Save. Dan lihat blog agan dan lihat Google Translated yang barusan agan buat tersusun rapi dengan logo bendera.






Selamat mencoba..!