TUTORIAL BLOG : "CARA MENGGANTI KURSOR PADA BLOG DENGAN 13 KURSOR MENARIK"

Mengganti Kursor Blog dengan berbagai aneka kursos dengan gambar Animasi keren bisa dilakukan dengan gambar sendiri dan karya penampilan sendiri, jika merasa punya tingkat daya seni yang menarik, lebih baik untuk membuat icon cursor sendiri, tentu itu adalah hal yang sangat sulit bagi seorang pemula, baiklah jika merasa tertarik untuk hanya mencoba-coba, coba lihat dulu yang satu ini Klik DEMO.

Oke langsug saja, hehe..

- Masuk Ke Blogger - Pilih Template - Edit HTML
- Dan Cari Kode </head>
- Pilih kursor sesuai keinginanmu dibawah ini dan Paste code-nya tepat diatas kode </head>

Cursor 1

   <style type="text/css">body, a:hover {cursor: url(http://justnaira-css-js.googlecode.com/svn/mouse/horse-ani1.gif), progress;}</style><a href="http://www.justnaira.com" target="_blank" title="Blogger Widgets"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJwrL4S55_9vIWK98yJiUcqk1e8v56BnpkgblfoyETGO4sY2MViNGem7bfUG9mLzGEN69nTonpmVeBn-IRY79Yr-owSUFKnb8qoS9ou9d7XEMzgIgibsCmVXTfVzBKkOmijBc3CG7kNg/s1600/www.justnaira.com.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a>

Cursor 2

    <style type="text/css">body, a:hover {cursor: url(http://justnaira-css-js.googlecode.com/svn/mouse/Heart.gif), progress;}</style><a href="http://www.justnaira.com" target="_blank" title="Blogger Widgets"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJwrL4S55_9vIWK98yJiUcqk1e8v56BnpkgblfoyETGO4sY2MViNGem7bfUG9mLzGEN69nTonpmVeBn-IRY79Yr-owSUFKnb8qoS9ou9d7XEMzgIgibsCmVXTfVzBKkOmijBc3CG7kNg/s1600/www.justnaira.com.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a>

 Cursor 3

    <style type="text/css">body, a:hover {cursor: url(http://justnaira-css-js.googlecode.com/svn/mouse/Halloween_2.gif), progress;}</style><a href="http://www.justnaira.com" target="_blank" title="Blogger Widgets"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJwrL4S55_9vIWK98yJiUcqk1e8v56BnpkgblfoyETGO4sY2MViNGem7bfUG9mLzGEN69nTonpmVeBn-IRY79Yr-owSUFKnb8qoS9ou9d7XEMzgIgibsCmVXTfVzBKkOmijBc3CG7kNg/s1600/www.justnaira.com.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a>

Cursor 4

    <style type="text/css">body, a:hover {cursor: url(http://justnaira-css-js.googlecode.com/svn/mouse/Fly_2.gif), progress;}</style><a href="http://www.justnaira.com" target="_blank" title="Blogger Widgets"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJwrL4S55_9vIWK98yJiUcqk1e8v56BnpkgblfoyETGO4sY2MViNGem7bfUG9mLzGEN69nTonpmVeBn-IRY79Yr-owSUFKnb8qoS9ou9d7XEMzgIgibsCmVXTfVzBKkOmijBc3CG7kNg/s1600/www.justnaira.com.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a>

Cursor 5

     <style type="text/css">body, a:hover {cursor: url(http://justnaira-css-js.googlecode.com/svn/mouse/aliendance.gif), progress;}</style><a href="http://www.justnaira.com" target="_blank" title="Blogger Widgets"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJwrL4S55_9vIWK98yJiUcqk1e8v56BnpkgblfoyETGO4sY2MViNGem7bfUG9mLzGEN69nTonpmVeBn-IRY79Yr-owSUFKnb8qoS9ou9d7XEMzgIgibsCmVXTfVzBKkOmijBc3CG7kNg/s1600/www.justnaira.com.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a>

Cursor 6

    <style type="text/css">body, a:hover {cursor: url(http://justnaira-css-js.googlecode.com/svn/mouse/apple-tmani.gif), progress;}</style><a href="http://www.justnaira.com" target="_blank" title="Blogger Widgets"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJwrL4S55_9vIWK98yJiUcqk1e8v56BnpkgblfoyETGO4sY2MViNGem7bfUG9mLzGEN69nTonpmVeBn-IRY79Yr-owSUFKnb8qoS9ou9d7XEMzgIgibsCmVXTfVzBKkOmijBc3CG7kNg/s1600/www.justnaira.com.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a>

Cursor 7

    <style type="text/css">body, a:hover {cursor: url(http://justnaira-css-js.googlecode.com/svn/mouse/bounce.gif), progress;}</style><a href="http://www.justnaira.com" target="_blank" title="Blogger Widgets"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJwrL4S55_9vIWK98yJiUcqk1e8v56BnpkgblfoyETGO4sY2MViNGem7bfUG9mLzGEN69nTonpmVeBn-IRY79Yr-owSUFKnb8qoS9ou9d7XEMzgIgibsCmVXTfVzBKkOmijBc3CG7kNg/s1600/www.justnaira.com.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a>

Cursor 8

    <style type="text/css">body, a:hover {cursor: url(http://justnaira-css-js.googlecode.com/svn/mouse/tail2.gif), progress;}</style><a href="http://www.justnaira.com" target="_blank" title="Blogger Widgets"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJwrL4S55_9vIWK98yJiUcqk1e8v56BnpkgblfoyETGO4sY2MViNGem7bfUG9mLzGEN69nTonpmVeBn-IRY79Yr-owSUFKnb8qoS9ou9d7XEMzgIgibsCmVXTfVzBKkOmijBc3CG7kNg/s1600/www.justnaira.com.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a>

Cursor 9

    <style type="text/css">body, a:hover {cursor: url(http://justnaira-css-js.googlecode.com/svn/mouse/bluemultiglit.gif), progress;}</style><a href="http://www.justnaira.com" target="_blank" title="Blogger Widgets"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJwrL4S55_9vIWK98yJiUcqk1e8v56BnpkgblfoyETGO4sY2MViNGem7bfUG9mLzGEN69nTonpmVeBn-IRY79Yr-owSUFKnb8qoS9ou9d7XEMzgIgibsCmVXTfVzBKkOmijBc3CG7kNg/s1600/www.justnaira.com.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a> 

Cursor 10

    <style type="text/css">body, a:hover {cursor: url(http://justnaira-css-js.googlecode.com/svn/mouse/Arrow_02.gif), progress;}</style><a href="http://www.justnaira.com" target="_blank" title="Blogger Widgets"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJwrL4S55_9vIWK98yJiUcqk1e8v56BnpkgblfoyETGO4sY2MViNGem7bfUG9mLzGEN69nTonpmVeBn-IRY79Yr-owSUFKnb8qoS9ou9d7XEMzgIgibsCmVXTfVzBKkOmijBc3CG7kNg/s1600/www.justnaira.com.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a>

Cursor 11

    <style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-11/cur1058.ani), url(http://cur.cursors-4u.net/cursors/cur-11/cur1058.png), progress;}</style><a href="http://www.cursors-4u.com/cursor/2012/03/03/blue-fire-pointer.html" target="_blank" title="Blue Fire Pointer"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Blue Fire Pointer" style="position:absolute; top: 0px; right: 0px;" /></a>

Cursor 12

    <style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-10/cur949.ani), url(http://cur.cursors-4u.net/cursors/cur-10/cur949.png), progress;}</style><a href="http://www.cursors-4u.com/cursor/2011/12/26/batman-begins-help-select.html" target="_blank" title="Batman Begins - Help Select"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Batman Begins - Help Select" style="position:absolute; top: 0px; right: 0px;" /></a>

Cursor 13

    <style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-3/cur201.ani), url(http://cur.cursors-4u.net/cursors/cur-3/cur201.png), progress;}</style><a href="http://www.cursors-4u.com/cursor/2009/04/22/shiny-flashy-green-matrix.html" target="_blank" title="Shiny Flashy Green Matrix"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Shiny Flashy Green Matrix" style="position:absolute; top: 0px; right: 0px;" /></a>

Read More

TUTORIAL BLOG : "CARA MEMASANG WIDGET FACEBOOK FAN PAGE LIKE BOX"

Widget Facebook Fan Page Like Box adalah sebuah halaman khusus facebook yang memberikan informasi beragam sesuai dengan keinginan pengelola (admin) fan page, mulai dari info produk, event, layanan publik, artis, komunitas dan lainnya. Facebook Fan Page Like Box bisa membantu follower serta pengunjung untuk mendapatkan informasi/artikel terbaru di Facebooknya mengenai site Anda hanya dengan mengklik tombol 'Like'. Hal ini lah yang dimanfaatkan oleh kalangan tertentu, contohnya pengelola toko online untuk memberikan informasi atau event kepada pelangganya melalui facebook. Dengan demikian penyebaran informasi akan lebih cepat diterima oleh banyak orang.

Manfaat Facebook Fan Page bagi blog Anda adalah untuk mengumpulkan pengunjung sebanyak-banyaknya. Sedangkan manfaat bagi Anda yang memiliki toko online adalah mengirim pesan-pesan marketing atau mempromosikan produk Anda untuk menghasilkan penjualan. Dengan semakin banyaknya jumlah penggemar Facebook Fan Page Anda, maka akan semakin besar pula blog Anda dikenal orang dan makin besar juga peluang Anda mendapatkan uang.

Dari penjelasan Facebook Fan Page di atas rasanya perlu bagi kita untuk segera membuat widgetnya. Langsung saja yuks kita ke topik utama, rasanya sudah tidak perlu lagi berlama-lama menjelaskan tentang Facebook Fan Page. Sebelum Anda memasang widget Facebook Fan Page Like Box ini di blog kesayangan Anda, terlebih dahulu Anda harus membuat Facebook Fan Page.

Cara Pasang Facebook Fan Page Like Box di Blog

1. Login dulu ke Facebook Anda www.facebook.com
2. Masuk ke Halaman Developer Facebook.

3. Pada kolom "Facebook Page URL" silahkan masukkan URL Facebook Fan Page yang telah Anda buat, atur ukuran tinggi dan lebarnya, warna dan lain-lain. Setelah itu, silahkan klik tombol "Get Code"

4. Silahkan pilih tulisan "IFRAME" dan kemudian copas seluruh script yang ada dalam kotak.

5. Sebelum scriptnya di Paste/Tempel, silahkan login dahulu ke www.blogger.com

6. Dashboard > Layout > tambahkan Widget/Gadget > HTML/JavaScript > Kemudian pastekan seluruh script yang anda copas tadi.

7. Klik Save dan lihat hasilnya.

8. Untuk pemasangan di Wordpress, caranya kurang lebih sama, Pilih Menu Appearance > Widget > Widget Text > Add Widget > Paste seluruh script yang anda copas tadi > klik Save > lihat hasilnya

Read More

TUTORIAL BLOG : "CARA MEMBUAT EFEK DAUN BERGUGURAN, BINTANG DAN SALJU TURUN"

Selamat malam para blogger yang budiman, kali ini gua mau share seperti judul di atas. Ya memang jika membuat efek seperti ini, blog kita akan sedikit berat, tapi tak apalah kan kita ingin blog kita kelihatan lebih cantik dan menarik =)).

Sebenarnya ada 2 cara untuk memasang efek-efek di atas, tapi saya mengusulkan dengan menggunakan widget saja.

1. Login ke akun blogger anda
2. Ke tata letak >> tambah (add) Gadget >> HTML/Java Script
3. Masukkan script di bawah ini

Script untuk memunculkan bintang yang bertaburan ketika mouse digerakkan.

        4. dan simpan lalu silahkan cek blog kalian. Salam Blogger.

Terima kasih sudah membaca..

Read More