Kamis, 09 Mei 2013


Sebuah blog secara default hanya menampilkan kursor dua bentuk yaitu berupa anak panah dan bentuk tangan jika berada diatas link. Sebenarnya tampilan kursor itu dapat kita atur sesuai dengan keinginan kita sebagai pemilik blog. Bukan hanya itu, jika tahu cara menempatkanya, kursor bisa ditampilkan dengan bentuk berbeda pada setiap bagian dari blog.
Sebagai contoh, coba anda arahkan kursor pada blog EPG Studio ke seluruh bagian tampilan blog. Anda akan melihat adanya pergatian kursor setiap anda memindahkan kursor ke bagian lain dari blog.

Jika hal itu menurut anda bagus dan layak dipasang pada blog anda, ikuti tips dibawah ini.
  1. Ganti tampilan kursor melalui Edit HTML caranya seperti ini :

    1. Masuk ke dasbor
    2. Pilih Rancangan (Tata Letak) bagian tab Edit HTML.
    3. Cari kode : body { kemudian tambahkan kode ini tepat dibawah kode body {

      cursor: url("https://picasaweb.google.com/110667291707517219649/IMAGETUTORIAL2#5729338440284600194"), default;



    4. Simpan template.
    5. Lihat blog.

  2. Ganti tampilan kursor melalui tambah Gadget
    1. Masuk ke dasbor
    2. Pilih Rancangan (Tata Letak) bagian tab Elemen Halaman
    3. Klik Tambah Gadget - Pilih HTML/Javascript.
    4. Copy kode dibawah ini kemudian paste pada kolom yang tersedia


      <style type="text/css">body, a:hover {cursor: url(http://img163.imageshack.us/img163/5311/arrowq.gif), progress;} style="position:absolute; top: 0px; right: 0px;</style>



    5. Simpan perubahan
    6. Lihat blog.
  3. Catatan : untuk dua cara diatas memiliki sedikit perbedaan :
    1. Cara pertama kursor berupa image akan berubah menjadi tampilan tangan sewaktu diatas link.
    2. Cara kedua tampilan kursor berupa image tidak akan berubah walaupunn berada diatas sebuah link.
    3. Disarankan, pilihlah salah satu dari kedua cara diatas untuk dipasang pada blog.

Menambah tampilan kursor pada bagian lain.
Setelah berhasil mengganti tampilan kursor dari salah satu cara diatas, coba anda pasang tampilan kursor di bagian lain pada blog anda.
  1. Ganti tampilan kursor pada bagian post.
    1. Masuk ke Rancangan/Tata Letak bagian Edit HTML
    2. Cari kode seperti ini .post { untuk template Tata Letak atau kode ini .main-inner .Blog { untuk template baru
    3. Copy kode dibawah ini kemudian paste tepat dibawah kode yang dicari tadi

      cursor: url("https://lh3.googleusercontent.com/-0sU95pMQO-E/TWUlx0EmpoI/AAAAAAAABzs/nrhrbQSo1Ck/s32/arrowq.gif"), default;
    4. Simpan template.
    5. Lihat kursor pada bagian post anda.

  2. Mengganti kursor pada bagian sidebar
    1. Anda harus tahu jumlah sidebar pada blog anda agar tiap sidebar kursornya berbeda tampilan.
    2. Masuk ke Rancangan/Tata Letak bagian Edit HTML
    3. Cari kode seperti ini .sidebar-wrapper .widget{ untuk template Tata Letak atau kode ini .sidebar .widget a:hover { untuk template baru
    4. Copy kode dibawah ini kemudian paste tepat dibawah kode yang dicari tadi.

      cursor: url("https://lh3.googleusercontent.com/-0sU95pMQO-E/TWUlx0EmpoI/AAAAAAAABzs/nrhrbQSo1Ck/s32/arrowq.gif"), default;
    5. Simpan template.
    6. Lihat kursor pada bagian sidebar blog anda anda.
Ganti alamat kursor pada kode-kode diatas. Alamat kursor yang berwarna kuning.
Jangan lupa bedakan antara kursor pada satu bagian dengan bagian lain dari blog anda agar terlihat lebih menarik.
Dari contoh-contoh diatas, anda juga dapat mengganti kursor pada seluruh bagian blog lainnya. Silahkan anda pelajari cara diatas untuk menempatkan kursor pada bagian lain di blog.

Selamat mencoba, semoga bermafaat...!!!

cara pasang aneka kursor pada blog

Posted by information | All about News



                                                                              



Cara membuat / memasang widget burung Twitter terbang di Blogger, mungkin trik ini sudah tidak asing lagi bagi sobat dan sudah banyak sekali saya melihat blog yang sudah memasang widget burung Twitter terbang ini dengan berbagai macam style dan warna burung Twitter yang berbeda-beda, sekarang saya akan mengulas kembali khusus buat teman-teman blogger yang baru membuat blog dengan platform blogspot

Memasang Burung Twitter Terbang di Blogspot. Twitter adalah layanan jejaring sosial yang sangat populer sekarang ini selain Facebook dan Google+ dan tidak salah banyak orang yang beramai-ramai untuk menjalin koneksi melalui Twitter apakah itu untuk keperluan bisnis maupun hanya sekedar berteman saja, nah bagi sobat yang mempunyai blog tidak ada salahnya memasang widget menarik ini selain membuat blog sobat cantik dan unik, widget ini juga mempermudah sobat untuk menjalin pertemanan baru dengan pembaca blog sobat, hanya dengan sekali klik pada burung twitter yang terbang maka akan otomatis terhubung dengan profile Twitter sobat.

Ok tanpa panjang lebar mari kita kupas bersama-sama cara memasang widget ini
  • Pertama-tama silahkan login di Blogger
  • Klik Design > Page Element > Add Gadget > Html/Javascript
  • Copy paste kode di bawah ini ke kolom Html/javascript

<!-- floating twitter Bird -->
<script type="text/javascript" src="http://zuazz.googlecode.com/files/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj45rMu_lIILHJd-bLDFkswTI-ExjOsq-aUUWL_3y4i2F7RLRiG95Xr0_3HibvmYIKegMxX7wVyt8PBb4TG5r94afWsvQSz7n9fdkRb31fXU9gId0dVbGvwmWGOU5m2TpOjqiwynYFjPxw/s1600/burung+twitter+terbang.png";
var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span");
var twitterAccount = "http://twitter.com/Akun Twitter sobat";
var tweetThisText = "Twitter - UserID http://zuazz.blogspot.com/";
tripleflapInit();
</script>

  • Ganti kode yang berwarna biru dengan akun Twitter sobat
  • Ganti kode warna merah bila ingin mengganti warna burung twitter dengan kode yang telah disediakan dibawah
  • Simpan dan lihat hasilnya.
 Warna Pilihan Burung Twitter


 Warna Kuning
  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihWHwxND-9Vnin1I59kD-vHzW5H-rO1LKJ35iV-7ewkgltthGt0gpl0pHeOOiuIRbyZWFnmvetZFqUSyeyiyFHLK4Z2uMJ7B9wyFyvjGlMwtNd65sr9LmJ3wE4NPTvjz1KwngVHr3WXcs/s1600/yellow+bird.png
Warna Hitam
  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhV7yUlh-q1hF2CDq67coloOp03EJZD_RnCQNZpkZn8_H0S4JpmTVQhAKYm-mr1DsY6tyv6NZhpNebdx6-VoygmyGGg4vBzPetJ6klTk3FR_LQ2vGAEgrQx_DJiHwqVXlHpTfRNaSaVwC8/s1600/black+bird.png
Warna Biru
  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOga2gERzms6EACXcFSHrH1WuWgnMFmbvEwMEsSvCFo8VC4VuNvTM-wmGPhj_TPU6lCHVmbDdAr3K-CwEAk6dtjdbjCj1KUXkB3_Cch5n049KXo33m8sxrx6UDFRTChOgfNith96bBi0U/s1600/Blue+bird.png
Warna Coklat
  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUVxPUIs9KxoolsO8IetlokA2b-woJ0X4lKSrSCJJEdVkaZj08aDaZHCYkGuTK3PYbPMPAjjzHNWI0c6LJpw9pnItrZh7iqy0fWZNy4680shy6gvSJC-LTm0_8ZkHL2Ftvyz80YzYv_o8/s1600/brown+bird.png
Warna Hijau
  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKju3B8uJmY8Zrhqg4E2ZEk8Og-cbQY0ssgvvzMG1spV8iSyZ05i-SLB482SlaBx2empry7v054JWVm9LYvdX_vwABlZBgu6sKk_qV-oLnQAJen5juNvxDCiDniMblmZkSCY-tZGlzAuY/s1600/Green+bird.png
Warna Ungu
  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEip5xH7Nsjw8qtaJodvQ7__aqBe4-GM-cOfb3QtprrxWktFHoLVkwo4sz9gMV2EmM8d8txuCW21aGfQMzM7Lhgd22ZPMqMhH5XcBxdg_CSvqANpMRXgSkI_9vjultMgTHbMXp9mYxX1PN0/s1600/purple+bird.png
Warna Putih
  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPcmL0BJ4xPHkCHiwGsLerFdnzNRz3yC2GqzAcVAZBe7OJkZNEAOQf-eeS2zmPggBXLPUScSoQYlsc-dWsWWjcwQKdQFdHu_CSEbjpFNFoECa6WWATsysVM32UUwqOsCumqUJu6LPWP6w/s1600/white+bird.png
Warna Merah
  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJW8rE_EdF_F0id8ID6AOUUuR_xcCpyn8t0KMkh8btTG1enQUQmlDvbAL6dGz4dMa4GR9VoB10jim0chLCCkLHbJahMLtTQuz6O-L29GlrtGAvSzVcZe2Dw3KP4caUHWMx9vFoOfJqIdk/s1600/red+bird.png

Dan terakhir jangan lupa disimpan
Good luck Sob..!!!
!

Membuat Widget Burung Twitter Terbang Di Blogspot

Posted by information | All about News

     

                                                        
TV Active: Laatahzan TV
  • Laatahzan TV
  • MNC TV
  • PJTV
  • Spacetoon TV
  • DAAI TV
  • JAK TV
  • Fajar TV Makassar
  • Lantabur TV
  • Indosiar
  • SCTV
  • ANTV
  • Global TV
  • TV ONE
  • METRO TV
  • Lovely Family TV
  • Trans TV
  • RCTI
  • Duta TV
  • TV Media Jogja
  • Binus TV

TV Online

Posted by information | All about News




Berkreasi dalam dunia blogging memang sangat menyenangkan, sampai sampai tidak terasa lagi waktu yang telah berlalu. dalam dunia blogging, tampilan sebuah blog yang memiliki kreasi tinggi akan menambah pengunjung berminat untuk berkunjung ke blog tersebut, apalagi di tambah dengan artikel-artikel yang sangat menarik, akan semakin mendongkrak jumlah pengunjung. Cukup demikian basa-basinya (heheheheheee.. ) mari kita menuju ke pokok pembahasan.

Kali ini saya sedikit berbagi tentang cara membuat gambar dalam posting blog berputar dan membesar saat di sentung oleh cursor, untuk contohnya coba sobat arahkan cursor ke gambar Naruto di atas, maka gambar akan berputar dan membesar. Apabila sobat blogger sekalian berminat untuk mencoba silakan ikuti langkah-langkah berikut ini:

1. Seperti biasa sobat harus login dulu di akun blog sobat
2. Pilih rancangan / desing dan klik edit HTML dan lanjutkan
3. Centang "Expand Template Widget" untuk menghindari apabila terjadi kesalahan
4. Sobat cari kode </head>
5. Setelah ketemu sobat copy paste code di bawah ini tepat di atas kode </head>



6. dan sobat klik save / simpan template.

Langkah selanjutnya untuk penenpatan gambar dalam postingan.

1. Sobat harus menambahkan kode  <div id="denzuaz"> sebelum url gambar dan jangan lupa di tutup dengan kode </div> contoh seperti di bawah ini:

<div id="denzuaz">
<a href="http://zuazz.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXvBsXml5gm6wXkX7KzvfwNvm4RV-hnGGt3eb9otFtBXqvQqZus_Q9U6xYkdfkM6c-hMrsTvuVTP1J-IG6G0vKahYpcF5y9Eb8uLfDPrIN_yhZ1WtScLenTbHW33Ei8ftbMfWcuGECDgg4/s200/naruto+dont+copy.png" /></a></div>

keterangan:
  1. kode berwarna merah adala kode pembuka dan penutup
  2. kode berwarna hijau silakan sobat ganti dengan URL blog Sobat dan URL gambar yang ingin Sobat pasang di dalam postingan.
  3. Setelah semuanya selesai klik publikasikan. 
Demikianlah tips "Membuat Gambar Berputar Dan Membesar Saat Disentuh Oleh Mouse".
                  Semoga bermanfaat Sobat..  

Membuat Gambar Berputar Dan Membesar Saat Disentuh Oleh Mouse

Posted by information | All about News

My Blog List

Followers

Blog Archive

Select Language (Pilih Bahasa)

CHRISTIAN. Diberdayakan oleh Blogger.

About Me

Foto saya
bisa request hal apapun + anda bisa juga memberi saran + anda juga bisa menambahkan informasi dari artikel terkait apabila ada kesalahan atau kekurangan salam.....4dm1n Vv^_^vV...( terima kasih )

†>Musik<†

Free Music Online
Free Music Online

free music at divine-music.info

Tanggapan Anda

Bagaimana Menurut Anda Tampilan Information Blog
Elegan0%
Keren0%
Sederhana0%
Jelek0%
Sangat Jelek0%

Statistik

Hit Counter
Flag Counter Google PageRank Checker Powered by  MyPagerank.Net
Change Background of This Blog!


Copyright © 2012 Information | Share Article Unique -Black Rock Shooter- Powered by Blogger - Designed by Johanes Djogan