Sunday 30 October 2016

Cara Membuat Label atau Kategori di Blog




Cara Membuat Label atau Kategori di Blog. Label atau kategori di blog yang berarti mengelompokan jenis artikel berdasarkan pembahasan yang berkaitan antara satu dan lainnya. Misalnya kita punya 3 artikel dengan judul ayam jantan, ayam hias dan ayam kampung, maka dari ketiga judul tersebut kita kelompokan menjadi satu jenis, yaitu ketegori ayam. Jadi ketika orang buka label/kategori ayam, maka ketiga judul tersebut akan tampil dalam satu halaman.

Itulah sedikit penjelasan apa yang dimaksud dengan label atau kategori. Untuk lebih jelasnya bisa kalian lihat di Kategori sebelah kiri blog ini. Klik salah satu kategori, maka akan terbuka halaman baru, dengan isi semua artikel yang kategorinya sama. Untuk lebih jelasnya. Cara membuat label atau kategori di blog.
Ikuti langkah-langkah dibawah ini.
  1. Buatlah 3 entri baru atau edit 3 artikel lama kamu.
  2. Dan dibagian Setelan Entri(sebelah kanan entriKlik Label dan beri label dengan nama Tutorial Blog dan klik Selesai. Tulis ketiga artikel kamu dengan nama label yang sama Tutorial Blog. Lihat gambar dibawah untuk lebih jelasnya.
  3. cara membuat label atau kategori di blog
  4. Setelah Selesai memberi nama label. Buka pengaturan Tata Letak.
  5. Klik Tambahkan Gadget atau add gadget.Dan cari Label seperti gambar dibawah ini.
  6. cara membuat label atau kategori di blog
  7.  Klik Tanda + di sebelah kanan Label gambar diatas dan beri judul label atau kategori, dan klik Simpan. seperti gambar dibawah ini.
  8. cara membuat label atau kategori di blog
  9. Contoh tampilan kategori atau label di blog lihat gambar dibawah ini.
  10. cara membuat label atau kategori di blog
  11. Letakan label/kategori sesuai dengan yang kamu inginkan. dan Lihat hasilnya.Widget degan nama kategori/label sudah ada di blog kamu. Selesai.
Dengan adanya label, maka kita dapat dengan mudah membagi setiap artikel menjadi beberapa nama kelompok artikel yang sesuai dengan yang kita inginkan. Dalam satu artikel, kita juga bisa membuatnya menjadi 2 label atau lebih. Jadi tidak harus menempatkan satu artikel kedalam satu kategori. Tapi bisa kebanyak kategori

Jika nanti label/kategori kamu sudah banyak, tambahkan fungsi scroll agar tidak banyak menghabiskan tempat. Jika ingin memberi warna background pada judul kategori, dan lain-lainnya.  Baca Disini. Semoga Bermanfaat.

Cara Membuat Sub Menu pada Blog


Sub Menu
Salam luar biasa…
Sekarang banyak sekali informasi tentang caramenambah / membuat sub menuuntuk menu utama di internet. Kita bisa dengan mudah mencari informasi tersebut hanya dengan mengetikkan kata tertentu sesuai maksud yang diinginkan pada salah satu mesin pencari (search engine) seperti google.com , maka akan tertera informasi yang kita inginkan.

Berdasarkan pengalaman saya, dari beberapa informasi yang kita maksud, terkadang kurang jelas cara atau langkah-langkah yang mesti dilakukan. Apalagi seperti saya yang masih awam dengan pengetahuan tentang blogger ini. 


Karena itu, saya akan membagi pengalaman saya tentang suatu informasi yaitu cara membuat sub menu pada menu utama di blogspot”.
Sebelumnya, saya sangat berterima kasih kepada Mas Ahmad Rifai (http://blog.ahmadrifai.net/2012/03/membuat-menu-serta-sub-menu-tanpa.html) walaupun kita belum saling mengenal satu sama lain.

Berikut ini langkah-langkah yang harus dilakukan :
  1. Klik Menu Desain 
  1. Pilih Menu Template lalu pilih menu Edit HTML 
  1. Pilih/klik menu Lanjutkan
  1. Pilih/klik menu Expand Template Widget
  1. <div class='main-outer'> atau
    <div id='main-wrapper'> atau <div id='main'>
     
    Cari scrift berikut :



Agar lebih mudah, klik saja F3 pada keyboard lalu pilh salah satu scrift diatas. Berdasarkan pengalaman saya setelah membolak balik informasi di www.google.com maka yang cocok adalah :
div class='main-outer'>.
Bisa jadi beda dengan template yang lain…

Setelah dapat, copas scrift berikut tepat diatas scrift yang dicari tadi : 


<style>
/* -- Menu Horizontal + Sub Menu-- */
#cat-nav {background:#156994;margin:0 15px;padding:0;height:35px;}
#cat-nav a { color:#eee; text-decoration:none; text-shadow: #033148 0px 1px 0px;border-right:1px solid #156994;}
#cat-nav a:hover { color:#fff; }
#cat-nav li:hover { background:#000; }
#cat-nav a span { font-family:Verdana, Geneva, sans-serif; font-size:11px; font-style:normal; font-weight:400; color:#fff; text-shadow:none;}
#cat-nav .nav-description { display:block; }
#cat-nav a:hover span { color:#fff; }
#secnav, #secnav ul { position:relative; z-index:100; margin:0; padding:0; list-style:none; line-height:1; background:#0d5e88; }
#secnav a { font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight:700; font-size:14px; display:block; z-index:100; padding:0 15px; line-height:35px; text-decoration:none;}
#secnav li { float:left; width: auto; height:35px;}
#secnav li ul  { position: absolute; left: -999em; width: 200px; top:35px}
#secnav li ul li  { height:30px; border-top:1px solid #fff; }
#secnav li ul li a  { font-family:Verdana, Geneva, sans-serif; width:180px; line-height:30px; padding:0 10px; font-size:11px; font-style:normal; font-weight:400; color:#eee; }
#secnav li ul ul  { margin: -30px 0 0 180px; }
#secnav li:hover ul ul, #secnav li:hover ul ul ul, #secnav li.sfhover ul ul, #secnav li.sfhover ul ul ul { left:-999em; }
#secnav li:hover ul, #secnav li li:hover ul, #secnav li li li:hover ul, #secnav li.sfhover ul, #secnav li li.sfhover ul, #secnav li li li.sfhover ul { left: auto; }
#secnav li:hover,#secnav li.hover  { position:static; }
#cat-nav #secnav {width:100%;margin:0 auto;}
</style>
<div id='cat-nav'>
<ul class='fl' id='secnav'>
<li><a href='#'>Beranda</a></li>
<li><a href='#'>Menu 1</a></li>
<li><a href='#'>Menu 2</a>
<ul id='sub-custom-nav'>
<li><a href='#'>Sub Menu2 a</a></li>
<li><a href='#'>Sub Menu2 b</a></li>
</ul>
</li>
<li><a href='#'>Menu3</a>
<ul id='sub-custom-nav'>
<li><a href='#'>Sub Menu3a</a></li>
<li><a href='#'>Sub Menu3b </a></li>
</ul>
</li>
<li><a href='#'>Menu4</a>
<ul id='sub-custom-nav'>
<li><a href='#'>Sub Menu4a</a></li>
<li><a href='#'>Sub Menu4b </a></li>
</ul>
</li>
<li><a href='#'>Menu5</a></li>
</ul>
</div>


PENJELASAN :

7. Setelah itu klik Pratinjau dulu untuk memastikan scrift sudah benar . Lalu simpanlah/save. Dan tutup edit HTML tersebut.

Saran : back up dulu template anda sebelum merubah/menambah scrift diatas, agar bisa dimanfaatkan kembali jika ada masalah dengan penambahan srcritf diatas.

8. Untuk menghilangkan tampilan tampilan dabel dengan Laman Utama, 
Maka ikutilah saran berikut :

  • Masuk ke Menu Laman 
  • Lalu pilih tampilan halaman dengan memilih "jangan tampilkan"
  • Simpan setelan, maka laman utama akan tampil sendiri sesuai dengan scrift yang kita ketikkan tadi.
Blog sudah bisa dipublikasikan...

Semoga sharing yang saya buat ini bisa bermanfaat dan menambah khazanah pengetahuan kita semua.

Tutorial Mudah Cara Membuat Blog Gratis Di Blogspot (Blogger)


tutorial membuat blog

Iseng2 nulis blog. Cuma pengantar yang mencoba meniru-niru iklan di tivi. Oh ya, mungkin sahabat punya rencana untuk membuat blog? Nah, kali ini saya akan mencoba menulis tutorial mudah cara membuat blog di blogger atau blogspot. Sebagai pemula tentunya sobat ingin menggunakan platform terbaik untuk blogging. Yup, pilihan sobat tidak salah blogger lah menurut saya yang oke punya.



Alasan Memilih Platform Blogger Untuk Blogging

Beberapa alasan mengapa banyak orang menggunakan platform blogger untuk blogging adalah:
  1. User friendly (mudah digunakan).
  2. Gratis jika sobat menggunakan subdomain blogger untuk blogspot.
  3. Dapat dipasangi iklan (blogspot membolehkan penggunanya memasang script iklan) mulai dari google adsense, hingga script iklan lokal yang kini semakin menjamur dan tumbuh subur.
  4. Memungkinkan utak-atik template dan layout blog secara lebih leluasa dibanding platform lainnya karena blogger (juga blogspot) memberikan akses untuk edit kode HTML dan edit CSS.

Tutorial Langkah-Langkah Membuat Blog Gratis Di Blogspot (Blogger)

Baik, mungkin sobat sudah tidak sabar untuk membuat blog pertama sobat. Tanpa berpanjang lebar lagi, silakan ikuti langkah-langkah tutorial berikut.
  1. Login dengan akun email gmail sobat
  2. Masuk ke http://www.blogger.com/home
  3. Akan terbuka halaman seperti berikut (gambar blogger)
    tutorial cara membuat blog di blogspot
    halaman blogger
  4. Klik tombol BUAT BLOG BARU di sisi kiri atas halaman
  5. Akan terbuka jendela pop up(lihat gambar)
    cara membuat blog gratis di blogspot
    cara mendaftar membuat blog
  6. Isikan JUDUL BLOG sobat. Untuk judul blog, mungkin sobat sudah punya rencana sendiri. Saya menyarankan sobat menggunakan nama blog sesuai dengan tema artikel blog sobat nantinya. Misalnya, ketika sobat ingin mengisi blog tersebut dengan informasi tentang tips kesehatan, maka berilah judul yang ada kaitannya dengan itu. Kalau isi blog sobat nantinya tentang fotografi, maka beri juga judul yang sesuai dengan itu.
  7. Isikan ALAMAT blog sobat nantinya. Alamat blog sangat penting karena berkaitan dengan proses pencarian pengujung blog sobat dan juga perayapan mesin pencari (search engine) macam google, yahoo, atau bing. Jadi sebaiknya gunakan kata kunci utama (keyword) sobat untuk alamat blog. Memang kadang-kadang agak susah menemukan alamat blog yang sesuai dengan kata kunci yang diinginkan karena sudah ada pengguna blogger yang menggunakannya sebagai alamat blognya. Jadi kita kadang-kadang mesti harus utak-atik dulu, lalu memilih mana yang kira-kira paling baik dan cocok untuk menggambarkan blog kita. Beberapa blogger (seperti saya) justru hanya menggunakan nama diri saja, yaitu novehasanah.blogspot.com sebagai alamat blog. Sobat juga dapat memilih seperti ini, tetapi sebaiknya gunakan kata kunci (keyword) utama sobat.
  8. Pilih template yang sobat inginkan. (lihat gambar)
    membuat blog gratis di blogspot
    mulai mendaftar untuk membuat blog
  9. Khusus untuk contoh ini, saya menggunakan judul TIPS MENULIS dan alamat TIPSTULIS.BLOGSPOT.COM, lalu memilih template SEDERHANA (SIMPLE)
  10. Kalau dirasa JUDUL, ALAMAT dan TEMPLATE sudah oke, silakan klik tombol BUAT BLOG. Oh ya, untuk template blog nanti dapat diubah-ubah sesuai selera. Begitu juga dengan judul blog. Hanya alamat blog yang sebaikya tidak diubah, apalagi jika blog sobat sudah diisi artikel atau konten blog. Akan terbuka halaman berikut.
    tutorial cara membuat blogspot blog
    Blog anda sudah dibuat!
  11. Lihatlah, sobat kemudian akan dibawa ke halaman baru (halaman blogger) yang segera terbuka. Perhatikan, ada tulisan BLOG ANDA TELAH DIBUAT! Dengan JUDUL BLOG ANDA disebelah atasnya. Lalu di sana ada menu MULAI MENGEPOSKAN. Ini digunakan jika sobat ingin segera mengisi blog sobat dengan artikel. Lalu ada juga tombol gambar berbentuk PENSIL berwarna oranye (fungsinya sama untuk mulai mengeposkan), lalu tombol TUMPUKAN DOKUMEN (daftar entri), ini tentu masih kosong karena sobat belum mengisi blog dengan artikel atau konten lainnya, tombol SEGITIGA KECIL (opsi lainnya) yang bisa sobat klik untuk memunculkan menu drop down lainnya.
  12. Sekarang silakang sobat klik tombol LIHAT BLOG pada barisan paling kanan untuk melihat tampilan blog sobat yang sudah jadi.
  13. Akan terbuka tab baru browser sobat, dan tampaklah blog sobat yang sudah jadi. (lihat gambar)
    tutorial membuat blog di blogspot
    tampilan blog anda
  14. Untuk mulai mengisi blog sobat silakan klik menu ENTRI BARU di sebelah kanan atas halaman blog sobat atau dapat juga melalui dashboard blogger sobat dan mengklik tombol bergambar PENSIL ORANYE yang saya sebutkan sebelumnya di atas.
Nah, mudah bukan cara membuat blog di blogger? Silakan mulai menulis secara konsisten di blog sobat. Ingat, membuat blog itu sangat mudah. Sobat dapat membuat beberapa buah blog dalam sehari, tetapi memelihara dan menjaga blog tetap terisi dengan artikel dan konten bermutu secara konsisten tidaklah mudah. Diperlukan komitmen yang kuat untuk ini. Sobat mungkin sering menemukan blog-blog yang hanya terisi beberapa artikel lalu kemudian ditinggalkan oleh pemiliknya. Singkatnya, blognya tidak terurus. Oke, sampai di sini tutorial cara membuat blog baru di blogger atau blogspot. Pada tulisan selanjutnya kita akan mengulas bagaimana memelihara blog dan mempercantik blog sehingga makin banyak pengunjungnya. Happy blogging. Wassalam.

SUMBER