-->
Cara Membuat Halaman Partner Blog Keren ala FaishalKC

Cara Membuat Halaman Partner Blog Keren ala FaishalKC

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.

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.

Cara Membuat Halaman Partner Blog Seperti FaishalKC

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 --*/
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="faishalkc.eu.org"> <h3 class="title-partner">
<a href="https://www.faishalkc.eu.org/">FAISHALKC</a></h3>
<div class="deskripsi-partner">
<br />
<center>
FaishalKC merupakan blog pribadi yang memberikan informasi seputar Adsense, Blogging, Tema, dan Tutorial.</center>
</div>
</li>
<li class="partner-wrap" data-tooltip="faishalkc.eu.org"> <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="faishalkc.eu.org"> <h3 class="title-partner">
<a href="https://www.faishalkc.eu.org/">FAISHALKC</a></h3>
<div class="deskripsi-partner">
<br />
<center>
FaishalKC merupakan blog pribadi yang memberikan informasi seputar Adsense, Blogging, Tema, dan Tutorial.</center>
</div>
</li>

7. Kalau sudah silahkan klik PUBLIKASIKAN dan Selesai.

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

Seorang Blogger Pemula yang sedang belajar
  • Facebook
  • WhatsApp
  • Instagram
  • DONASI VIA OVO Bantu berikan donasi untuk blog ini agar bisa tetap semangat memberikan artikel terbaru
    Tampilkan Komentar
    Sembunyikan Komentar

    0 Komentar

    Posting Komentar

    Catatan
    • Mohon Tinggalkan komentar sesuai dengan judul artikel.
    • Tidak diperbolehkan untuk mempromosikan barang atau berjualan.
    • Dilarang mencantumkan link aktif di komentar.
    • Komentar dengan link aktif akan otomatis dihapus
    • *Berkomentarlah dengan baik, Kepribadian Anda tercemin saat berkomentar.

    Iklan Atas Artikel

    Iklan Tengah Artikel 1

    Iklan Tengah Artikel 2

    Iklan Bawah Artikel