expr:class='"loading" + data:blog.mobileClass'>

dotblogspot Cara Memasang Alexa Widget/Site Info

Sekilas Tentang www.Alexa.com



Site Info Alexa Widget.Alexa yang sekarang kita ingin bahas ini,bukan sebuah group band,melainkan situs jasa web tracker.
Adalah ,merupakan fenomena tool untuk memonitor suatu blog/web,mulai dari analisa traffik,keyword maupun rank suatu blog.

Peran Alexa Rank Pada Blog



Seperti yang sudah kita tahu,semakin kecil angka rank pada alexa widget,maka blog kita akan semakin baik dimata search engine/mesin pencari,dan ini sangat berpengaruh terhadap ketahanan dari setiap artikel/postingan yang kita buat.
Maka dari itu kiat atau ,sangat dicari-cari.

Memasang Alexa Site Info Widget Pada Blog



Memang bukan masalah sulit,namun karena banyaknya dari sahabat pelajarn blog yang merisaukan untuk panduan bagaimana memperoleh kode dan ini,mumpung lagi ada lemburan,kita bahas bareng-bareng yuk!!! yuuuuk! jah! koq malah kaya b*cong gw ya? tapi..uwis! udah!udah! kapan ni nulisnya,hehehe..

Langkah-langkah memasang alexa widget:

  1. www.alexa.com


    Memasang Alexa Widget.
  2. Klik tab tulisan ‘for site owner’ seperti ilustrasi gambar diatas.
  3. Pilih Kategori ke-2 bisa lihat gambar di bawah ini:

    Ranking Alexa Widget Site Info.
  4. Selanjutnya pilih widget sesuai keinginan,ada 3 pilihan besar,kecil dan sedang.
  5. Setelah anda menentukan pilihan,isikan alamat blog anda,jangan lupa cantumkan http:// sebelum menuliskan url alamat blog anda,lihat gambar dibawah ini:

    Cara Memperoleh Widget Alexa Site Info.
  6. Setelah itu,klik tombol ‘build widgets’,dan anda akan mendapatkan kode html nya.

    Kode HTML Widget Alexa Site Info.
  7. Letakkan kode tersebut pada blog anda,bisa di sidebar,footer ato mana sajalah yang penting bukan di rumah orang,hee..
  8. Selesai.
Semoga artikel ini bisa ditemukan oleh blogger yang kesulitan bagaimana cara meletakkan widget site info dari alexa ini. :D
»»  READMORE...
0 komentar
Browser

dotblogspot Cara Membuat Show-Hide Komentar/Expand-Collapse Comment

Membuat Show-Hide Komentar/Expand-Collapse Comment.Tutorial pada pelajaran blog kali ini,adalah salah satu belajar tentang menghias kotak komentar.
Tapi disini bukan akan membahas bagaimana cara memodifikasi komentar tersebut,melainkan mempelajari script kode menampilkan dan menyembunyikan komentar yang telah ada,hanya dengan satu klik.

Gimana? dah maksud yang saya maksudkan (ngomong oopo aku iki :D)?
Yup! anda betul sekali,kali ini kita akan mempelajari lebih dalam bagaimana cara membuat komentar show and hide/expand collaps comment pada blog.

Biar langsung kelar,kita langsung ke topiknya yuk,yuuuk...!
Pertama,pergilah ke Dashboard,lalu Tata Letak,kemudian pilih tab Edit HTML.
Lalu contreng check box tulisan Expand Widget Templates,lalu cari kode berikut:
]]></b:skin>
Setelah ketemu,tepat diatasnya,letakkan kode berikut:
.commenthidden {display:none}
.commentshown {display:inline}
Setelah itu,masih di HTML area (aaaalah!),tarik scroll kebawah cari kode:
</head>
Setelah ketemu letakkan kode script di bawah ini tepat diatas kode </head> tersebut.
<script type='text/Javascript'>
function togglecomments (postid){
var whichpost = document.getElementById(postid);
if (whichpost.className==&quot;commentshown&quot;){
whichpost.className=&quot;commenthidden&quot;;
}
else{
whichpost.className=&quot;commentshown&quot;;
}
}
</script>
Setelah itu cari kode berikut:
<dl id='comments-block'>
Untuk mempermudah pencarian kode gunakan Ctrl+F pada keyboard anda.
Jika sudah ketemu,lalu hapus kode tersebut,dan gantilah dengan kode dibawah ini:
<a aiotitle='click to expand'
href='javascript:togglecomments
(&quot;comments-block&quot;)'
rel='nofollow'><strong>Show or Hide Comments/Tampilkan atau Sembunyikan Komentar</strong></a>
<dl class='commenthidden'
id='comments-block'>
Lalu Simpan Template,Selesai!!

Ket:
Untuk tulisan "Show or Hide Comments/Tampilkan atau Sembunyikan Komentar" gantilah sesuai keinginan anda.
Semoga Bermanfaat :D
»»  READMORE...
0 komentar
Browser

dotblogspot Cara Praktis Membuat Box Link Exchange/Tukar Link

Beberapa hari lalu salah satu sahabat Pelajaran Blog merisaukan tentang bagaimana cara membuat box/form ataupun text area untuk tukar link/link exchange.,jadi,tidak ada salahnya jika saya menuliskan artikel tentang bagaimana cara membuat text area link exchange/tukar link ini,meskipun sebelumnya saya pernah memposting artikelserupa tapi sudah saya hapus.
Tidak lepas dari belajar menghias blog,budaya tukar link sangat dibutuhkan dalam dunia blogging/perseoan.
Karena seperti yang anda tahu,semakin banyak inbound link,maka akan semakin baik blog kita di mata search engine/mesin pencari.Ok! biar langsung kelar,kita langsung ke topiknya ya :D
Cara ini sangat sederhana sekali,anda tinggal menempatkan kode yang nanti saya berikan,kedalam Add New Widget/Elemen baru pada Blog anda.Pertama,copy kode berikut ini:
<textarea rows="3" cols="17" style="width: 252px; height: 83px; color: Black; background-color: white;" readonly>&lt;a href="http://dot-blogspot76.blogspot.com/" target="_blank" title="Pelajaran Blog Cara Membuat Form Link Exchange/Tukar Link."&gt;&lt;img src="http://4.bp.blogspot.com/_n7xseT2-HDU/SexX_80mVsI/AAAAAAAAASk/SHTp-cL2Tq4/s200/Pelajaran+Blog.gif" border="0" alt="Pelajaran Blog Cara Membuat Form Link Exchange/Tukar Link."&gt;&lt;/a&gt;</textarea>
Keterangan:
  • ’http://dot-blogspot76.blogspot.com
    /    ’     ganti sesuai dengan alamat blog anda.
  • ’http://4.bp.blogspot.com/_n7xseT2-HDU/SexX_80mVsI/AAAAAAAAASk/SHTp-cL2Tq4/s200/Pelajaran+Blog.gif’ gantilah dengan URL Image yang ingin ditampilkan.
  • ’Pelajaran Blog Cara Membuat Form Link Exchange/Tukar Link.’ gantilah dengan Diskripsi Blog anda.
Dari kode diatas,kira-kira hasilnya akan seperti di bawah ini:
Nah! gimana? sudah sangat jelas sekali ya.
Semoga bermanfaat ya :D
»»  READMORE...
0 komentar
Browser
Langganan: Postingan (Atom)
Related Posts Plugin for WordPress, Blogger...