Sunday, 8 July 2018

Cara Membuat Halaman Link Blog Partner Di Blogger

Cara Membuat Halaman Link Blog Partner Di Blogger

Link blog partner adalah sebuah kode yang digunakan untuk menautkan link blog lain yang telah menjalin kerja sama dengan blog anda.

Didalam link blog partner biasanya terdapat banyak sekali link yang ditautkan, banyaknya link yang ada tergantung dari kontrak kerjasama yang anda lakukan dengan blog lain.

Jadi bila anda melakukan banyak kerjasama dengan blog lain maka pastinya anda harus memberikan banyak tempat untuk menempatkan link blog yang menjadi partner anda.

Sedikit informasi saja, bahwa link blog partner ini juga sering dijadikan sebuah cara untuk mendapatkan Backlink. Jadi membuat sebuah halaman link blog partner tentunya akan sangat menguntungkan dua belah pihak.

Masih ada banyak keuntungan yang didapat dari membuat halaman link blog partner, diantaranya:
  • Mendapat Backlink
  • Meningkatkan jumlah visitor blog
  • Menjalin hubungan positif antar sesama blogger

Nah melihat dari banyaknya keuntungan yang didapat, maka pastinya anda akan tertarik untuk membuat halaman link blog partner ini.

Tapi yang menjadi pertanyaan adalah, bagaimana cara kita membuat halaman link blog partner?

Itu dia yang akan saya bahas kali ini, untuk anda yang ingin membuat halaman link blog partner. Silahkan ikuti saja caranya dibawah ini:

1. Masuk ke blogger
2. Pada dashboard blogger, pilih Halaman>>Halaman Baru
3. Masuk pada mode HTML (bukan "Compose")
4. Kemudian masukkan kode berikut
<!--CSS LINK PARTNER PALING-TOP21-->
<style type="text/css">@import url("https://fonts.googleapis.com/css?family=Roboto");#link-partner{font-family:'Roboto',sans-serif!important;letter-spacing:0;font-weight:400;font-style:normal;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga" on;color:#686868;font-size:15px;line-height:1.4;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;box-sizing:border-box;min-height:100%}#link-partner *,#link-partner *:before,#link-partner *:after{box-sizing:inherit}#link-partner .link-partner-blogger{font-family:'Roboto',sans-serif!important;padding:16px 0;margin:0;list-style:none;position:relative}@media (max-width:767px){#link-partner .link-partner-blogger{padding:32px 0}}#link-partner .link-partner-blogger:before{content:'';position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background:#0177FA;width:8px;height:8px;border-radius:50%}#link-partner .link-partner-blogger:after{content:'';position:absolute;top:0;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background:#0177FA;width:2px}#link-partner .link-partner-blogger .box-partner{position:relative;padding:32px 0;z-index:2;visibility:hidden}@media (max-width:767px){#link-partner .link-partner-blogger .box-partner{font-family:'Roboto',sans-serif!important;text-align:center;background:#fff;border-radius:3px;padding:16px;border:2px solid #0177FA}#link-partner .link-partner-blogger .box-partner:first-child{margin-top:16px}#link-partner .link-partner-blogger .box-partner + *{margin-top:32px}}@media (min-width:768px){#link-partner .link-partner-blogger .box-partner{font-family:'Roboto',sans-serif!important;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}#link-partner .link-partner-blogger .box-partner:before{opacity:0!importantant}}#link-partner .link-partner-blogger .box-partner:hover #link-partner .link-partner-blogger .box-partner .mas-tamvan:before{background:#0177FA}#link-partner .link-partner-blogger .box-partner:last-child:after{content:'';position:absolute;bottom:-16px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background:#0177FA;width:8px;height:8px;border-radius:50%;visibility:visible}@media (max-width:767px){#link-partner .link-partner-blogger .box-partner:last-child:after{bottom:-40px}}#link-partner .link-partner-blogger .box-partner a{color:#686868;text-decoration:none}#link-partner .link-partner-blogger .box-partner .mas-tamvan{width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid #0177FA;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;position:relative;z-index:1}#link-partner .link-partner-blogger .box-partner .mas-tamvan:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;border-radius:50%;-webkit-transition:background 0.3s cubic-bezier(0.175,0.885,0.32,1.275);transition:background 0.3s cubic-bezier(0.175,0.885,0.32,1.275);z-index:1}@media (min-width:768px){#link-partner .link-partner-blogger .box-partner .mas-tamvan:after{content:'';position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:32px;height:2px;background:rgba(1,119,250,0.25);z-index:-1}}@media (max-width:767px){#link-partner .link-partner-blogger .box-partner .mas-tamvan{position:absolute;top:0;left: 50% !important;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}}#link-partner .link-partner-blogger .box-partner .title-partner{margin:0}@media (min-width:768px){#link-partner .link-partner-blogger .box-partner .title-partner{margin:0 32px 0 0;text-align:right;width:400px}}@media (min-width:768px){#link-partner .link-partner-blogger .box-partner .deskripsi-partner{color:#a8a8a8;margin:0 0 0 32px;width:400px}}#link-partner .link-partner-blogger .box-partner:hover .mas-tamvan:before{-webkit-animation:pulse 1.5s infinite;box-shadow:0 0 0 0 rgba(90,153,212,0.5)}@-webkit-keyframes pulse{0%{-moz-transform:scale(0.9);-ms-transform:scale(0.9);-webkit-transform:scale(0.9);transform:scale(0.9)}70%{-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);box-shadow:0 0 0 50px rgba(90,153,212,0)}100%{-moz-transform:scale(0.9);-ms-transform:scale(0.9);-webkit-transform:scale(0.9);transform:scale(0.9);box-shadow:0 0 0 0 rgba(90,153,212,0)}}</style>

<!--HTML LINK PARTNER PALING-TOP21-->
<div id='link-partner'>
<ul class="link-partner-blogger">
<li class="box-partner">
<h3 class="title-partner"><a id='linkblog' title='Paling-Top21' href="https://paling-top21.blogspot.com">Paling-Top21</a></h3>
<div class="mas-tamvan"></div>
<div class="deskripsi-partner">Blog Paling Top Se-ASIA</div>
</li>
<li class="box-partner">
<h3 class="title-partner"><a id='linkblog' title='paling-top21' href="Masukan Link Partner Disini">Title Partner</a></h3>
<div class="mas-tamvan"></div>
<div class="deskripsi-partner">Deskripsi Singkat Mengenai Blog Partner</div>
</li>
</ul>
</div>

<!--JS LINK PARTNER PALING-TOP21-->
<script type='text/javascript'>
//<![CDATA[
function downloadJSAtOnload(){var d=document.createElement("script");d.src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.18.2/TweenMax.min.js",document.body.appendChild(d)}function downloadJSAtOnload2(){var d=document.createElement("script");d.src="https://rawgit.com/mastamvan/backup/master/link-partner.js",document.body.appendChild(d)}window.addEventListener?window.addEventListener("load",downloadJSAtOnload,!1):window.attachEvent?window.attachEvent("onload",downloadJSAtOnload):window.onload=downloadJSAtOnload,window.addEventListener?window.addEventListener("load",downloadJSAtOnload2,!1):window.attachEvent?window.attachEvent("onload",downloadJSAtOnload2):window.onload=downloadJSAtOnload2;
//]]>
</script>

Keterangan:
  • Warna Merah: Ganti dengan title blog
  • Warna Kuning: Ganti dengan URL blog
  • Warna Hijau: Ganti dengan title blog
  • Warna Biru: Ganti dengan deskripsi singkat blog

Karena pada script kode diatas hanya diberikan dua slot link blog partner maka anda harus menambahkan script kode tambahan lagi apabila ingin menambahkan link blog partner yang lebih banyak.

Caranya adalah dengan menambahkan kode berikut kedalam script kode sebelumnya, lebih tepatnya diletakkan sebelum kode </div>
    <li class="box-partner">
<h3 class="title-partner"><a id='linkblog' title='paling-top21' href="Masukan Link Partner Disini">Title Partner</a></h3>
<div class="mas-tamvan"></div>
<div class="deskripsi-partner">Deskripsi Singkat Mengenai Blog Partner</div>
</li>

5. Lakukan Pratinjau untuk melihat hasilnya
6. Jika sudah berhasil silahkan klik pada Publikasikan

Itu dia cara mudah membuat halaman link blog partner. Mulai sekarang anda bisa menjalin kerjasama antar sesama blogger dengan cara menempatkan link blognya kedalam halaman link blog partner yang telah anda buat.

Mudah sekali bukan?

Itu saja yang bisa saya sampaikan, kurang lebihnya mohon maaf. Akhir kata saya ucapkan terimakasih dan sampai jumpa.

0 comments:

Post a Comment