Cara Membuat Meta tag Deskripsi dengan Edit Template

Assalamu'alaikum Wr.Wb

Tidak dipungkiri, tag meta merupakan unsur penting dalam sebuah blog / website. Meskipun sebenarnya pengaruhnya terhadap SEO tidak begitu besar, namun sebagai blogger yang baik kita patut mencoba memasang tag meta dalam rangka meningkatkan presentase SEO blog kita.

Setelah pada postingan sebelumnya penulis mencoba menjelaskan cara memasang tag meta melalui setting dashbor blog, kali ini penulis akan mencoba menjelaskan cara memasang tag meta melalui edit template.

baca juga : Cara Membuat Gambar responsive di Blogger

Oke langsung saja, cara pertama adalah masuk Template >> Edit HTML.
selanjutnya cari kode <title> lalu tempel kode dibawah ini tepat dibawah <title>.

<meta content='DESKRIPSI BLOG' name='description'/> <meta content='KATA KUNCI BLOG' name='keywords'/>

Selanjutnya Simpan Template.
Selesai sudah jika template sudah disimpan maka tag meta sudah terpasang di template sobat semua.

NB : Bila sobat sudah menggunakan cara yang melalui setting, maka cara ini tidak perlu.

Sepertinya cukup sekian saja pembahasan penulis tentang cara memasang tag meta dengan edit template.

Salam Blogger !!!

Wassalamu'alaikum Wr.Wb

Read More

Cara Membuat Meta-tag Deskripsi di Blog

Assalamu'alaikum Wr.Wb

Apa itu Meta-Tag Deskripsi ?

Meta-Tag Deskripsi adalah sebuah rangkaian kalimat yang mendeskripsikan isi keseluruhan dari blog sobat sekalian. Walaupun Meta-Tag Deskripsi ini sebenarnya tidak terlalu berpengaruh ke dalam hal SEO-Friendly, tapi tidak ada salahnya kita menerapkan Meta-Tag Deskripsi agar Search Engine lebih mudah dalam merayapi setiap halaman di blog kita.

Cara Memasang Meta-Tag Deskripsi bisa dilakukan dengan dua cara. Dengan memasukkan script <meta> di edit Template dan di pengaturan.

Nah, kali ini kita akan membahas yang menggunakan cara kedua,yakni menggunakan pengaturan. Sedangkan yang menggunakan <meta> akan kita bahas di posting selanjutnya.
Oke langsung saja kita simak langkah - langkahnya.

1. Masuk ke Setelan >> Preferensi penelusuran
2. lalu klik pada tag meta diskripsi dan masukkan deslripsi blog sobat.
3. Terakhir klik Simpan.

Setelah disimpan berarti blog sobat sudah memiliki Meta-Tag Deskripsi.

Tampaknya cukup sekian saja tutorial kali ini. Semoga membantu, jangan lupa share agar lebih bermanfaat.

Dari saya cukup sekian, mohon maaf bila ada kesalahan penulisan dalam srtikel ini

Happy Blogging !!!

Wassalamu'alaikum Wr.Wb

Read More

Cara Membuat Gambar responsive di Blogger

Assalamu'alaikum Wr.Wb

Gambar responsive merupakan gambar pada blog yang otomatis menyesuaikan ukurannya dengan ukuran device yang digunakan untuk membuka blog tersebut. Dengan begitu maka blog akan terlihat rapi, karena tidak ada gambar yang over-size. Gambar yang responsive juga merupakan salah satu persyaratan sebuah blog disebut memiliki blog yang memiliki template responsive.

Saking pentingnya gambar responsive ini ada beberapa template buatan master - master blogger yang sengaja sudah dibuat responsive. Kalau sobat menggunakan template yang sudah menggunakan gambar responsive maka kemungkinan tidak memerlukan artikel ini. Tapi untuk yang belum, silahkan dibaca artikel ini sampai habis.

Sebenarnya ada beberapa cara untuk membuat gambar dalam blog menjadi responsive. Salah satunya adalah yang akan kita bahas kali ini, yakni menggunakan script CSS yang di sisipkan pada template blogger.

Oke langsung saja, caranya adalah seperti berikut.

• Masuk dashbor blogger Disini.
• Klik Edit Template => Edit HTML.
• Cari kode ]]></b:skin> atau </head>
• letakkan kode CSS dibawah ini tepat di atas kode ]]></b:skin> atau </head>

.separator a{margin-left:0px !important;margin-right:0px !important;} .post img{max-width:100%;height:auto;}

• Klik Simpan Template

Sepertinya sekian dulu untuk postingan tutorial kali ini.

Mohon maaf apabila ada salah kata.
Wassalamu'alaikum Wr.Wb

Read More