Cara Membuat Link Partner Ala Blog Mas Tamvan

Cara Membuat Link Partner Ala Blog Mas Tamvan - Mendapatkan Backlink berkualitas merupakan cara cepat agar blog kita dapat dikenali oleh mesin pencari atau istilah kerennya, yaitu SERP. Apa itu SERP? SERP merupakan singkatan dari Search Engine Result Page yang artinya adalah halaman mesin pencari.

Supaya dapat meningkatkan posisi blog sobat pada mesin pencari, maka membangun Backlink merupakan hal yang sangat penting untuk dilakukan. Ada banyak cara untuk membangun Backlink berkualitas. Salah satunya, yaitu dengan cara menukar link dari satu blogger ke blogger lainnya. Selain visitor, agar blogger lain tertarik untuk menjadi partner blog sobat, maka tampilan merupakan salah satu faktor penting supaya blogger lain tertarik untuk bekerja sama dengan sobat.

Ada banyak tampilan link partner yang sangat menarik diluar sana, namun tampilan link partner Mas Tamvan (https://mastamvan.blogspot.com) merupakan salah satu yang saya rekomendasikan untuk sobat. Kenapa saya merekomendasikan tampilan link partner ala Mas Tamvan? Itu karena tampilannya sangat menarik dan animasinya pun sangat keren. Jika sobat ingin melihat secara langsung silahkan klik tombol di bawah ini.

Demo

Bagaimana? Tertarik untuk membuatnya di blog sobat? Ok, simak tuotrialnya berikut ini.

Membuat Link Partner Ala Blog Mas Tamvan

• Buat laman baru dengan cara pilih Laman di menu, kemudian pilih Laman Baru

• Setelah itu beri judul, kemudian pilih mode HTML

• Copy kode berikut ini, kemudian salin di mode HTML (Double Click untuk blok kode)

  <div class="Buka">

<ul class="BlogList">

<li class="ArticleTeaser">

      <h3 class="ArticleTeaser-title">

<a href="http://cariaja-di.blogspot.com/" target="_blank" title="Cariaja-di.blogspot.com">Cariaja-di.blogspot.com</a></h3>

<div class="ArticleTeaser-bubble">

</div>

<div class="ArticleTeaser-date">

Blog yang berisi Arikel Tech News, Tips dan Trik, Android, Info Menarik (Unik) dari seluruh dunia, dan Tutorial Blogging beserta Tools Onlinenya</div>

</li>

<li class="ArticleTeaser">

      <h3 class="ArticleTeaser-title">

<a href="https://cariaja-di.blogspot.com/" target="_blank" title="Cariaja-di.blogspot.com">Cariaja-di.blogspot.com</a></h3>

<div class="ArticleTeaser-bubble">

</div>

<div class="ArticleTeaser-date">

Kumpulan Tutorial Singkat Tentang Blogger,Tools Online Dan Tips Trik Lainnya</div>

</li>

<li class="ArticleTeaser">

      <h3 class="ArticleTeaser-title">

<a href="https://cariaja-di.blogspot.com" target="_blank" title="Blog Sobat ?">Blog Sobat ?</a></h3>

<div class="ArticleTeaser-bubble">

</div>

<div class="ArticleTeaser-date">

Mari Gabung Untuk Menjadi Bagian Dari Partner Blog Ini.</div>

</li>

</ul>

</div>

<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.18.2/TweenMax.min.js" type="text/javascript"></script>

<br />

<br />

<script>

//<![CDATA[

function loadCSS(e,t,n){"use strict";var i = window.document.createElement("link");var o = t || window.document.getElementsByTagName("script")[0];i.rel = "stylesheet";i.href = e;i.media = "only x";o.parentNode.insertBefore(i,o);setTimeout(function (){i.media = n || "all"}
)}
loadCSS("https://cdn.rawgit.com/slideseo-blog/slideseo.js/master/Part.css");//]]>

</script>

<script src="https://cdn.rawgit.com/slideseo-blog/slideseo.js/master/Part.js" type="text/javascript"></script>  

Pengaturan :
Warna merah : ganti dengan alamat partner kalian
Warna hijau : ganti dengan nama blog partner kalian
Warna biru : ganti dengan deskripsi blog partner kalian

Note: Apabila ada Bullet yang tidak nyambung dengan garis atas, solusinya copy kode berikut ini, kemudian salin di atas kode </head>

  <style>
.ArticleTeaser:last-child::after {
    bottom: -4px !important;
}
</style>  

• Setelah itu, pilih Publikasikan
• Voila, link partner ala Mas Tamvan sudah berhasil dipasang di blog kesayangan sobat

Itulah Cara Membuat Link Partner Ala Blog Mas Tamvan dari saya. Jika sobat kesulitan dalam melakukan langkah-langkah di atas, sobat bisa bertanya di kolom komentar. Semoga bermanfaat!

Sumber kode : http://vaditdesign.blogspot.com

Share on Facebook

Share on Twitter

Share on Google+

Share on LinkedIn