cara ganti kursor di blog

Cara Mengganti Kursor Blogger - Modifikasi Cursor Blogspot

Cara Mengganti Kursor Blogger - Modifikasi Cursor Blogspot. Kali ini kita akan membahas tentang cara mengubah tampilan kursor yang ada di blog kita. Jika sobat masih penasaran dengan yang dimaksud mengubah kursur, maka silahkan untuk memperhatikan kursor blog ini terlebih dahulu. Bagaimana? Menarik bukan....?

Nah, di atas itu adalah tampilan kursor blog ini. Bagi sobat yang ingin mengubah kursor yang ada di blog sobat, maka sobat bisa mengubahnya melalui langkah-langkah berikut:

1. login lah ke akun blogger sobat terlebih dahulu
2. Lalu klik "Layout"

3. Pilih "add a gadget" lalu pilih "HTML/Java Script" dan paste-kan kode berikut untuk mulai mengubah tampilan kursor yang ada di blog sobat:

a. Kode 1: mengubah kursor tapi tidak mengubah kursor ketika menyorot link

<style type="text/css" >body{cursor: url("<font color="#3d85c6"><b>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKw3l9QrVmq0aLHTnqC-pwGFMKbrBjwoN085iXm8PCHIBAEYWe6lmH6z3sCwnQEN_uKuqVXQbRZg7D5rlUEhWZC6wrnV7K1k5vQUU6Kl8UbAa9ogG7E_PArTY_lqSR-vBcd9bDkl6LWAJm/</b></font>"), auto;}</style>
b. Kode 2: mengubah kursor serta tetap berubah walau disorot ke arah link

<style type="text/css">body{cursor: url("<font color="#3d85c6"><b></b>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKw3l9QrVmq0aLHTnqC-pwGFMKbrBjwoN085iXm8PCHIBAEYWe6lmH6z3sCwnQEN_uKuqVXQbRZg7D5rlUEhWZC6wrnV7K1k5vQUU6Kl8UbAa9ogG7E_PArTY_lqSR-vBcd9bDkl6LWAJm/</b></font>"), auto;} body a:hover{cursor: url("<font color="#3d85c6">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKw3l9QrVmq0aLHTnqC-pwGFMKbrBjwoN085iXm8PCHIBAEYWe6lmH6z3sCwnQEN_uKuqVXQbRZg7D5rlUEhWZC6wrnV7K1k5vQUU6Kl8UbAa9ogG7E_PArTY_lqSR-vBcd9bDkl6LWAJm/</font>"), auto;}</style>
SILAHKAN UNTUK MEMILIH SALAH SATU KODE YANG SOBAT INGINKAN

4. Jika sudah, maka silahkan untuk tekan tombol "SAVE" atau "SIMPAN"


PENTING:

Sobat bisa mengganti link gambar yang telah saya tandai warna biru dengan link gambar kursor sesuai keinginan sobat. Berikut adalah beberapa link gambar kursor koleksi saya:

---

Link:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjA2wONiyxxm9JvRkeuLdYl7Yvki4vVwZM8vJ3cezBq3AvmiK2vOzazGWiy2OdL4ZjgtMwRC1p-8JmMs7pCj83oGkU1i0Kkiwg7GJHZ_yz1D_l9dvBsFiVLWTYQWYFD9mdiScwK-PhGcs8/s400/bat_banana_t4belajarblogger.png

---

---

Link:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3GVsDCCnO7eQ4uc56m1j9HJXHp1QFdpB0HXSaDW55pFooCNYy89DIGyyCBAIwLlAtVUnXv_Wf9uHz6s3zMK9Cuov6R-brVTqDrf6ANbon8xSzh-0YJ8FLwxcrpKZwBR6buU7U83SMvrw/s400/bird_hair_t4belajarblogger.png

---

---

Link:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2fED8YabO9gKorm_hSj9xoyzByzQGmP2D5RLB4CndK4eaigTWYJ4Oj_1rV8qW8K_itzKUJfoc4ZuuM5aQhofwp9Ntlz7yTm_CfignavMI4X5rPYec_4YBuL1HiE-5MamrtHyUbk0WynU/s400/guitar_banana_t4belajarblogger.png

---

Untuk selebihnya sobat bisa mencarinya melalui Google... :D

Semoga bermanfaat. Keep blogging...

Tags: Cara Mengubah Kursor, kursor blogspot berubah, ganti kursor blogspot

Sumber :http://www.muhbalak.com

Read more ...

menambah scroll di link list

Cara Membuat Scroll Pada Daftar Link Blog

Kadang-kadang daftar link kita di bagian widget dalam sebuah blog sangat banyak. Contohnya seperti daftar link sobat (blog list), daftar recent post, daftar link artikel, dan sebagainya. Nah, untuk memendekkan daftar link-link tersebut agar menjadi seperti sebuah "scrool", caranya sangat mudah. Misalnya anda akan memendekkan daftar link sobat karena sudah terlihat "mengular" di blogspot versi baru, caranya adalah :

1. Login ke account blogspot anda, select menu tata letak.
2. Select menu Edit HTML, lalu pilih menu lanjutkan dan centang expand template widget.
3. Cari kode type='LinkList' dengan Ctrl F/F3.
4. Perhatikan kode dibawahnya karena biasanya terdapat beberapa kode, cari kode untuk Link List :  

Sumber gambar pada tjingwen dot com

<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>

5. Tambahkan kode style='overflow:auto; height:200px' pada kode yang berwarna biru, sehingga akan menjadi seperti ini :

<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content' style='overflow:auto; height:200px'>

Catatan : Perhatikan tanda tutup ">" nya dipindah ke paling akhir.

6.  Silahkan atur ukuran ketinggian (height) nya sesuai kebutuhan. Simpan template, lalu cek hasilnya!

Semoga berhasil..

sumber :http://universal.hermantan.com

Read more ...

statistik pengunjung

CARA MEMBUAT GADGET STATISTIK PENGUNJUNG BLOG

Gadget Statistik Pengunjung adalah sebuah tool blog/web yang berfungsi untuk melakukan pencatatan tentang pengunjung di sebuah situs. Nantinya, semua yang namanya jumlah total pengunjung, jumlah pengunjung per hari, jumlah pageviews, dan sebagainya akan dicatat dan ditampilkan oleh gadget ini. Beda halnya dengan sitemeter yang dibahas pada postingan "Membuat gadget penghitung jumlah pengunjung", jikalau gadget dari histats ini lengkap semuanya. Tapi, terserah sobat mau pilih yang mana.


Bagi sobat yang tertarik untuk membuat gadget ini, mohon luangkan waktu yang lumayan banyak agar prosesnya tidak mengalami berhenti di tengah jalan. Berikut di bawah langkah2 membuat gadget statistik pengunjung :

• browsing langsung ke www.histats.com  atau dengan mengklik link ini Histats.com
• pada menu klik register
• tuliskan nama e-mail sobat modif pada Mail, lalu tulis ulang e-mail pada Mail confirm , setelah itu tuliskan password yang diinginkan pada password , lalu ulang lagi password pada password confirm
• setelah selesai mengisi klik continue
• kemudian tulis lagi pada:

• name --> nama sobat modif untuk panggilan
• surname --> nama sobat modif yang asli
• address --> alamat
• City --> kota tempat tinggal
• Country --> negara
• Time zone --> pilih waktu daerah tempat tinggal sobat modif , biasanya telah terpilih sendiri
• lalu tuliskan kata yang muncul di atas bacaan captcha code:
• lalu centang kotak kecil di samping bacaan I have read and agree Publisher Agreement Terms

• klik save
• maka akan ada bacaan REGISTRATION DONE ! please check your mailbox!
• bukalah e-mail sobat modif
• cari e-mail dari Histats.com , lalu buka , maka akan ada link yang diberikan mereka kepada sobat modif. Link terebut adalah link verifikasi registrasi. Lalu diklik link tersebut
• maka akan ada pernyataan bahwa akun sudah aktif , kurang lebih seperti ini kata-katanya your account is now active, please login now and start using histats.com!
• kemudian sobat modif hrus log in ke Histats.com , lihat paling atas ada kotak mail dan password , isikan e-mail dan password sobat modif yang didaftarkan tadi , klik log in
• lalu klik menu counters yang ada di atas
• pilih dan klik aja gadgetnya yang asal-asalan dulu
• pada halaman selanjutnya akan ada 2 bacaan add a website , pilih dan klik salah satunya
• lalu pada :

• Site url --> tuliskan alamat url blog , jangan lupa pakai http://
• title --> judul blog sobat modif
• Description --> sedikit ddeskripsi tentang blog sobat modif
• Page views start value --> biarkn saja
• Visitors start value --> biarkan saja
• time zone --> pilih waktu daerah / negara sobat modif
• Type --> pilih jenis blog
• Category --> pillih aja computers
• Language --> biarkan
• captha --> tulis kode captha yg keluar
• Stats visibility --> pilih site stats are visible to everyone

• setelah selesai klik contiue
• maka akan muncul halaman baru , cari add a website , di bawahnya ada gambar kecil , pilih dan klik yang tengah , yang jika ditunjuk keluar bacaan stats
• lalu cari menu counter code ( berada di atas )

• lalu klik add new counter

• pada Choose a category pilih jenis gadget
• maka pada select one counter akan muncul banyak model gadget sesuai jenisnya , pilih dan klik salah satu
• pada Choose information to show on the counter tentukan info apa yang ingin dikeluarkan gadget pada saat dipasang di blog nanti . caranya klik tanda segitiga disampingnya lalu pilih salah satu , misalnya visitor today , ingat jangan pilih visitor today lagi untuk yang pilihan yang lain
• klik save
• lalu klik standart counter, akan keluar kodenya di bawah, kemudian klik standart , bisa juga tklik no javascript

• akan keluar kode gadget histatsnya
• copykan kode tersebut , lalu pastekan di blog / side bar blog sobat modif
• belum tahu caranya pasang di side bar ? klik di sini
• sekarang lihat blog dan gadgetnya dah nampak tuchh..

sumber : http://modifblogmu.blogspot.com

Read more ...

Menambahkan scroll pada arsip

Cara Menambahkan Scroll Pada Arsip Blog atau Blog Archive (Blog List in Carater-66)

Plug in Blog Archive telah terpasang kembali pada Blog Carater-66 ini, nah agar tampiannya tidak terlalu panjang ke bawah maka saya mencoba dengan membuat scroll (contohnya ada di side bar blog ini), sehingga tampilannya lebih minimalis dan tidak membuat loading blog menjadi lelet. Tertarik untuk membuatnya? Berikut langkah - langkah Cara Menambahkan Scroll Pada Arsip Blog atau Blog Archive (Blog List in Carater-66) :

1.      Sign In di Bloggermu

2.      Klik Menu Rancangan

3.      Klik Menu Edit HTML

4.      Beri Tanda Centang Pada Kotak "Expand Widget Template"

5.      Cari Kode <div id='ArchiveList'> dengan Control F

6.      Lalu Tambahkan Kode Berikut di Atasnya:

<div style='overflow:auto; width:ancho; height: 150px;'>

7.      Ganti 150px dengan ukuran kesukaanmu

8.      Kemudian cari kode dibawah ini:

<b:if cond='data:style == &quot;FLAT&quot;'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == &quot;MENU&quot;'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div>

9.      Lalu ganti dengan kode berikut (anda juga bisa hanya menambahkan kode yang bercetak merah) :

<b:if cond='data:style == &quot;FLAT&quot;'>

<b:include data='data' name='flat'/>

</b:if>

<b:if cond='data:style == &quot;MENU&quot;'>

<b:include data='data' name='menu'/>

</b:if>

</div>

</div></div>

10. Setelah selesai kodenya jadi seperti di bawah ini, lalu save.

<div style='overflow:auto; width:ancho; height:150px;'>

<div id='ArchiveList'>

<div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>

<b:if cond='data:style == &quot;HIERARCHY&quot;'>

<b:include data='data' name='interval'/>

</b:if>

<b:if cond='data:style == &quot;FLAT&quot;'>

<b:include data='data' name='flat'/>

</b:if>

<b:if cond='data:style == &quot;MENU&quot;'>

<b:include data='data' name='menu'/>

</b:if>

</div>

</div></div>

<b:include name='quickedit'/>

Demikianah tutorial Cara Menambahkan Scroll Pada Arsip Blog atau Blog Archive
Sumber : http://muhammadyogapratama.blogspot.com

Read more ...