Cara Mengganti Gambar Kursor di Blog

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("http://downloads.totallyfreecursors.com/thumbnails/sweden.gif"), 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 siip dah. Tinggal giliran sobat blogger nih, selamat mencoba ya !

Backlink here..

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4EwtsPuS5TIj_zn2dNiVC7JkeO5uzzm3TXnEpQQqJabSaNyn2PwOAhzarhirDd9ncfW29zo6_Pus-GZd0BWcmVC5x4lyeavTWshQm6GyAA3FRggMUiVNNBemL4D1TTap27uwM4PczmFMg/s1600/gambar+kursor.jpg" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4EwtsPuS5TIj_zn2dNiVC7JkeO5uzzm3TXnEpQQqJabSaNyn2PwOAhzarhirDd9ncfW29zo6_Pus-GZd0BWcmVC5x4lyeavTWshQm6GyAA3FRggMUiVNNBemL4D1TTap27uwM4PczmFMg/s1600/gambar+kursor.jpg" /></a>
<br />
<div class="MsoNormal" style="line-height: 150%; margin-bottom: 0.0001pt; text-align: justify;">
<b>Cara Mengganti Gambar Kursor di Blog</b>  - 
Gara-gara kepingin sekali <b>mengganti gambar kursor di blog</b> ini, akhirnya
setelah googling kesana kemari nemu juga sebuah situs yang menyediakan banyak
<u>gambar-gambar kursor pilihan</u>. Gambar kursor yang disediakan situs penyedia gambar ini <span style="color: red;">http://www.totallyfreecursors.com/</span> banyak sekali, jadi
kita tinggal memilih sesuai selera aja. Untuk <u>cara memasang gambar kursor ini
di blog</u>, 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.</div>
<div class="MsoNormal" style="line-height: 150%; margin-bottom: 0.0001pt; text-align: justify;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjorFXEDhe06AAaPscwwHPBara7bIckMSZ2sY_DY0dWfUQfFoNCjwhf6Mkq-t7jrT4Wq2cwgT8XgJSqkMJZHgCj_POM2hjB1m_IWH4cOW76ZbiEmRRFJeCSTuKJizK7k8q1vamMXDbe2sfx/s1600/monkey-ani.gif" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjorFXEDhe06AAaPscwwHPBara7bIckMSZ2sY_DY0dWfUQfFoNCjwhf6Mkq-t7jrT4Wq2cwgT8XgJSqkMJZHgCj_POM2hjB1m_IWH4cOW76ZbiEmRRFJeCSTuKJizK7k8q1vamMXDbe2sfx/s1600/monkey-ani.gif" /></a></div>
<div class="MsoNormal" style="line-height: 150%; margin-bottom: 0.0001pt; text-align: justify;">
              URL
: 
   
   
   
   
   
   
   
   
  
<span style="color: red; font-family: "Calibri","sans-serif"; font-size: 11pt; line-height: 115%;">http://downloads.totallyfreecursors.com/thumbnails/monkey-ani.gif</span></div>
<div class="MsoNormal" style="line-height: 150%; margin-bottom: 0.0001pt; text-align: justify;">
</div>
<div class="MsoNormal" style="line-height: 150%; margin-bottom: 0.0001pt; text-align: justify;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiti4fSU3Le87intZ2qDQQtQPCyHeAit-38hC2poJXUGsZdXTSYMJfYd3tMH9OrK3T_sRfh7SBkZ-MvNrENp-ZzOtycJESnNwQE4z1nOh7oGRPbPeZ9qm49LPjtUjBkoogHIhEDPjWGcgUo/s1600/aliendance.gif" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiti4fSU3Le87intZ2qDQQtQPCyHeAit-38hC2poJXUGsZdXTSYMJfYd3tMH9OrK3T_sRfh7SBkZ-MvNrENp-ZzOtycJESnNwQE4z1nOh7oGRPbPeZ9qm49LPjtUjBkoogHIhEDPjWGcgUo/s1600/aliendance.gif" /></a></div>
<div class="MsoNormal" style="line-height: 150%; margin-bottom: 0.0001pt; text-align: justify;">
                URL
: 
   
   
   
   
   
   
   
   
  
<span style="color: red; font-family: "Calibri","sans-serif"; font-size: 11pt; line-height: 115%;">http://downloads.totallyfreecursors.com/thumbnails/aliendance.gif</span></div>
<div class="MsoNormal" style="line-height: 150%; margin-bottom: 0.0001pt; text-align: justify;">
</div>
<div class="MsoNormal" style="line-height: 150%; margin-bottom: 0.0001pt; text-align: justify;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwRdjxYgUtjiGj1-ewoStVTqYrnvc4pz4ZutBEti5VsdM1ksUDaGUlqx1WvKALklOVOgu36vK5t-Fj2LicuvgHhKiwS1YYxJwbqvX17BL_5J8egB8l1QmOE3z5cKBhNL1aaXiabuPUBAF9/s1600/tail2.gif" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwRdjxYgUtjiGj1-ewoStVTqYrnvc4pz4ZutBEti5VsdM1ksUDaGUlqx1WvKALklOVOgu36vK5t-Fj2LicuvgHhKiwS1YYxJwbqvX17BL_5J8egB8l1QmOE3z5cKBhNL1aaXiabuPUBAF9/s1600/tail2.gif" /></a></div>
<div class="MsoNormal" style="line-height: 150%; margin-bottom: 0.0001pt; text-align: justify;">
                URL
: 
   
   
   
   
   
   
   
   
  

   
   
   
   
   
   
   
   
  
<span style="color: red; font-family: "Calibri","sans-serif"; font-size: 11pt; line-height: 115%;">http://downloads.totallyfreecursors.com/thumbnails/tail2.gif</span></div>
<div class="MsoNormal" style="line-height: 150%; margin-bottom: 0.0001pt; text-align: justify;">
</div>
<div class="MsoNormal" style="line-height: 150%; margin-bottom: 0.0001pt; text-align: justify;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgT5d54gEIIHIR89lYaUCu6-YgXt5HxMorhiSJh71iOqVzLYPC9njnke54ekl35QIWOcvkPCRlGa2WtnMg-nBD54QBCHcx_nOay0MYOOgxWnaFdkCqnci-Dl3Xx4_SWfZoe0iOU3CcXeGW/s1600/banana1.gif" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgT5d54gEIIHIR89lYaUCu6-YgXt5HxMorhiSJh71iOqVzLYPC9njnke54ekl35QIWOcvkPCRlGa2WtnMg-nBD54QBCHcx_nOay0MYOOgxWnaFdkCqnci-Dl3Xx4_SWfZoe0iOU3CcXeGW/s1600/banana1.gif" /></a></div>
<div class="MsoNormal" style="line-height: 150%; margin-bottom: 0.0001pt; text-align: justify;">
                URL
: 
   
   
   
   
   
   
   
   
  
<span style="color: red; font-family: "Calibri","sans-serif"; font-size: 11pt; line-height: 115%;">http://downloads.totallyfreecursors.com/thumbnails/banana1.gif</span></div>
<div class="MsoNormal" style="line-height: 150%; margin-bottom: 0.0001pt; text-align: justify;">
</div>
<div class="MsoNormal" style="line-height: 150%; margin-bottom: 0.0001pt; text-align: justify;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAVwgqkEMIjas3vX7pSLhCwXSiW9vk-EmWOA6GO8XkOurBaB0cjvYriA-PW9Acz6HrpPr6zyael3uZDEBwiB89ip4j4jSQbaDt4cBcivbYt9wYe384W9Zfrk8JixbOcBYmQlv7YN85KSAB/s1600/bullseye-ani.gif" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAVwgqkEMIjas3vX7pSLhCwXSiW9vk-EmWOA6GO8XkOurBaB0cjvYriA-PW9Acz6HrpPr6zyael3uZDEBwiB89ip4j4jSQbaDt4cBcivbYt9wYe384W9Zfrk8JixbOcBYmQlv7YN85KSAB/s1600/bullseye-ani.gif" /></a></div>
<div class="MsoNormal" style="line-height: 150%; margin-bottom: 0.0001pt; text-align: justify;">
                URL
: 
   
   
   
   
   
   
   
   
  
<span style="color: red; font-family: "Calibri","sans-serif"; font-size: 11pt; line-height: 115%;">http://downloads.totallyfreecursors.com/thumbnails/bullseye-ani.gif</span></div>
<div class="MsoNormal" style="line-height: 150%; margin-bottom: 0.0001pt; text-align: justify;">
                </div>
<div class="MsoNormal" style="line-height: 150%; margin-bottom: 0.0001pt; text-align: justify;">
</div>
<div class="MsoNormal" style="line-height: 150%; margin-bottom: 0.0001pt; text-align: justify;">
<b>Cara mengganti gambar kursor di blog</b> :</div>
<div class="MsoNormal" style="line-height: 150%; margin-bottom: 0.0001pt; text-align: justify;">
</div>
<div class="MsoListParagraphCxSpFirst" style="line-height: 150%; margin: 0in 0in 0.0001pt 13.5pt; text-align: justify; text-indent: -13.5pt;">
1.<span style="font: 7pt "Times New Roman";">   
</span>Login ke dashboard blogger anda.</div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: 150%; margin: 0in 0in 0.0001pt 13.5pt; text-align: justify; text-indent: -13.5pt;">
2.<span style="font: 7pt "Times New Roman";">   
</span>Pilih Rancangan > Edit HTML, centang Expand
widget template.</div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: 150%; margin: 0in 0in 0.0001pt 13.5pt; text-align: justify; text-indent: -13.5pt;">
3.<span style="font: 7pt "Times New Roman";">   
</span>Carilah kode <span style="color: red;"></head></span>
pada template anda dengan menggunakan Ctrl F.</div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: 150%; margin: 0in 0in 0.0001pt 13.5pt; text-align: justify; text-indent: -13.5pt;">
4.<span style="font: 7pt "Times New Roman";">   
</span>Copy kode CSS dibawah ini dan letakkan tepat
diatas kode <span style="color: red;"></head></span> .</div>
<div class="MsoNormal" style="line-height: 150%; margin-bottom: 0.0001pt; text-align: left;">
<blockquote>
<style type='text/css'>
HTML,BODY{cursor: url(<span style="color: red;">&quot;http://downloads.totallyfreecursors.com/thumbnails/sweden.gif&quot;</span>), auto;}
</style>
</blockquote>
</div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: 150%; margin: 0in 0in 0.0001pt 13.5pt; text-align: justify; text-indent: -13.5pt;">
5.<span style="font: 7pt "Times New Roman";">   
</span>Simpan template anda dan lihat perubahan pada
gambar kursor</div>
<div class="MsoListParagraphCxSpLast" style="line-height: 150%; margin: 0in 0in 0.0001pt 13.5pt; text-align: justify; text-indent: -13.5pt;">
6.<span style="font: 7pt "Times New Roman";">   
</span>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 <span style="color: red;">http://www.totallyfreecursors.com/</span> .</div>
<div class="MsoNormal" style="line-height: 150%; margin-bottom: 0.0001pt; text-align: justify;">
</div>
<div class="MsoNormal" style="line-height: 150%; margin-bottom: 0.0001pt; text-align: justify;">
Nah ternyata <b><a href="http://trikmasdewa.blogspot.com/2013/03/cara-mengganti-gambar-kursor-di-blog.html">mengganti gambar kursor di blog</a></b> memang bisa
jadi solusi mempercantik tampilan blog juga ya siip dah. Tinggal giliran sobat blogger nih, selamat
mencoba ya !</div>
<br/> Sumber:
      <a href='http://trikmasdewa.blogspot.com/2013/03/cara-mengganti-gambar-kursor-di-blog.html'>
Koleksi Mas Dewa
</a>

Cara Mengganti Gambar Kursor di Blog

Written By Unknown on Selasa, 12 Maret 2013 | 22.04

0 komentar:

Followers

Test Footer

Link Sahabat Mas Dewa

Flag Counter