Rabu, 31 Agustus 2016

CARA MENGUBAH MODEL CURSOR MEJADI UNIK Dan MENARIK Pada BLOG

      Blogger pasti ada yang ingin mendesain blognya agar lebih menarik. Salah satunya megubah cursor yang tadinya tanda panah biasa warna putih, ingin diubah menjadi cursor dengan model/bentuk lain dan berwarna.

      Sebagai pembuka, kamu liat dulu macam model cursor yg unik, klik  >>  DI SINI .
Lalu, pilih kategori yang kamu inginkan, kemudian klik pada gambar cursor yg kamu suka untuk diterapkan di blog kamu.
Lihat gambar
Source: http://www.madamvia.web.id/

      Next, kamu scroll ke bawah dan cari bagian yang aku lingkari seperti pada gambar. Di situ ada kode 1 dan kode 2 yang merupakan kode HTML dari cursor yang kamu pilih.


Dan di tutorial ini, aku pake gambar cursor yang ini
Dengan dua kode HTML.
Kode pertama: <style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-2/cur118.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2008/12/17/cool-grey-outer-glow-pointer.html" target="_blank" title="Cool Grey Outer Glow Pointer"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Cool Grey Outer Glow Pointer" style="position:absolute; top: 0px; right: 0px;" /></a>

Kode kedua: /* Start http://www.cursors-4u.com */ body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-2/cur118.cur), progress !important;} /* End http://www.cursors-4u.com */


Sekarang kita mulai,
1. Kamu buka URL www.blogger.com
2. Klik Template.
3. Klik Edit HTML
4. Selanjutnya, kamu klik di sembarang tempat (pada kolom yang terdapat banyak kode HTML), lalu kamu tekan tombol Ctrl + F. Maka akan muncul kolom Search seperti pada gambar berikut


5. Sebelumnya, kamu copy dulu kode pertama.
Lalu pada kolom Search, kamu tuliskan kode </body>  , lalu tekan Enter.
Kemudian DI ATAS kode </body> yang sudah ditemukan, kamu paste kode pertama tadi.


6. Selanjutnya, untuk kode kedua, kamu copy lagi.
Setelah itu, pada kolom Search, kamu tuliskan kode ]]></b:skin>  , tekan Enter.
Kamu paste kode kedua, DI ATAS kode ]]></b:skin> yang sudah ditemukan tadi,  yaitu di sebelah kanan tanda "  }  "
Lihat gambar lagi biar jelas


7. Klik Simpan Template. Dan klik Lihat Blog, untuk lihat hasilnya.

Nah, itu tadi Cara Mengubah Cursor Menjadi Menarik dan Unik pada Blog.
Trims udah mampir di blogku :)

CARA MEMASUKKAN ARTIKEL KE MENU BLOG

      Post kali ini aku tulis dengan tujuan membantu para blogger yang baru punya blog. Yang masih gak paham "gimana sih, biar artikel yang kita tulis bisa otomatis masuk ke kategori di Menu?"
      Gak semudah yang dibayangkan lho, karna sebenernya sebelum melakukan tutorial ini, ada langkah awalnya yaitu kamu harus edit HTML dulu yang rumitnya gak karuan untuk Membuat Menu dan Submenu. Kamu bisa klik > DI SINI < klik, untuk membuatnya trlebih dahulu.
Kalo sekarang aku cuma mau kasih pengertian aja.

      Kamu pernah kan baca-baca artikel di sebuah blog? ada menu utama dan submenunya kaya gini

      Dari gambar di atas, di setiap menu pastinya terkumpul artikel sesuai kategori menu nya. Dan itu ga terjadi secara otomatis, karna berdasarkan pengalamanku ketika pertama kali buat blog dan mulai menulis 2-3 artikel (yaitu 2 artikel tutorial, 1 artikel tips), lalu aku check di menu Tutorial, gak ada tuh artikel-artikelnya. Adanya di halaman depan (Home) saja.
Lalu, gimana biar artikel masuk di kategori menu masing-masing?

     Caranya, kamu sertakan Label di setiap postingan kamu. 
Contoh: kamu ingin menulis artikel "Tips Menghilangkan Jerawat" *hehehe contoh*.
Artinya artikel tersebut masuk kategori "Tips dan Trik",  maka pada kolom Label, kamu tuliskan Tips dan Trik. Lalu klik Selesai, dan Publikasikan
Lihat Gambar


      Dengan begitu, artikel "Tips Menghilangkan Jerawat" tadi udah masuk dan terdaftar di kategori menu "Tips dan Trik".
     Selanjutnya kamu bisa post artikel lainnya. Entah apapun jenisnya, jangan lupa sertakan Labelnya ya, sesuai kehendakmu ingin memasukan artikel tersebut ke kategori menu yang mana.

Paham sudah? Masih gak paham, hubungi saya langsung dah. hehe

Terima Kasih sudah baca :)
 
Firefly Pointer 2