Cara Membuat Halaman Partner Blog New Style

Kembali lagi masih di seputar blogging, yang lebih tepatnya kali ini kami akan berbagi tutorial Cara Membuat Halaman Partner Blog New Style yang bisa kalian terapkan di halaman statis blogger tanpa harus otak-atik template.

Halaman partner blog sendiri memiliki banyak keuntungan jika telah anda pasang, selain untuk membangun kerja sama sesama blogger tapi juga dapat meningkatkan Domain Authority (DA) dan Page Authority (PA) masing-masing blog yang saling menjalin kerjasama.

Tidak sedikit para blogger yang menggunakan hal semacam ini agar blog yang mereka kelola juga mudah di gapai oleh perayap google dengan kata lain mereka saling membantu untuk menggapai apa yang mereka inginkan. Halaman partner ini sendiri pada umumnya terdiri dari nama website, url website, dan deskripsi.

Manfaat Membuat Halaman Partner

• Menambah relasi dengan banyak penulis
• Meningkatkan nilai dari Domain Authority dan Page Authority
• Meluasnya jangkauan website pada halaman pencarian google
• Meningkatkan persentase website menjadi page one pada pencarian google

Seberapa pentingkah adanya halaman ini pada sebuah blog? itu semua tergantung tingkat PeDe kalian. Apabila yakin bisa membangun blog tanpa butuh bantuan lain, ya silahkan saja tidak perlu memasang halaman ini. Apakah ada efek negatif? tenang saja tidak ada efek apapun pada website kalian meskipun tidak memasangnya, hanya saja kalian harus sabar membangun sebuah website secara mandiri.

Ada sedikit kriteria yang harus kalian perhatikan sebelum melakukan kerjasama ini, diantaranya adalah seperti berikut ini

Tips memilih blog yang baik

• Pilih partner yang memiliki blog dengan nilai DA dan PA setara dengan blog kalian atau lebih tinggi
• Cek spam score blog target apakah tinggi atau tidak
• Sepakat untuk saling memasang link dofollow
• Menggunakan domain TLD (Top Level Domain)
• Bukan atau tidak termasuk blog AGC
• Pastikan umur blog cukup dan meyakinkan
• Konsisten penulis yang baik, maka blog juga baik dalam konten artikel atau postingan

Sampai sini apakah kalian sudah paham dengan kerjasama menggunakan halaman partner blog? Jika belum, silahkan tanyakan dikolom komentar dibawah artikel ini dan pastikan sesuai dengan topik artikel yang telah kami bagikan.

Untuk halaman partner yang kali ini kami share berbeda dengan yang pernah dibagikan blogger lainnya. Coba kalian search dengan kata kunci "Partner Blog" pasti yang muncul hanya itu-itu saja akan tetapi di share berulang kali dengan blog yang berbeda-beda.

Apasih yang membuat beda antara style baru ini dengan yang lainnya? yang kami bagikan saat ini memiliki kecepatan loading yang cepat dengan UI atau tampilan material design yang bisa dipasang tanpa harus menggunakan Javascript.

Tutorial Pemasangan

Langkah 1

Pastikan sudah login ke Blogger, pada opsi menu dashboard pilih Halaman > Halaman Baru

Langkah 2

Ubah mode penulisan menjadi HTML, kemudian masukkan script dibawah ini.

<ul class="cards">
<li class="cards__item">
<div class="card">
<div class="card__content">
<div class="card__title">
Sempetin</div>
<div class="card__text">
Sempetin merupakan sebuah website yang memberikan artikel menarik dan berkualitas seputar Android, Games, dan Dunia Blogging</div>
<a href="https://www.sempetin.my.id/" rel="dofollow"><button class="buttonSempetin">Kunjungi</button></a></div>
</div>
</li>
<li class="cards__item">
<div class="card">
<div class="card__content">
<div class="card__title">
Judul Blog</div>
<div class="card__text">
Bagian ini biasa diisi dengan deskripsi dari blog dengan kisaran banyak kata yang dapat diketik yaitu 150 hingga 400 kata, dan tidak lupa button yang digunakan adalah dofollow.</div>
<a href="#" rel="dofollow"><button class="buttonSempetin">Kunjungi</button></a></div>
</div>
</li>
</ul>

<style type="text/css">
.buttonSempetin{
    background-color:#74b9ff;
    background-position:center;
    font-size:1.15rem;
    margin:5px;
    padding:8px 15px;
    color:#fff;
    text-transform:uppercase;
    cursor:pointer;
    border-radius:100px;
    border:0px;
    white-space:nowrap;
    transition:background .3s;
    }
  
.buttonSempetin:hover, .ripple:hover{
    background:#ef5350 radial-gradient(circle, transparent 2%, #ef5350 2%) center/15000% !important;
    }
  
.buttonSempetin:active, .ripple:active{
    background-color:#fff !important;
    background-size:100% !important;
    transition:background 0s !important;
    }

.cards {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
    }

.cards__item {
    display: flex;
    padding: 1rem;
    @media(min-width: 40rem) {
    width: 50%;
    }
    @media(min-width: 56rem) {
    width: 33.3333%;
    }
  }

.card {
    background-color: white;
    border-radius: 0.25rem;
    box-shadow: 0 20px 40px -14px rgba(0,0,0,0.25);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    &:hover {
      .card__image {
        filter: contrast(100%);
      }
    }
  }

.card__content {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    padding: 1rem;
  }

.card__title {
    color: ;
    font-size: 1.5rem;
    font-weight: 300;
    margin-bottom: 0.8rem;
    letter-spacing: 2px;
    text-transform: uppercase;
  }

.card__text {
    flex: 1 1 auto;
    line-height: 1.5;
    font-weight: 350;
    margin-bottom: 1.25rem;
}
</style>

Note:
Kalian perlu mengubah beberapa kode diatas sesuai keperluan.

Langkah 3
Jangan lupa untuk Publikasikan halaman yang baru dibuat.

PreviewCodepen

Kalian bebas untuk menambahkan teks tambahan atau redesign tampilannya, untuk preferensi anda bisa cek DISINI dari redesign yang kami buat.

Mungkin hanya sekian dulu yang bisa kami share, semoga artikel ini bisa bermanfaat untuk kalian semuanya.
Terima kasih