Cara Membuat Halaman Partner Site Keren di Blogger

Sekarang ini sangat susah untuk bersaing di mesin pencarian, karena sudah banyak sekali web-web yang berkualitas, mulai dari segi artikel, halaman, hingga SEO. Salah satu cara optimasi yang paling sering digunakan adalah dengan memaksimalkan Domain Authority (DA) dan Page Authority (PA)

Apa Itu Partner Page ?

Partner page merupakan bentuk kerja sama antar sesama penulis blog dengan tujuan agar dapat menambah relasi dengan banyak penulis atau tujuan lainnya, dan biasanya partner blog ini digunakan sebagai alternatif untuk meningkatkan Domain Authority (DA) dan Page Authority (PA).

Tak hanya itu saja, kerja sama ini juga dapat menjadi jalan antar sesama blog untuk saling bertukar cerita dan berbagi ilmu tentang dunia per-blogging-an.

Biasanya, halaman partner blog terdiri dari logo blog, nama blog, deskripsi blog dan tentunya link yang menuju ke blog si partner tersebut, tak heran jika banyak blogger yang membuat halaman partner site.

Manfaat Membuat Halaman Partner di Blog

Selain yang telah disebutkan diatas, manfaat lain yang dapat kita peroleh adalah Dapat menjangkau blog kalian pada banyak pembaca, dan juga Meningkatkan probabilitas blog kita agar menjadi page one.

Membuat Halaman Partner Blog Bisa Meningkatkan DA dan PA Blog ?

Ketika anda membuat halaman partner blog dan memasukkan beberapa nama blog yang bermitra dengan blog anda, tentu anda akan menyertakan link yang menuju ke blog si partner kan? Dan partner blog anda tentu juga akan melakukan hal yang sama kan?

Nah, hal tersebutlah yang akan menghasilkan Quality Backlink. Dan Quality Backlink inilah yang menjadi pendongkrak untuk meningkatkan DA dan PA blog kita. Sehingga dapat kita simpulkan, semakin banyak partner blog kita, maka semakin meningkat nilai DA dan PA kita. Dengan modal nilai DA dan PA yang tinggi maka mudah bagi blog kita untuk bertengger di page one.

Cara Membuat Halaman Partner Page Blog Keren

• Silahkan login ke blog.
• Masuk ke menu Tema, kemudian klik Edit HTML.
• Letakkan kode berikut ini tepat berada diatas kode ]]></b:skin>

  /* CSS PARTNER CARD */
  .partner {
    background: #fff;
    border-radius: 4px;
    box-shadow:0 1px 3px rgba(0,0,0,.3);
    max-width: 100%;
    max-height: 320px;
    display: flex;
    flex-direction: row;
    border-radius: 25px;
    position: relative;
    margin-bottom: 10px;
  }
  .partner h2 {
    margin: 0;
    padding: 0 1rem;
    font-size:19px;
  }
  .partner .title {
    padding: 1rem;
    text-align: right;
    color: green;
    font-weight: bold;
    font-size: 12px;
  }
  .partner .desc {
    top: 50px;
    padding: 0.5rem 1rem;
    font-size: 12px;
  }
  .partner .actions {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    align-items: center;
    padding: 0.5rem 1rem;
  }
  .partner svg {
    width: 85px;
    height: 85px;
    margin: 0 auto;
  }
  
  .img-avatar {
    width: 80px;
    height: 80px;
    position: absolute;
    border-radius: 50%;
    border: 6px solid white;
    background: #fff;
    top: 15px;
    right:400px;
  }
  
  .partner-text {
    display: grid;
    grid-template-columns: 1fr 2fr;
  }
  
  .title-total {
    padding: 2.5em 1.5em 1.5em 1.5em;
  }
  
  path {
    fill: white;
  }
  
  .img-portada {
    width: 100%;
  }
  
  .portada {
    width: 100%;
    height: 320px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjipFsGHvGPG1kgu_-GqFOMJHjXtuRd-xhKm4VTnhxCqwWq2t8buLLUVDfbGHwhmcux6XPnDffp6W0baNBHvRSYhlD6-Q9WI37eTnVRhujBzqICQsLH8zvuJzK7WcaNli0c5ZhUgU5z0Hc/s1600/OEZAUA0.jpg");
    background-position: bottom center;
    background-size: cover;
  }
  
  .partnerbutton{
      background-color:#74b9ff;
      background-position:center;
      font-size:14px;
      margin:5px;
      padding:8px 15px;
      color:#fff;
      text-transform:uppercase;
      cursor:pointer;
      border-radius:100px;
      border:0px;
      white-space:nowrap;
      transition:background .3s;
      float: right;
      width: 100px;
      top: 300px;
      }
    
  .partnerbutton:hover, .ripple:hover{
      background:#ef5350 radial-gradient(circle, transparent 2%, #ef5350 2%) center/15000% !important;
      }
    
  .partnerbutton:active, .ripple:active{
      background-color:#fff !important;
      background-size:100% !important;
      transition:background 0s !important;
      }
  }
  
  @media only screen and (max-width:1080px){
  .img-avatar {
  left: 170px;
  }
  }
  @media only screen and (max-width:800px){
  .img-avatar {
  left: 195px;
  }
  }
  @media only screen and (max-width:640px){
  .img-avatar {
  left: 90px;
  }
  @media only screen and (max-width:684px){
  .img-avatar {
  left: 70px;
  }
  @media only screen and (max-width:480px) {
  .img-avatar {
  left: 90px;
  }
  }

• Jika sudah, silahkan Simpan Tema

Sekarang kita telah berhasil membuat Partner Page, dan sekarang adalah cara untuk menggunakan Partner Page tersebut di halaman blog.

• Masuk ke dashboard blog, kemudian pergi ke menu halaman
• Pilih halaman baru
• Pilih Tampilan HTML, bukan tampilan Menulis/Compose
• Letakkan kode berikut ini:

  <div class="partner">
  <img alt="Nama Blog" class="img-avatar"link gambar blog" />
  <div class="partner-text">
  <div class="portada"></div>
  <div class="title-total">
  <div class="title">
  www.namablog.com</div>
  <h2>Nama Blog</h2>
  <div class="desc">
  Lorem Ipsum is simply dummy text of the printing and typesetting industry.</div>
  <a href="https://#" rel="dofollow"><button class="partnerbutton">Kunjungi</button></a>
  </div>
  </div>
  </div>

  Silahkan ubah kode yang ditandai dengan blog kalian
• Jika selesai, klik publikasikan

Demo

---

Akhir Kata

Demikianlah artikel singkat tentang Cara Membuat Halaman Partner Page Keren di Blogger, semoga dengan adanya artikel ini dapat memudahkan kalian semua yang membaca, akhir kata saya ucapkan terima kasih.