Menulis di Blogger ataupun WordPress untuk membentuk sebuah artikel yang menarik diperlukan pengetahuan yang cukup. Tujuan membuat tulisan ini adalah supaya banyak para pengunjung yang datang. Bukan hanya melalui share link ke Sosial Media tetapi mendapatkan tempat di Page One Google adalah tujuan utama. Baca Juga adalah salah satu trik supaya Visitor membuka link artikel lainnya.
Cara Upload atau ganti Template Blogger menggunakan file XML dan TEXT
Diatas adalah salah satu contoh pembuatan secara manual dan bisa ditempatkan dimana saja. Caranya cukup mudah anda cukup membuat teks seperti di atas. Blog Teks yang akan diberikan Link lalu klik Link di menu Blogger. Selanjutnya copas Link artikelnya dan jangan lupa conteng “Open this link in a new window” dan klik OK. Link DoFollow ke tab baru saat di klik sudah jadi.
Jika membuat Artikel terkait secara Otomatis maka anda wajib membuat artikel di atas 500 kata supaya para pengunjung tidak terhgangu. Belum juga membaca sudah di sugukan link Baca Juga dengan banyak Link. Jika anda berminat silahkan ikuti tutorial berikut ini. Anda harus masuk ke HTML untuk menambahkan Kode dan CSS.
1. Langkah pertama silahkan masuk ke Blogger >> Template >> Edit HTML. Letakkan kode dibawah ini sebelum Kode .
2. Langkah berikutnya memasang CSS dibawah ini sebelum Kode ]]> atau
/* Related Post Style 1 */
.related-simplify{position:relative;padding:0;margin:15px auto;width:100%;}
.related-simplify h4{background:#3498db;padding:8px 12px;margin:0;font-size:15px;font-weight:400;color:#fff;border:1px solid #2e88c5}
.related-simplify ul{margin:0;padding:0}
.related-simplify ul li{background:#f6f6f6;position:relative;list-style:none;padding:9px;margin:auto;line-height:1.4em;border:1px solid rgba(0,0,0,0.1);border-bottom:0;transition:all .3s}
.related-simplify ul li:nth-child(odd){background:#fefefe}
.related-simplify ul li:last-child{border-bottom:1px solid rgba(0,0,0,0.1)}
.related-simplify ul li:before{content:’\f138′;font-family:fontawesome;position:absolute;margin:0 9px 0 4px;color:#2ecc71;overflow:hidden;transition:all .3s}
.related-simplify ul li:hover:before{content:’\f138′;font-family:fontawesome;-webkit-animation:bounceright .3s alternate ease infinite;animation:bounceright .3s alternate ease infinite}
.related-simplify a{color:#0383d9;font-size:13px;margin:0 0 0 30px;}
.related-simplify a:hover{color:#0383d9;text-decoration:underline}
.related-simplify ul li:nth-child(n+4) {display:none;}
@-webkit-keyframes bounceright{from{-webkit-transform:translateX(0)}to{-webkit-transform:translateX(3px)}}
@keyframes bounceright{from{transform:translateX(0)}to{transform:translateX(3px)}}
3. Langkah ketiga yaitu silahkan anda cari Kode
4. Langkah terakhir silahkan Simpan Template dan lihat Hasilnya. Pastikan di Blog sobat sudah memasang Font Awesome agar icon bisa muncul.
Baca Juga : 9 Kunci SUKSES seorang Blogger dari Awal sampai Berhasil
Itulah cara membuat Link Baca Juga di tenggah Postingan Blog baik secara manual maupun secara otomatis. Jika anda inggin melihat hasilnya silahkan lihat gambar di atas. Tampilannya cukup menarik tetapi yang otomatis terkadang memakan tempat dan membuat Penuh Postingan. Gunakan dengan bijak dan jangan sampai hanya karena inggin menampilkan kecantikan blog tetapi mengabaikan Page Speed blog.
Inggin tau lebih banyak tentang Tutorial Blog, Informasi Bisnis, Internet dan Traveling, anda bisa berkunjung ke situs TulisanNdeso.Com. Ada banyak informasi yang bisa anda dapatkan dan bisa menambah wawasan bagaimana cara mengetahui perkembangan Teknologi pada saat ini. Semoga bermanfaat dan terimakasih sudah berkunjung.