Cara Membuat Halaman Partner Site Responsive di Blogger

Fernn.id - Pada kesempatan kali ini admin ingin sedikit berbagi kembali seputar blogging, yaitu Cara Membuat Halaman Partner Responsive di Blogger yang mungkin sedang kalian cari-cari untuk meningkatkan kualitas di domain atau yang biasa disebut DA dan PA blog.

Pada umumnya membuat laman partner ini bertujuan untuk meningkatkan nilai pada DA (Domain Authority) dan PA (Page Authority) yang dimiliki suatu blog. Cara kerjanya sendiri bermacam-macam, namun yang pasti dan sering digunakan adalah dengan menyisipkan link atau alamat URL blog partner.

Kami sendiri selalu membuat halaman seperti ini agar domain blog yang kami kelola mudah dirayapi mesin telusur, mengapa demikian? Karena jika semakin tinggi nilai DA dan PA suatu domain maka secara otomatis blog akan mudah dirayapi.

Pembahasan

Partner Blog atau yang biasa disebut mitra merupakan bagian dari kerjasama antar penulis yang bertujuan saling menguntungkan. Tak hanya meningkatkan nilai Domain Authority (DA) dan Page Authority (PA), tapi kerjasama ini juga dimanfaatkan untuk saling bertukar cerita tentang blog mereka.

Halaman partner ini sendiri biasanya terdiri dari nama blog, deskripsi blog, dan alamat blog. Tapi tidak sedikit pula yang menambahkan seperti logo, nama pemilik blog, dan tahun pembuatan.

Manfaat Halaman Partner

  • Menambah relasi dengan banyak penulis.
  • Meningkatkan nilai Domain Authority dan Page Authority sebuah domain.
  • Menjangkau diketahui lebih banyak pengunjung.
  • Meningkatkan peluang menjadi yang pertama pada pencarian di mesin telusur.

Kriteria blog yang bagus untuk diajak kerjasama

Berikut ini adalah beberapa kriteria blog yang bagus untuk diajak kerjasama dalam membangun sebuah blog, diantaranya
  • Untuk meningkatkan kualitas backlink pastikan mencari partner yang memiliki nilai DA dan PA setara agar tidak ada yang dirugikan
  • Spam score adalah skor yang dibuat Moz untuk mengetahui seberapa banyak halaman yang dianggap spam oleh Google.
  • Khususkan partner kalian yang sama-sama mau memasang link dofollow untuk menciptakan Quality Bakclink.
  • Ini hanyalah opsi saja agar kalian bisa menilai keseriusan seorang blogger.
  • AGC atau kepanjangan dari Auto Generate Content adalah situs yang mengambil artikel orang lain secara otomatis untuk dijadikan kontennya.

Cara Membuat Halaman Partner Blog

Demo Halaman Partner Blog

1. Pastikan sudah login ke Blogger.com

2. Pada laman dashboard blogger, silahkan pilih menu Pages > New Page


3. Kemudian silahkan pilih metode penulisan HTML bukan Compose

4. Lalu masukkan kode html berikut ini pada teks area yang tersedia.
<ul class="cards">
<li class="cards__item">
<div class="card">
<div class="card__content">
<div class="card__title">
Judul Blog</div>
<div class="card__text">
Fernn merupakan sebuah blog tempat berbagi Tutorial dan Tips Blogger, SEO, Gadget, PC, Games, Apps dan juga informasi menarik seputar dunia Internet.</div>
<a href="https://www.fernn.id/" rel="dofollow"><button class="buttonFernn">Kunjungi (Nama Blog)</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="https://www.fernn.id/" rel="dofollow"><button class="buttonFernn">Kunjungi (Nama Blog)</button></a></div>
</div>
</li>
</ul>

<style type="text/css">
.buttonFernn{
    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;
    }
  
.buttonFernn:hover, .ripple:hover{
    background:#ef5350 radial-gradient(circle, transparent 2%, #ef5350 2%) center/15000% !important;
    }
  
.buttonFernn: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>
Keterangan:
Ubah semua tulisan yang ditandai sesuai yang kalian inginkan.

5. Publikasikan.

Untuk hasilnya, kalian bisa lihat demo di Codepen.io melalui tombol dibawah ini.
Live Preview

Kesimpulan

Jangan pernah beranggapan hanya dengan membuat laman partner blog dan menciptakan Quality Backlink lalu blog kalian akan mudah mendapat posisi teratas dalam pencarian mesin telusur. Hal ini tentunya tidak akan berlaku lama apabila algorithma google berubah sewaktu-waktu, jadi tetap andalkan usaha sendiri.

Mungkin sekian dulu artikel dari Cara Membuat Laman Partner Responsive di Blogger, semoga bermanfaat.
Terimakasih