Cara Membuat Halaman Partner Blog Keren ala Jagoandzgn

By Posted on

Jagoandzgn.com – Halaman Partner berikut ini adalah salah satu cara mendapatkan Backlink (DoFollow) yang baik serta bisa dibilang permanent.

Karena selama anda masih bekerja sama dengan pihak situs tersebut, maka Backlink tersebut juga tidak akan dicopot.

Selain tempat backlink partner ini bisa disebuat sebagai silaturahmi antar blogger.

Selanjutnya disini admin juga akan menjelaskan beberapa penjelasan singkat seputar Partner Blog Berikut ini.

Apa Itu Halaman Partner ?

Cara Membuat Halaman Partner

Halaman Partner atau jika dalam bahasa indonesia artinya Mitra atau pasangan ini adalah salah satu halaman penunjang sekaligus tips – tips buat sobat yang ingin agar Da Pa dan Alexa Rank sekaligus pageview situs anda cepat berkembang dan pastinya naik dengan drastis.

Cara Membuat Halaman Partner Blog Seperti Jagoandzgn

1. Silahkan kamu login ke Blogger.com dengan menggunakan Gmail kamu.

2. Selanjutnya masuk ke menu TEMA > klik Edit HTML

3. Cari kode berikut ini ]]></b:skin> atau </style> dan pastekan kode dibawah ini tepat DIATAS kode tersebut.

/*-- Blog Partner By Jagoandzgn.com --*/
ul.blog-partner{list-style:none;margin:0;padding:80px 0 0;position:relative}
ul.blog-partner:before{content:"";position:absolute;top:0;left:50%;transform:translateX(-39%);background:#de0985;width:8px;height:8px;border-radius:50%}
ul.blog-partner:after{content:"";position:absolute;top:0;bottom:0;left:50%;background:#de0985;width:2px;z-index:1}
li.partner-wrap{background:#FFF;border:5px solid #de0985;border-radius:5px;margin-bottom:50px;padding:20px;position: relative;z-index:2}
li.partner-wrap:before{content:"";position:absolute;width:16px;height:16px;left:50%;transform:translateX(-45%);top:-11px;background:#FFF;border:2px solid #de0985;border-radius:50%}
h3.title-partner{border-bottom:2px solid #aaa;text-align:center;padding-bottom:10px;margin-bottom:20px}
h3.title-partner a {text-decoration: none;}
li.partner-wrap:hover .deskripsi-partner .logo-partner:before, li.partner-wrap:hover .deskripsi-partner {opacity: 1;left: 70px;}
.deskripsi-partner{display:flex;margin-bottom: 25px;align-items: center;}
.deskripsi-partner p{display:block;margin:0;text-align: justify;color: #212121;}
li.partner-wrap:after{content:attr(data-tooltip);position:absolute;right:-1px;bottom:0;background: #de0985;color: #FFF;padding: 0 10px;border-radius: 5px 0 0 0;font-size: 14px;}
li.partner-wrap:hover::before {-webkit-animation: pulse 1.2s infinite;box-shadow: 0 0 0 0 rgba(90,153,212,0.5);left: 48.92%;}
li.partner-wrap:hover .deskripsi-partner

@-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)}}

4. Kalau sudah silahkan klik SIMPAN untuk menyimpan perubahan.

Di lanjutkan, buatlah sebuah halaman baru dengan cara klik Halaman » Buat Halaman. Silahkan beri judul untuk halaman Partner kalian.

5. Kemudian masukkan kode HTML berikut ini, tepat dibagian HTML bukan COMPOSE

<div id="blog-partner">
<ul class="blog-partner">
<li class="partner-wrap" data-tooltip="jagoandzgn.com"> <h3 class="title-partner">
<a href="https://www.jagoandzgn.com/">JAGOANDZGN</a></h3>
<div class="deskripsi-partner">
<br />
<center>
Jagoan Design Tempatnya berbagi Tips, Trik, Search Engine Optimization, Coding, Blogger dan Adsense, HTML, CSS, Javascript...</center>
</div>
</li>
<li class="partner-wrap" data-tooltip="jagoandzgn.com"> <h3 class="title-partner">
<a href="Link Blog Kamu" rel="nofollow noopener">Nama Blog</a></h3>
<div class="deskripsi-partner">
<br />
<center>
Deskripsi Blog</center>
</div>
</li>
</ul>
</div>

6. Untuk menambahkan Partner baru cukup menambahkan HTML Code berikut di atas tag </ul>

<li class="partner-wrap" data-tooltip="Jagoandzgn.com"> <h3 class="title-partner">
<a href="https://www.jagoandzgn.com/">JAGOANDZGN</a></h3>
<div class="deskripsi-partner">
<br />
<center>
Jagoan Design Tempatnya berbagi Tips, Trik, Search Engine Optimization, Coding, Blogger dan Adsense, HTML, CSS, Javascript...</center>
</div>
</li>

7. Kalau sudah silahkan klik PUBLIKASIKAN dan Selesai.

Demo

Lihat Juga Artikel Lainnya :

Bagaimana mudah bukan untuk tutorial Cara Membuat Halaman Partner Blog Keren ala Jagoandzgn bagi kamu yang masih bingung atau ada pertanyaan lain seputar blogger silahkan komen di kolom komentar dibawah artikel ini.