Cara Mengganti Kursor Blogger - Modifikasi Cursor Blogspot

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("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJD_kUUcEIN7Z0WAfiojBFHBl6qqwA5RfLWobCiMqVHxjqP8Nq-AwheB49gAR4WKEfs5by9OuqGOkBRZcO444-R8q3hyphenhyphenxlxEh9kKpbUAN-FFcRB9UUxn3Do78L45cfXHni9LZjH3wrD7at/"), auto;}
</style>

b. Kode 2: mengubah kursor serta tetap berubah walau disorot ke arah link

<style type="text/css">
body{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJD_kUUcEIN7Z0WAfiojBFHBl6qqwA5RfLWobCiMqVHxjqP8Nq-AwheB49gAR4WKEfs5by9OuqGOkBRZcO444-R8q3hyphenhyphenxlxEh9kKpbUAN-FFcRB9UUxn3Do78L45cfXHni9LZjH3wrD7at/"), auto;}
body a:hover{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJD_kUUcEIN7Z0WAfiojBFHBl6qqwA5RfLWobCiMqVHxjqP8Nq-AwheB49gAR4WKEfs5by9OuqGOkBRZcO444-R8q3hyphenhyphenxlxEh9kKpbUAN-FFcRB9UUxn3Do78L45cfXHni9LZjH3wrD7at/"), 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/AVvXsEjudZ0YEsdBbJXtrY-R_4J5NPY-O0qcyviw_qCtMw8EA3i7Xp4egIf050iQ_nR3xQ1XC2TyVDxfg4d10c7GAMKqWi_m6BbLUmH28L72ZilLp20DaFfF0XNSogKclzQTO1vqYzYn6Hghflg/s400/bat_banana_t4belajarblogger.png

---

---

Link:

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_Sg5brJIUF0MAMjsY2mSPpE4po869H0SvTDq34H5PYkX2rFyahEo4aYi0jjwnKBV1ylH24cNNLGdlsXkwQdKeEHBn4EcwtNihmrQ8HjEnK5kdXcoDKNQaCDjPBQ_vWoKZsSg9AT8QE1s/s400/bird_hair_t4belajarblogger.png

---

---

Link:

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLY1UvOOlwQ6ZHwgYE22uuja0qzC14gI6U4Qgl9czl_VsDQ0-eFS_fBJfLdTyT2HLJE2CDbu3xioZQpKxyBc7eBuiGJbx8jk_yJyPzwD3YL5wx4TbQ3xqAC2U7xnIfC1bENN2WoVMRHso/s400/guitar_banana_t4belajarblogger.png

---

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

Semoga bermanfaat. Keep blogging...

Read More ->>

Cara Belajar Kode HTML untuk Membuat Efek pada Tulisan Cara Belajar Kode HTML untuk Membuat Efek pada Tul

                               Cara Belajar Kode HTML untuk Membuat Efek pada Tulisan

 - HTML for Text. Beberapa teman blogger ada yang pernah bertanya mengenai tatacara pengaturan pada tulisan/text/font yang ada pada wall post blog blogger. Agar lebih jelas yaitu, bagaimana cara mengatur/memanipulasi tulisan yang ada di blog blogger dengan menggunakan kode HTML. Yapz - memang sih, dalam masalah pengaturan gaya tulisan yang ada di blog kita (terutama di wall post) tak perlu susah-susah lagi, karena di sana telah tersedia tool2 yang mendukung untuk mengatur gaya tulisan yang kita inginkan, seperti: tool untuk bold (tulisan tebal), tool untuk italics (tulisan miring), dll. Namun, tak ada salahnya jika kita bahas mengenai masalah tersebut dengan agak rinci, yaaa...hitung-hitung agar ilmu kita mengenai kode HTML bertambah, jadi...kita tidak hanya tahu tool untuk mengatur bentuk suatu teks, akan tetapi juga tahu bagaimana format kode HTML untuk memerintah agar gaya maupun efek yang kita inginkan pada suatu teks bisa muncul.

Ya, langsung saja...kode-kode HTML yang biasa digunakan untuk mengatur atau memberi efek pada tulisan adalah sebagai berikut:

1. Kode untuk membuat huruf tebal (bold).

Kode untuk membuat huruf tebal yaitu <b>, dan untuk menebalkan suatu tulisan - maka tulisan tersebut harus diapit dengan kode <b> dan diakhiri dengan kode </b> yang kemudian disebut sebagai closing tag.

-. Contoh penggunaan yaitu seperti kalimat berikut=> Ibu Budi
-. Yang ingin kita tebalkan yaitu kata Budi, maka Budi lah yang kita apit dengan kode bold, maka jadinya "Ibu <b>Budi</b>" dan hasilnya adalah "Ibu Budi"

Perlu diketahui: Bahwa penutup kode/closing tag tergantung pada pembuka kodenya, maksudnya penutup kode dengan pembuka kode itu sama, hanya saja pada bagian penutupnya akan ada garis miring (/). Contoh: pembuka kode=> <b> dan penutupnya adalah=></b> dan ini akan berlaku pada kode HTML lainnya juga.

LANJUUUUTT.....

2. Kode untuk membuat huruf miring (italics), yaitu <i> dan closing tag-nya adalah </i> contoh penggunaan: "Ibu <i>Budi</i>" maka jadinya "Ibu Budi"

3. Kode untuk membuat garis bawah pada huruf (underline), yaitu <u> dan closing tag-nya adalah </u> contoh penggunaan: "Ibu <u>Budi</u>" maka jadinya "Ibu Budi"

4. Menempatkan tulisan pada Baris baru, maka kode yang digunakan adalah <br /> dan cara menggunakannya yaitu akhiri tulisan anda dengan kode tersebut jika ingin agar tulisan selanjutnya berada di barisan baru. Contoh:
=> Ibu <br />Budi, maka akan jadi:
Ibu
Budi

5. Membuat Tulisan Rataan Tengah. Kodenya yaitu <center> dan closing tag-nya yaitu </center>

6. Membuat tulisan Rataan Kanan. Kodenya yaitu <p align="right"> dan closing tag-nya yaitu </p>

7. Membuat tulisan Rataan Kiri. Kodenya sama seperti kode no.6 (di atas), hanya saja tulisan "right" diganti "left"

8. Cara Merubah Font/gaya teks. Maka kode HTML-nya yaitu <font face="Verdana"> dan closing tag-nya adalah </font> dan silahakan untuk merubah nama font "Verdana" dengan nama font yang anda inginkan seperti: Arial, Georgia, Times, dll.

9. Cara Mengatur Warna Teks. Kode HTML-nya adalah <font color="blue"> dan closing tag-nya adalah </font> dan warna yang akan dihasilkan adalah biru alias "blue". Untuk merubahnya dengan warna yang anda inginkan, silahkan ubah blue dengan nama warna lain yang anda inginkan seperti: Red (merah), yellow (kuning), Green (hijau), dll.

10. Mengatur Ukuran Besar-Kecil Tulisan. Maka kode HTML-nya yaitu <font style="font-size:500%;"> dan closing tag-nya adalah </font> dan untuk mengatur ukuran huruf yang anda inginkan, silahkan untuk merubah nilai "500%" dengan ukuran yang anda perlukan.

11. Membuat Tulisan berjalan (marquee). Maka kodenya yaitu <marquee> dan closing tag-nya adalah </marquee> dan untuk contohnya yaitu sebagai berikut:
=> Format: <marquee>Ibu Budi</marquee> dan hasilnya adalah:
Ibu Budi
(Jika tertarik untuk membuat efek Marquee lainnya, silahkan baca postingan dengan judul: Cara Membuat Tulisan Gerak/Marquee)

Sekian saja dulu. Sebenarnya masih banyak, namun yang paling sering digunakan untuk mengatur gaya tulisan adalah ke-11 kode di atas. Bagi teman-teman yang tahu lebih silahkan untuk di-sharing ke teman-teman yang lain...

Semoga bermanfaat_

Read More ->>

meatika luka hati mp3

↑ Grab this Headline Animator

                                                                        luka hati klik sini

Read More ->>

cara membuwat buku tamu tersembunyi dikanan & kiri

        cara membuwat buku tamu tersembunyi dikanan & kiri

Cara membuat buku tamu tesembunyi termasuk mudah
nih ada sedikit tips bagi anda para blogger Indonesia tentang cara membuat buku tamu tersembunyi caranya gampang kok ini dia:

1.Masuk dulu ke blog sobat
2.klik dasbor/ klik desain
3.Klik tambah gadget/html java script
4.copy pastekan kode beikut ini:


Gambar untuk bukutamu sebelah kanan :

   

Ini script untuk sebelah kanan :

 
<style type="text/css"> #gb{ position:fixed; top:10px; z-index:+1000; } * html #gb{position:relative;} .gbtab{ height:100px; width:30px; float:left; cursor:pointer; background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmarDKiRw_SZ0pOJFrYSJddy7gG_tAeWxcrWHkbiSrLrQTs6IHu3294JcjB2uxKdeQVF1A7px8bCU_2mEGHVGGrd9Twomkskgav8zxFWznk0K_8sqW89NK9yJbqz1GmPWZELw0TB3R37Uj/') no-repeat; } .gbcontent{ float:left; border:2px solid #A5BD51; background:#F5F5F5; padding:10px; } </style><br /> <br /> <script type="text/javascript"> function showHideGB(){ var gb = document.getElementById("gb"); var w = gb.offsetWidth; gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0); gb.opened = !gb.opened; } function moveGB(x0, xf){ var gb = document.getElementById("gb"); var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; gb.style.right = x.toString() + "px"; if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);} } </script><br /> <br /> <div id="gb"><br /> <div class="gbtab" onclick="showHideGB()"></div><br /> <div class="gbcontent"><br /> <--------------Masukkan kode script buku tamu anda disini--------------><br /> <br /> <div style="text-align: right; font-size: 10px;"> Widget by<br /> <a href="http://yudatfort814.blogspot.com/2011/02/cara-membuat-buku-tamu-tersembunyi.html"><br /> Belajar dari internet<br /> </a><br /> </div><br /> <div style="text-align:right"><a href="javascript:showHideGB()"><br /> [tutup]<br /> </a><br /> </div><br /> </div><br /> </div><br /> <script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.right = (30-gb.offsetWidth).toString() + "px"; </script>












Gambar untuk bukutamu sebelah kiri :

Ini script untuk sebelah kiri :

<!-- left hidden chatbox by http://speedy-indonesia-08.blogspot.com START --><br /> <style> #hcl { position:fixed; top:135px; left:20px; z-index:+500; } * html #hcl {position:relative;} .hcltab { height:200px; width:30px; float:left; cursor:pointer; background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjr4EdZuQUmAHWFxDU6ATsnnjO813Jp0uhe7yWhL3ehomQhl_vEdpH1r0s07L3jUhh__Es7JQ5CasyRbtcCj1ujBH5POzmo1UVaJ5b_r9-ySb6dqsAwX0WaURuntms_E1RAmR1w16Noa6eQ/s1600/buku-4.png') no-repeat; } .hclcontent { float:left; border:4px solid #5F9EA0; background:#F5F5F5; padding:3px; } .hc-credit {font-size:9px} .hc-credit a {text-decoration:none} </style> <script type="text/javascript"> function showHidehcl(){ var hcl = document.getElementById("hcl"); var w = hcl.offsetWidth; hcl.opened ? movehcl(0, 30-w) : movehcl(20-w, 0); hcl.opened = !hcl.opened; } function movehcl(x0, xf){ var hcl = document.getElementById("hcl"); var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; hcl.style.left = x.toString() + "px"; if(x0!=xf){setTimeout("movehcl("+x+", "+xf+")", 10);} } </script> <div id="hcl"><div class="hclcontent"><br /> <------Ganti tulisan ini dengan widget buku tamu anda------><br /> <br /> <div style="text-align: right; font-size: 10px;"> Widget by<br /> <a href="http://yudatfort814.blogspot.com/2011/02/cara-membuat-buku-tamu-tersembunyi.html"><br /> Belajar dari internet<br /> </a><br /> </div> <br /> <br /> <br /> <div class="hc-credit"><span style="float:left"> <!-- THIS CREDIT MUST STAY INTACT FOR LEGAL USE --> </span> <span style="float:right"> <a href="javascript:showHidehcl()"> </a> </span> </div></div><div class="hcltab" onclick="showHidehcl()"></div><script type="text/javascript"> var hcl = document.getElementById("hcl"); hcl.style.left = (30-hcl.offsetWidth).toString() + "px"; </script> <!-- left hidden chatbox by http://speedy-indonesia-08.blogspot.com END --></div><br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <span style="color: blue;">  </span><b style="color: blue;">Gambar buku tamu sebelah kiri :</b><br /> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVNraNIWOsWK3GcHX3ACEFOCRDwTyKzKTRnEvaDGp9XB4_PE_QSdV7LAq3f6SLmCCrCVKx-3hTboHA2p9HqCHvpXINB2COIuCTOw7VSfykKHCHflXgpIoWFiUAkTIvUPKdyMAUstyXe8cs/s1600/buku7.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVNraNIWOsWK3GcHX3ACEFOCRDwTyKzKTRnEvaDGp9XB4_PE_QSdV7LAq3f6SLmCCrCVKx-3hTboHA2p9HqCHvpXINB2COIuCTOw7VSfykKHCHflXgpIoWFiUAkTIvUPKdyMAUstyXe8cs/s1600/buku7.jpg" /></a><b style="color: blue;"> </b></div>

Read More ->>