Kamis, 20 Oktober 2011

Cara Membuat Follow Me

Cara Membuat Widget Follow Me Twitter – Follow Me On Twitter Widget itu dia istilah kerennya untuk widget ini. Ada berbagai macam jenis widget Follow Me yang sering kita lihat tentunya, mulai dari widget Follow Me animasi sampai yang statis (diam). Dan penempatan widget ini pun bisa dimana saja, bisa di sidebar dan ada juga widget Follow Me yang melayang (floating) bebas ditempatkan di area mana saja. Kali ini saya mau share cara pasang widget follow me twitter melayang aja deh seperti yang ada di blog ini. Sekalian saya kasih 2 tipe sekaligus, yang dengan animasi sama yang statis (diam) alias non animasi biar ngga ada yang minta-minta lagi ya he he.
Widget Follow Me Twitter Melayang dengan Animasi :
1.       Login ke dashboard blogger anda.
2.       Pilih Rancangan > Elemen Laman > Add gadget (HTML/JavaScript).
3.       Copy script dibawah ini dan paste pada gadget.
<a style="display:scroll;position:fixed;bottom:1px;left:1px;" href="http://twitter.com/rayhanzhampiet" target="_blank"><object type="application/x-shockwave-flash" data="http://www.buzzbuttons.com/BUTTON8/twitbutton.swf" width="159" height="159"><param name="movie" value="http://www.buzzbuttons.com/BUTTON8/twitbutton.swf" /><param name="allowscriptaccess" value="always" /><param name="menu" value="false" /><param name="wmode" value="transparent" /><param name="flashvars" value="username=http://twitter.com/rayhanzhampiet" /></object></a>

4.      Ganti username Twitter http://twitter.com/rayhanzhampiet dengan akun twitter anda.
5.       Save / Simpan.
Widget Follow Me Twitter Non Animasi (statis) :
1.       Login ke dashboard blogger anda.
2.       Pilih Rancangan > Elemen Laman > Add gadget (HTML/JavaScript).
3.       Copy script dibawah ini dan paste pada gadget.
<a style="display:scroll;position:fixed;bottom:1px;left:1px;" href="http://twitter.com/rayhanzhampiet" target="_blank"><img src="http://www.twitterbuttons.org/images/twitter-9a.png" width="150" height="124" border="0" /></a>

4.      Ganti username Twitter http://twitter.com/rayhanzhampiet dengan akun twitter anda.
5.       Save / Simpan.
Nah untuk widget follow me twitter yang kedua, sobat dapat menggonta-ganti gambar buttonnya dengan koleksi gambar button follow me yang ada disini http://www.twitterbuttons.org/index.html. Caranya tinggal ganti URL button yang saya tandai dengan warna biru dengan URL button twitter pilihan. Ada puluhan button twitter follow me yang bisa sobat pilih. Contoh gambar-gambarnya yang ada dibawah ini nih :





Oke sobat, sekian dulu sharing kali ini tentang cara memasang widget follow me twitter melayang. Semoga bisa memenuhi keinginan sobat blogger yang pernah menanyakan cara membuat widget follow me ini pada saya beberapa waktu yang lalu. Don’t forget to follow me OK !

Membuat Judul blog anda bergerak

Untuk memperindah penampilan halaman blog anda, tidak ada salahnya jika anda juga mengikuti trik berikut ini, yaitu cara membuat judul blog bisa bergerak. Untuk itu silahkan ikuti langkah-langkah berikut ini :

1. Login ke blog anda
2. Klik tab Tata Letak
3. Klik tab Edit HTML
4. Beri tanda centang pada kotak kecil Expand Template Widget
5. Silahkan cari di dalam template anda kode


<title><data:blog.pageTitle/></title>


6. Ganti kode tersebut dengan script berikut ini

<script language='JavaScript'>
var txt="<data:blog.pageTitle/>";
var kecepatan=300;var segarkan=null;function bergerak() { document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
segarkan=setTimeout("bergerak()",kecepatan);}bergerak();
</script>

7. Angka 300 di dalam script tersebut merupakan kecepatan bergeraknya, silahkan ganti sesuai dengan selera anda. Jika anda ganti menjadi 100 atau 200 maka kecepatannya akan bertambah, sebaliknya kecepatan akan berkurang bila diganti menjadi 400
8. Klik Pratinjau untuk melihat apakah sudah ada perubahan sesuai dengan yang kita inginkan
9. Jika sudah oke, klik Simpan Template
10. Selesai

cara ngilangin navbar di blog anda

Bagaimana cara menghilangkan tuh NavBar? yoi.....
And the answer is follow this step deh :

1. Kamu harus Login dulu di Blogger.com / Blogspot.com
2. Trus Pilih Layout --> Edit HTML, eits jangan lupa centang kotak "Expand Widget Template" ya
3. Copy script berikut ke dalam tag head

#navbar-iframe {
display: none !important;
}

contohnya sebagai berikut :
-----------------------------------------------
Blogger Template Style
Name: Son of Moto (Mean Green Blogging Machine variation)
Designer: Jeffrey Zeldman
URL: www.zeldman.com
Date: 23 Feb 2004
Updated by: Blogger Team
----------------------------------------------- */

#navbar-iframe {
display: none !important;
}

/* Variable definitions
====================

4. Kemudian simpan deh...jangan dikantongin ya...hihihihihihi...and then liat deh hasilnya....

Bagaimana? berhasilkah? kalo gak berhasil coba baca tutorialnya skali lagi ya, mana tau ada yang tertinggal ato malah kelebihan..
okeh....selamat mencoba, dan moga-moga bermanfaat yah....

Cara membuat Kata selamat datang di blog anda

Tips dan trick blogspotKesengsem juga neh sama sambutan blog salah satu sahabat saya, kayanya sopan banggets waktu saya mau baca-baca sambil mencari insipirasi buat blog saya. Akhirnya, tanpa rasa ragu dan malu bertanya juga neh sama kawan, cara buatnya bagaimana sobat?

Akhirnya bisa juga menyambut para tamu blog ini dengan kata-kata yang mungkin bisa membuat pengunjung blog ini lebih merasa nyaman untuk lebih berlama-lama di blog yang jauh dari bagus ini.

Banyak cakap alias bualannya neh, langsung saja deh ke cara pembuatan ucapan selamat datang saat blog kita dikunjungi atau dibuka :

1. Pertama-tama Log In terlebih dahulu ke account Blogger anda.
2. Setelah itu klik Tata Letak > Elemen Halaman > Edit HTML.
3. Kemudian copy kode di bawah ini tepat di atas kode :

<SCRIPT language='JavaScript'>alert(&quot;Selamat Datang Di Blog Bhians Semoga Materi Yang Ada Pada Blog Ini Bisa Berguna Bagi Anda.&quot;);</SCRIPT>

4. Ganti tulisan yang berwarna Merah dengan kata-kata yang anda inginkan.
5. Lalu simpan dan lihat hasilnya.

Semoga Berhasil....

cara mengganti Icon BLog Anda

Cara Mengganti Gambar Kursor di Blog  -  Gara-gara kepingin sekali mengganti gambar kursor di blog ini, akhirnya setelah googling kesana kemari nemu juga sebuah situs yang menyediakan banyak gambar-gambar kursor pilihan. Gambar kursor yang disediakan situs penyedia gambar ini http://www.totallyfreecursors.com/ banyak sekali, jadi kita tinggal memilih sesuai selera aja. Untuk cara memasang gambar kursor ini di blog, kita harus menambahkan sedikit saja kode CSS supaya bisa dipasang pada template. Dibawah ini ada beberapa sample gambar untuk kursor yang saya ambil berikut URL alamat kursor tersebut.
              URL : http://downloads.totallyfreecursors.com/thumbnails/monkey-ani.gif
                URL : http://downloads.totallyfreecursors.com/thumbnails/aliendance.gif
                URL : http://downloads.totallyfreecursors.com/thumbnails/tail2.gif
                URL : http://downloads.totallyfreecursors.com/thumbnails/banana1.gif
                URL : http://downloads.totallyfreecursors.com/thumbnails/bullseye-ani.gif
               
Cara mengganti gambar kursor di blog :
1.    Login ke dashboard blogger anda.
2.    Pilih Rancangan > Edit HTML, centang Expand widget template.
3.    Carilah kode </head> pada template anda dengan menggunakan Ctrl F.
4.    Copy kode CSS dibawah ini dan letakkan tepat diatas kode </head> .

<style type='text/css'> HTML,BODY{cursor: url(&quot;http://downloads.totallyfreecursors.com/thumbnails/sweden.gif&quot;), auto;} </style>
5.    Simpan template anda dan lihat perubahan pada gambar kursor
6.    Jika sobat ingin mengganti gambar kursor dengan gambar yang lain, sobat tinggal ganti URL gambar yang berwarna merah dengan URL gambar pada sample diatas atau sobat bisa langsung browsing sendiri ke TKP di http://www.totallyfreecursors.com/ .
Nah ternyata mengganti gambar kursor di blog memang bisa jadi solusi mempercantik tampilan blog juga ya apalagi kalo ditambahin lagi dengan efek bintang siip dah. Tinggal giliran sobat blogger nih, selamat mencoba ya !

Tips Untuk Meningkat kan Alexa Rank

Kemarin, saya rada bingung juga pas di tanya sesama teman blogger "Caranya Naikin Alexa Rank gimana sih sob?". Kecele juga seh, masa iya seh angka alexa ranknya mau dinaikin, yang ada malah pengen ngerendahin tuh angka2. hehehe...

Setelah mikir dengan rada lola alias loading lambat, saya ngerti juga akhirnya tuh yang sahabat blogger maksud alias tanya ke saya. Nah disini saya akan sedikit membagikan tips buat sahabat-sahabat blogger, khususnya neh yang masih seperti saya yang masih pemula alias newbie, banyak banggets ya aliasnya..

Nah berikut adalah tips-tips untuk meningkatkan alexa rank. Semoga bermanfaat.

1. Pasang widget Alexa rank
Selain untuk menampilkan rangking alexa padablog. Cara ini juga dapat mempermudah Alexa.com untuk mengumpulkan data trafik pada blog.

2. Pasang Alexa toolbar
Seperti yang telah dijelaskan sebelumnya bahwa rangking alexa dihitung berdasarkan jumlah pengunjung yang memasang alexa toolbar pada browser mereka. Oleh sebab itu, memasang alexa toolbar pada browser merupakan cara yang paling efektif untuk meningkatkan alexa rank. Untuk mengetahui cara pemasangannya bisa anda pelajari disini.

3. Sering-sering membuka blog anda
Selain trafik, alexa rank juga dipengaruhi oleh jumlah page view pada blog. Oleh karena itu, sering-seringlah untuk membuka blog anda. Agar jumlahnya page viewsnya bertambah. Untuk mendapatkan hasil yang lebih baik, sebaiknya anda memasang Alexa toolbar pada browser anda.

Sebagai tambahan jika anda mengunjungi sebuah tempat yang mempunyai koneksi internet seperti warnet, kampus ataupun rumah teman anda. Kunjungilah blog anda meskipun hanya sekedar buka lalu tutup lagi. Karena cara ini akan menambah jumlah pengunjung bagi blog anda.

4. Meningkatkan trafik blog
Seperti yang kita ketahui bahwa alexa rank ditentukan oleh jumlah trafik atau pengunjung blog. Semakin tinggi trafiknya semakin bagus pula rangking alexa-nya. Oleh sebab itu, yang perlu anda lakukan adalah meningkatkan trafik blog anda.

Saya yakin anda semua pasti mempunyai cara-cara tersendiri untuk meningkatkan trafik blog. Oke deh, bagi temen-temen yang punya cara atau trick yang lain..

Tentunya silahkan ditambahin dong...
semoga bermanfaat..

Cara Membuat Widget Daftar Menu

Cara Membuat Daftar Menu/Isi Di Sidebar Blog :
1.       Login ke dashboard blogger anda.
2.       Pilih Rancangan > Elemen Laman > Add gadget (HTML/JavaScript).
3.       Copy script dibawah ini dan paste pada gadget.
<div style="background:#FFFFFF; no-repeat scroll 0 0; border:2px solid #FFFFFF; height:310px; overflow:auto; padding:10px; width:260px;">
<div id="cl_option">
Loading... </div>
<div id="cl_content_list">
</div>
<script type="text/javascript">
var jumlah_kata_dalam_ringkasan = 250;
</script>
<script src="http://raihanun.googlecode.com/files/DaftarMenuOtomatis.js">
</script>
<script src="http://rayhanzhampiet.blogspot.com/feeds/posts/default?alt=json-in-script&amp;callback=onLoadFeed&amp;max-results=500">
</script></div>
4.       Silahkan edit pada lebar (width) dan tinggi (height) pada script ini untuk menyesuaikan dengan lebar sidebar blog anda. Dan ganti juga nama blognya dengan nama blog anda.
5.       Save / Simpan.