Cara Membuat Halaman Partner Blog Keren ala Showdzgn

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 ?

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 Showdzgn

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 Showdzgn.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="showdzgn.com"> <h3 class="title-partner">
<a href="https://www.showdzgn.com/">SHOWDZGN</a></h3>
<div class="deskripsi-partner">
<br />
<center>
Show Design Tempatnya Berbagi Template dan Tutorial Blogger, SEO, Responsive, Gallery, jQuery, CSS, HTML, JavaScript, Widget, Web Tools...</center>
</div>
</li>
<li class="partner-wrap" data-tooltip="amtread.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="showdzgn.com"> <h3 class="title-partner">
<a href="https://www.showdzgn.com/">SHOWDZGN</a></h3>
<div class="deskripsi-partner">
<br />
<center>
Show Design Tempatnya Berbagi Template dan Tutorial Blogger, SEO, Responsive, Gallery, jQuery, CSS, HTML, JavaScript, Widget, Web Tools...</center>
</div>
</li>

7. Kalau sudah silahkan klik PUBLIKASIKAN dan Selesai.


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

3 Responses to "Cara Membuat Halaman Partner Blog Keren ala Showdzgn"

1. Berkomentarlah dengan tata bahasa yang baik agar orang lain tahu sebijak apa karakter anda melalui kata kata.
2. Silahkan tulis komentar anda untuk hal apapun yang masih berhubungan dengan post pada halaman ini.
3. Mohon untuk tidak menyertakan Link Aktif pada kolom komentar.
4. Mohon maaf apabila tidak sempat membalas komentar semua.

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel