Sekilas Tentang www.Alexa.com Alexa yang sekarang kita ingin bahas ini,bukan sebuah group band,melainkan situs jasa web tracker.Adalah widget alexa/alexa widget,merupakan fenomena tool untuk memonitor suatu blog/web,mulai dari analisa traffik,keyword maupun rank suatu blog. Peran Alexa Rank Pada BlogSeperti 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 cara menaikkan ranking alexa/alexa rank,sangat dicari-cari.Memasang Alexa Site Info Widget Pada BlogMemang bukan masalah sulit,namun karena banyaknya dari sahabat pelajarn blog yang merisaukan untuk panduan bagaimana memperoleh kode dan cara memasang site info widget dari alexa 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:
Semoga artikel ini bisa ditemukan oleh blogger yang kesulitan bagaimana cara meletakkan widget site info dari alexa ini. :D Baca Juga Yang Ini.. |
Selasa, 01 September 2009
Cara Memasang Alexa Widget/Site Info
Senin, 24 Agustus 2009
Cara Membuat Show-Hide Komentar/Expand-Collapse Comment
Buka Tutp Komentar Blogger / jQuery Slide Blogger Comment
Hi gan,ketemu lagi ya,hehehe (kangen ma kite kite ya :D)
Kali ini Pelajaran Blog akan sharing bagaimana membuat show/hide comment box di blogger dot com,pingin tahu lebih lanjut? ikuti ya :D
Bentuk fisik dari 'sliding komentar blogger yang bisa sobat buka juga sobat tutup untuk menghemat tempat' yang sudah berhasil saya terapkan,sobat bisa lihat di komentar salah satu blog milik saya di SINI
Untuk screenshotnya lihat gambar ini gan:
Lihat Gambar lebih Besar di SINI
Nah,gimana gan? tertarik ingin menciptakan 'show hide blogger comment' ini?
Langkah dan Cara Membuat Show Hide Komentar / Expand Collapse Blogger Comment Box
Pertama,sobat pergilah ke Dashboard lalu pilih Tata Letak kemudian contreng tulisan Expand Widget Templates,dan cari kode berikut (Gunakan Ctrl+F):</head><script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
var panelSelector = '#comments',
openPanelText = "Tampilkan Komentar",
closePanelText = "Tutup Komentar",
slideDownPanelSpeed = 600,
slideUpPanelSpeed = 400;
//]]>
</script>
<script type='text/javascript'>
</script>
<script src='http://membuatgempar.net23.net/comment.js' type='text/javascript'/> Setelah itu,cari kode berikut:
]]></b:skin>a.openpanel {display:block;width:100%;height:40px;padding:0px 0px;text-align:center;font-weight:bold;line-height:30px;background:#ffffff; url()repeat-x;-webkit-transition: all .15s ease-in-out;-webkit-transform-origin: 50% 1px;position:relative;
}a.openpanel em {width:0px;height:0px;display:block;position:absolute;top:15px; right:15px;border:6px solid transparent;border-top-color:white;
}a.openpanel.active {background-color:#ffffff;}a.openpanel.active em {top:6px;border color:#222222;
}div.paneline {height:0px;-webkit-transition: all .15s ease-in-out;-webkit-transform-origin: 50% 1px;}div.hompiPanel {padding:10px 20px 20px;margin:0px 0px !important;}Catatan:
Trik ini akan bekerja tentu jika sobat mengaktifkan komentar di blogger,baik dalam komentar posting maupun settingan secara universalnya.Selamat mencoba ya :D
Jumat, 14 Agustus 2009
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. 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><a href="http://pelajaran-blog.blogspot.com/" target="_blank" title="Pelajaran Blog Cara Membuat Form Link Exchange/Tukar Link."><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."></a></textarea>Keterangan:
Nah! gimana? sudah sangat jelas sekali ya. Semoga bermanfaat ya :D Baca Juga Yang Ini |
Rabu, 05 Agustus 2009
Membuat Label Berupa Dropdown/Drop Down Label
Setelah beberapa hari absen,akhirnya minggu ini saya dapat memposting artikel di blog aku yang makin parah ini.Agar blog ini masih dianggap sahabat sama paman Google dan Blogger,yach..mau ga mau ya harus mau,.. Daripada ngemeng terus,langsung ke topiknya yuk! yup! Cara membuat dropdown label,anda pasti tahu seperti apa bentuk label pada umumnya kurang lebih akan seperti gambar dibawah ini:  Jika anda belum sempat membuatnya,anda bisa baca artikel saya cara membuat label blog yang bisa anda baca disini,sedangkan jika cara untuk menghilangkan angka pada label,anda bisa baca disini.
Nah,langsung ke topik!Jika sebelumnya anda masih bingung seperti apa si Dropdown Label tersebut? Perhatikan gambar label dropdown dibawah ini,dari blog saya yang lain.  Gimana?udah maksud khan label yang berupa/berbentuk dropdown? Ok!untuk membuatnya ikuti langkah-langkah berikut : Pertama,pergi ke Dashboard,lalu pilih Tata Letak,kemudian kllik tab Edit HTML. Jangan lupa contreng tulisan Expand Widget Templates,selanjutnya cari kode berikut: <ul>Gunakan Ctrl+F untuk mempermudah pencarian,kode yang bercetak tebal diatas,hanya sebagai "patokan" aja agar mudah dalam pencarian. Setelah ketemu,hapus kode tersebut,dan gantilah dengan kode di bawah ini: <select onchange='location=this.options[this.selectedIndex].value;'>Pilih Kategori</option>Tulisan " sumber:http://www.o-om.com/ Baca Juga Yang Ini.. |
Langganan:
Postingan (Atom)