Halo guys, apa kabar buat kalian semuanya, semoga selalu dalam keadaan sehat ya guys ..
Oh ya guys, dalam kesempatan kali ini masibbas.site kembali lagi akan mencoba share tentang seo dan blogging mengenai tutorial mudah membuat kolom baca juga didalam postingan blog seperti yang nampak pada gambar diatas.
Dalam membuat sebuah konten berupa artikel untuk diposting kedalam sebuah blog atau web kita semua tentu ingin menampilkan yang terbaik agar konten terlihat lebih rapi dan menarik untuk dilihat ya guys.
Biasanya jika kita membuat sebuah konten tentunya ingin menambahkan beberapa backlink tentang artikel terkait yang kita buat. Untuk menambahkan sebuah backlink tentang artikel terkait tentang tema yang dibahas bisa dilakukan dengan dua cara guys yaitu memasukkan backlink kedalam sebuah kalimat yang ditulis dan bisa juga meletakkan backlink dengan tulisan "Baca Juga" dan meletakkannya ditengah-tengah konten dengan memberi jarak space line dengan artikel.
Kali ini masibbas.site akan memberikan tutorial agar tampilan peletakan backlink terlihat lebih menarik dan rapi karena berada didalam sebuah kolom yang otomatis akan muncul jika kita tambahkan sebuah script yang memuat backlink, dan cara penggunaannya juga tergolong sangat mudah bahkan para newbie juga akan dengan mudah menerapkannya pada blog mereka guys.
Baiklah guys, gak usah lama lama lagi langsung saja sekarang kita akan masuk pada cara pembuatan kolom baca juga didalam postingan, dan caranya adalah sebagai berikut.
Baca Juga : Tutorial Mudah Membuat Iklan Link Tautan Adsense Menjadi 5 Susun atau Lebih Banyak (2019) - Tutorial
Langkah Pertama kalian login terlebih dahulu pada blogger atau blog yang akan kalian sematkan tabel otomatisnya. Langkah selanjutnya masuk pada bagian Tema - HTML - cari kode </head> atau </head> dan pastekan script dibawah ini tepat diatas kode </head> atau </head> tersebut.
<style type="text/css">/*Artikel Terkait*/.bacajuga{position:relative;display:inline-block;border:1px solid #DDD;margin:20px 0}.bacajuga h4{background-color:#FFF;position:absolute;margin-left:30px;margin-top:-14px;padding:0 15px;border:1px solid #DDD}.bacajuga ul{padding:11px 41px 0;list-style:none}.bacajuga ul a:before{font-family:fontawesome;content:"\f105";padding-right:10px}.bacajuga li{border-radius:5px;border-bottom:1px solid rgba(227,227,227,0.33);line-height:1.7em}</style>
Script diatas merupakan komponen utama dari pembuatan kolom baca juga secara otomatis, jadi jangan sampai lupa untuk meletakkan kode tersebut. Jika kode script sudah diletakkan selanjutnya simpan.
Langkah Kedua kalian masuk pada menu postingan dan buat postingan baru. Tulis artikel seperti biasa sampai selesai lalu tentukan dimana kalian ingin meletakkan kolom tersebut apakah mau ditengah atau dibawah itu terserah kalian mengaturnya. Jika peletakan sudah ditentukan kalian tinggal copy dan paste script dibawah ini tepat dimana kalian ingin meletakan kolom tersebut. Ketika ingin mempaste script pastikan terlebih dahulu kalian masuk pada mode HTML, jika sudah dipaste kembalikan kemode Compose.
<div class="bacajuga"> <h4>Baca Juga</h4> <ul> <li><a href="Link Tujuan">Judul Tulisan</a></li> <li><a href="Link Tujuan">Judul Tulisan</a></li> </ul></div>
Untuk tulisan yang berwarna Biru ganti dengan link tujuan kepostingan mana kalian ingin mengarahkan ya guys, dan tulisan yang berwarna merah ganti dengan judul tulisan konten yang diarahkan tadi.
Langkah Ketiga kalian tinggal posting artikel tersebut dan lihat hasilnya kolom kotak baca juga akan tampil secara otomatis didalam postingan kalian. Sedikit catatan ya guys, sebelum artikel dipublikasi memang kolom tidak akan terlihat, namun jika sudah dipublikasi kolom akan muncul dengan sendirinya.
Nah bagaimana guys.. tutorial membuat kolom baca juga tadi, sangat mudah bukan?
Oke guys, Admin rasa cukup sekian postingan mengenai tutorial mudah dan singkat yang admin bagikan tadi. Akhir kata admin ucapkan maaf sebesar-besarnya jika ada salah kata, dan semoga bisa bermanfaat untuk semua, sekian dan terimakasih.