Sunday, 16 December 2018

Cara Memasang Artikel Terkait di Dalam Artikel [Manual]

Cara Memasang Artikel Terkait di Dalam Artikel [Manual]

Tags
BAGIKAN ARTIKEL »

cara memasang artikel terkait

OK... sobat kebetulan bangun tidur pas waktu menunjukkan pukul 3 pagi lebih 17 menit sambil nunggu adzan subuh berkumandang saya coba menulis tutorial sederhana cara memasang artikel terkait di tengah posting dengan cara manual.

Kira-kira satu minggu yang lalu saya memang udah pernah posting tutorial artikel terkait, tapi yang ini beda versi sobat kalo yang dulu artikel terkaitnya secara otomatis akan muncul sesusai kategori dengan artikel yang kamu publish dan yang mau saya tulis ini ada versi manual.

Jadi dengan memasang artikel terkait versi manual ini sobat bisa menentukan sendiri judul artikel yang mana yang mau kamu sisipkan linknya di posting terbaru kamu. Untuk tampilannya kamu bisa lihat di blog bisnis online ini.

Cara Memasang Artikel Terkait di Dalam Artikel


Terus bagus yang manual apa yang otomatis? Itu tergantung sobat sendiri kalo yang otomatis mempunyai kelebihan sobat tidak ribet menyisipkan kode html di setiap artikel baru yang mau kamu publish dan link akan muncul secara otomatis menyesuaikan kategori itu sendiri sedangkan untuk yang manual kamu bisa menentukan sendiri judul artikel mana yang akan kamu sisipkan linknya. Sudah paham kan? Kalo sudah yuk kita ikuti langkah-langkahnya...


  1. Buka/Masuk ke akun Blogger kamu
  2. Cari Menu Layout/Tema disebelah kiri sobat. Udah ketemu? OK sobat langsung klik Edit HTML
  3. Cari kode ]]></b:skin kalo mau mudah cari dengan menekan Ctrl+F di keybord sobat. Kalo sudah ketemu letakkan kode dibawah ini diatas kode ]]></b:skin
  4. /* kotaklink Mulai*/ .kotak { background-color: #FAFAFA; border-bottom: 2px solid #3CC091; text-align: justify; border-radius:3px; } .kotak-in { background-color: #3CC091; font-weight: bold; padding: 7px; color: #fff; } .kotak ul li{ position:relative; list-style:none; padding:2px; transition:all .3s; } .kotak ul li a{ padding: 7px; text-decoration:none; color: #66666; } .kotak ul li a:hover{ color: #fff; transition:all .3s; } .kotak ul li:before { content:"\f360"; font-family:fontawesome; color:#0066B3; } /* kotaklink Selesai*/
  5. SIMPAN

Setelah kode tersebut sudah terpasang sobat melanjutkan posting artikel seperti biasa, sobat bisa mengedit tampilannya kalo dimungkinkan untuk menyesuaikan template blog.

Setelah sobat selesai menulis artikel, kita coba memanggil kotak artikel terkait dengan menggunakan div class dengan kode panggilan kotak-in, lengkapnya seperti dibawah ini

<div class="kotak">
<div class="kotak-in">
Baca Juga</div>
<ul>
<li style="text-align": justify:>................Link Sobat Di Sini................</li>
<li style="text-align": justify:>................Link Sobat Di Sini................</li>
<li style="text-align": justify:>................Link Sobat Di Sini................</li>
<li style="text-align": justify:>................Link Sobat Di Sini................</li>
<li style="text-align": justify:>................Link Sobat Di Sini................</li>
</ul>
</div>

Nah untuk pemasangan kode artikel diatas tidak susah kok sobat, kamu tinggal menyisipkan kode tersebut di tengah artikel yang mau kamu publish. Untuk menyisipkan kode tersebut bidang artikel yang sedang kamu tulis jangan pada posisi Compose tapi harus pada posisi HTML. Lihat gambar dibawah pada kotak warna merah

Cara Memasang Artikel Terkait Manual

Perhatikan kode yang saya blok warna biru, tulisan ................Link Sobat Di Sini................ bisa diganti dengan link dan bisa disesuaikan dengan judul artikel diblog sobat. Contoh bisa diganti dengan link seperti berikut : <a href="https://www.tipsbisnisseo.net/2018/11/cara-mudah-mencari-backlink-berkualitas.html">Mencari Backlink Berkualitas dot EDU</a>

Sampai disini dulu tutorial blogging cara memasang artikel terkait ditengah posting secara manual, semoga sobat pengunjung blog ini terbantu dengan artikel ini dan semoga bermanfaat untuk semuanya. OK karena adzan subuh sudah mulai berkumandang saya cukupkan sekian dulu tulisan ini.

Rekomendasi Untuk Anda × +
Blogger
Disqus
Pilih Sistem Komentar Yang Anda Sukai

No comments

Mohon komentar yang relevan dengan tema artikel, komentar SPAM, Live link tidak akan muncul..!!