Senin, 19 September 2016

Manfaat / Fungsi Label Di Blogger

Label di blogger merupakan salah satu hal yang sangat perlu kita perhatikan, bahkan bisa dikatakan penting ada pada blog blogger.

Sebagian blogger pemula mungkin belum menyadari pentingnya label  pada setiap artikel yang mereka tulis di blogger, atau mungkin tidak menyadari keberadaan label tersebut.

Oleh karena itu pada kesempatan kali ini saya akan menuliskan beberapa manfaat / fungsi label di blogger serta cara membuat label di blogger.

Di sini saya akan membahas manfaat label di blogger terlebih dahulu sebelum membahas bagaimana 

Cara membuat label di blogger.

4 Manfaat / Fungsi Label Di Blogger

1. Untuk Mengelompokkan Artikel Pada 1 Topik / Menu

Label di blogger berfungsi untuk mengelompokkan beberapa artikel dalam 1 topik / menu, sehingga memudahkan kita maupun pengunjung untuk menemukan artikel yang pas dengan topik tertentu.

Contoh :

Kita memiliki blog dengan beberapa topik pembahasan yaitu : blogger tutorial, tips komputer, download software, android, dsb. Sedangkan seluruh artikel yang kita tulis tidak memiliki label, maka bagaimana kita bisa mengelompokkan artikel pada pembahasan tertentu.

Kecuali jika kita mau membuat beberapa halaman khusus yang kita isi secara manual untuk membuat list artikel dengan masing-masing topik.

Lain halnya jika setiap artikel yang kita tulis memiliki label, maka kita tidak perlu repot-repot membuat beberapa halaman khusus untuk mengelompokkan artikel yang ada di blog kita. 

Karena setiap label yang kita buat akan secara otomatis membuat halaman khusus untuk label tersebut.

Contoh nyata :

Blog ini berisi artikel dengan beberapa topik, dan salah satu topik yang ada di blog ini adalah pembahasan seputar blogger, maka saya membuat label dengan nama blogger, maka seluruh artikel yang saya tulis tentang blogger akan memiliki halaman khusus yaitu : blogger

Yang mana halaman blogger tersebut memiliki link khusus yaitu :http://www.shoim-myg.blogspot.com/search/label/blogger

Nah link itu lah yang nantinya bisa kita gunakan pada menu yang ada di blog kita, sehingga ketika orang klik menu tersebut akan dibawa ke halaman yang menampilkan beberapa artikel yang masuk dalam label blogger.

Untuk membuat blog gaya magazine biasanya kita memerlukan script recent post by label. Sama halnya seperti script related post, script recent post by label juga memerlukan label, dilihat dari namanya saja recent post by label, jadi sudah tentu berhubungan dengan yang namanya label.

Jadi jika sobat ingin membuat blog gaya magazine, maka jangan abaikan label. Ini adalah terobosan terbaru di blogger, yaitu kita bisa menambahkan kode tertentu pada template blogger yang kita gunakan untuk label tertentu yang ada pada blog kita.

Misalnya kita ingin menambahkan icon video pada pos tentang video yang ada di blog kita, dsb. Untuk pengenalan ini blogger menulisnya dalam artikel : More custom template flexibility.

Untuk membuat label di blogger bukanlah hal yang sulit kok, mungkin mereka yang mengosongkan label pada posting yang mereka tulis karena belum tahu manfaat / fungsi label yang ada di blogger.

Jika sobat sudah terlanjur membuat beberapa artikel yang tidak memiliki label maka cara termudah untuk menambahkan label pada masing-masing artikel adalah sebagai berikut :

Apabila semua artikel / pos yang ada di blog blogger kita memiliki label, maka kita dapat memasang widget label, yang fungsinya untuk menampilkan seluruh label atau sebagian label yang ada di blog kita seusai pengaturan yang kita inginkan.

Selain berfungsi untuk menampilkan label - label yang ada pada blog kita, widget ini juga dapat mempermudah kita untuk mengambil link label tertentu jika kita ingin memasang link label tersebut pada menu yang ada di blog kita.

Memasang widget label di blogger juga mudah kok, caranya :
Setelah widget labels terpasang pada blog sobat, maka langkah yang harus dilakukan untuk mengambil link label tertentu adalah membuka blog yang sudah memiliki widget label tadi.

Cari widget label, maka sobat akan menemukan list label yang ada, klik kanan pada label yang ingin sobat ambil linknya, setelah itu pilih Copy Link / Salin Lokasi Tautan, kemudian silakan paste link label tersebut misalnya pada menu.


Untuk lebih mudah menemukan link label silakan baca pada pembahasan cara memasang widget label di bawah nanti. 
Jadi jika ingin mengelompokkan artikel pada 1 menu maka blog kita harus memiliki label.

2. Membuat Related Post Di Blogger Maka Post Harus Memiliki Label
Sudah tahu kan apa itu related post ?

Saya yakin sobat sudah tahu apa itu related post, yaitu widget yang fungsinya untuk menampilkan beberapa artikel yang berhubungan dengan artikel yang dibaca pengunjung, yang mana biasanya diletakkan di bawah posting.

Nah untuk menampilkan related post tersebut memerlukan label, bagaimana kita bisa menampilkan related post (artikel terkait) jika artikel yang kita tulis tidak memiliki label.

Maka label sangat penting jika sobat ingin membuat related post. dang jangan heran jika script related post tidak jalan pada blog yang tidak memiliki label.

Teman saya pernah nanya sama saya, yang intinya dia bingung kenapa related post di blog dia tidak keluar, padahal script sudah dipasang dengan benar. Dan setelah saya cek blog-nya, ternyata artikel yang ada di blog dia semua tidak memiliki label, jadi saya sarankan untuk membuat label untuk semua artikelnya dan akhirnya related post terlihat.

3. Membuat Blog Gaya Magazine Dengan Recent Post By Label Di Blogger

4. Untuk Menambahkan Beberapa Ekspresi Pada Template Blogger

Cara Membuat Label Di Blogger

  • Masuk ke Dasbor blogger
  • Buka halaman Pos
  • Beri centang pada pos yang ingin di beri label (atau centang beberapa jika akan dimasukkan dalam 1 label)
  • Klik icon  (label) kemudian klik menu Label baru...
  • Pada jendela baru silakan tulis nama label yang sobat inginkan kemudian klik Oke
  • Ulang lagi langkah-langkah tersebut sampai semua Pos memiliki label


Menambahkan Label Pada Artikel Baru

Adapun cara menambahkan label pada artikel baru yang akan kita tulis adalah sebagai berikut :

  • Buat artikel baru dengan cara klik tombol Entri baru
  • Tulis artikel seperti biasanya
  • Klik tab Labels kemudian tulis nama label yang sobat inginkan
  • Jika dirasa sudah semua silakan Terbitkan artikel tersebut.


Cara Memasang Widget Label Di Blogger


  • Pada Dasbor blogger buka halaman Tata Letak
  • Klik Tambahkan Gadget / Add a Gadget pada posis yang sobat inginkan.
  • Pilih gadget Labels
  • Kemudian atur widget tersebut sesuai keinginan sobat
  • Jika sudah selesai silakan klik Simpan / Save.


Nah itulah manfaat / fungsi label di blogger serta cara membuatnya, bagi yang biasanya mengosongkan label, maka mulai saat ini isi label tersebut dengan nama label yang sesuai dengan artikel.


Cara membuat menu di blog



Cara Membuat Menu Di Blog
Cara edit menu-menu yang ada di blog

  • dan di akhiri dengan kode
  • yaitu pada Menu 2.
    Untuk membuat menu di blog blogger kita, maka sudah pasti kita wajib login ke blogger, silakan login di ke blogger, kunjungi www.blogger.com untuk login.
    Loading..... :-)
    Sekarang saya anggap sobat sudah login di blogger dan sudah siap mengikuti tutorial langkah demi langkah membuat menu di blogger.


    Pertama klik menu Tata Letak
    Tutorial Membuat Menu Di Blog

    Pandangi bagaimana tampilan Tata Letak Blogger, di sana ada kolom Posting Blog, Tambahkan Gadget, dsb...
    Cara Membuat Menu Di Blog Dengan Mudah

    Tugas sobat adalah memilih kolom Tambahkan Gadget tapi yang lebar, contohnya pilih kolom Tambahkan Gadget yang ada di atas kolom Posting Blog => Klik tulisan Tambahkan Gadget, makan akan keluar window baru.
    Pada window baru tersebut pilih HTML/JavaScript (klik aja sob)

    Tutorial Membuat Menu Di Blog Dengan Mudah

    Kemudian masukkan semua kode css dan html dibawah ini pada kolom isian yang tersedia, tepatnya pada kolom Konten. Lihat gambar dibawah css dan html ini:


    Tutorial Cara Membuat Menu Di Blog Dengan Mudah
    Jika semua kode sudah dimasukkan klik Simpan.



    Sampai tahap ini blog sobat sudah memiliki menu horizontal, namun saya yakin sobat ingin menu-menu tersebut sesuai keinginan. Jika demikian, mari kita lanjutkan edit menu horizontal tersebut.

    Pada kode css dan html yang sobat masukkan tadi ada kode 
    Di situ ada nama2 halaman, mulai dari Home, About, Daftar Isi, Menu, dsb. Dan kode pagar #
    Kode pagar # silakan sobat ganti dengan link halaman yang di inginkan

    AboutDaftar IsiMenu, dst... silakan ganti dengan nama menu yang di inginkan
    Untuk mengedit menu silakan lihat contoh ini, mengganti menu About menjadi Tentang.
    Kode asal :

    Yang perlu di edit adalah kode pagar # dan nama menunya, contoh : About.
    Kode setelah di edit :

    Menu About saya ganti menjadi Tentang, dan kolom link/url (yang saya beri tanda pagar #) saya masukkan link http://www.blogbacatulis.com/p/tentang.html


    Untuk cara edit menu-menu yang lainnya sama dengan contoh di atas, yang perlu sobat ganti hanya tanda #dan nama Menunya saja.


    Link yang di masukkan ke menu harus link yang benar, karena jika salah maka jika di klik akan masuk ke halaman 404 / Error / Halaman Tidak Ditemukan.
    Untuk pengembangan dan bahan belajar edit menu :
    setiap menu harus di awali dengan kode
    Contoh yang benar:

    Pada contoh yang salah, ada satu menu yang tidak di akhiri dengan kode


    Untuk mengganti tampilan menu, baik warna, lebar, dsb. sobat perlu mengerti bahasa CSS, kode css pada menu tersebut dimulai dari kode 


    Tambahan

    Drop down menu di blog


    Karena tutorial ini saya anggap masih perlu tambahan, akhirnya saya putuskan untuk meneruskan tutorial cara membuat menu ini, sebab kemaren udah capek :-D
    Langsung ...
    Pada kode menu di atas ada bagian
    Di situ terlihat 1 menu seperti tidak sempurna/salah, tepatnya pada kode ini

    Menu disitu tidak ditutup dengan kode 
    Kenapa bisa seperti demikian? Karena itu adalah bagian menu yang memiliki sub menu (drop down menu/menu turun). Jadi kode
    nya diletakkan di akhir kode sub menu, tepatnya kode ini.



    Jadi, jika sobat ingin menambahkan menu dropdown, konsepnya sama, yaitu harus di awali dengan kode

  • dan ditutup dengan kode
  • Contoh penambahan 2 menu pada dropdown menu


    Mungkin itulah tutorial cara membuat menu di blog yang bisa saya tuliskan kali ini, semoga mudah dipahami dan bermanfaat.