GBZaKb4mDsf2d4pb32XNiDrx6XCCRy6EKLbcOCE9
Bookmark

Cara Mudah Membuat Halaman Partner Blog yang Moderen

Cara Membuat Halaman Partner di Blogger
Partner blog atau yang biasa disebut mitra adalah bagian dari kerjasama antar sesama penulis blog dengan berbagai tujuan dan biasanya untuk kepentingan masing-masing penulis seperti meningkatkan Domain Authority (DA) dan Page Authority (PA). Tak hanya itu saja, kerjasama ini juga bisa menjadi ajang bertemunya para blogger atau penulis yang bisa saling bertukar cerita tentang blog mereka.

Banyak dari penulis blog yang membuat halaman untuk para partnernya, mereka membuat halaman ini sebagai bagian dari kerjasama yang dilakukan. Halaman partner blog terdiri dari nama blog, deskripsi blog, dan tentunya link atau url yang menuju ke blognya si partner tersebut.

Manfaat dari membuat halaman partner blog

  • Menambah relasi dengan banyak penulis blog
  • Meningkatkan Domain Authority dan Page Authority
  • Menjangkau blog kamu pada banyak pembaca
  • Meningkatkan probabilitas menjadi Page One

    Mengapa membuat halaman partner blog bisa meningkatkan DA dan PA?

    Karena ketika kamu membuat halaman partner blog dan memasukkan partner blog dan partner itu juga memasukkan blog kamu di daftarnya maka akan menghasilkan Quality Backlink.

    Nah, Quality Backlink ini lah sumber protein untuk meningkatkan DA dan PA blog kamu karena backlink yang didapat merupakan backlink yang berkualitas. Maksud dari backlink berkualitas adalah referrer link yang diberikan berupa dofollow dan bukan nofollow, dan bagi kamu yang belum tahu, Google lebih menyukai link dofollow. Tapi dari penjelasan tadi tidak akan ada efeknya jika link yang digunakan untuk halaman partner blog adalah atribut nofollow.

    Contohnya seperti ini:
    <a href="https://www.faaris.id/" rel="dofollow">Faaris.id</a>

    Bagian yang saya beri warna hijau adalah atribut untuk dofollow.

    Tips memilih blog yang baik untuk diajak bekerjasama

    • Berpartner dengan blog yang DA dan PA nya setara

      Untuk meningkatkan kualitas backlink usahakan dengan masih setara dengan blog kamu, jika selisihnya cukup besar lebih baik jangan.
    • Cek apakah spam scorenya tinggi

      Spam Score adalah skor yang dibuat oleh Moz untuk mengetahui seberapa banyak halaman dianggap spam oleh Google. Semakin besar persentasenya maka semakin tinggi juga Spam Scorenya. Cek spam scorenya Website Seo Checker.
    • Mau untuk memasang link dofollow

      Ajak partnermu untuk sama-sama memasang link yang bersifat dofollow karena untuk menciptakan Quality Backlink.
    • Menggunakan TLD (Top Level Domain)

      Ini hanya saran dari saya, karena menggunakan TLD menurut saya merupakan bentuk keseriusan dalam mengelola blog sehingga kamu bisa lebih percaya dengan partnermu, dan ini tidak wajib untuk diikuti, semua tergantung keputusanmu seperti apa.
    • Bukan situs AGC

      AGC memiliki kepanjangan dari Auto Generate Content. Cara mengetahui jika mereka menggunakannya cukup dengan membaca artikelnya, jika ditemukan kata-kata yang aneh jika dibaca kamu harus waspada, terlebih AGC sendiri sistemnya seperti bot, dia mengambil postingan orang lain secara otomatis lalu tiap katanya diubah agar tidak terkena plagiarism, selain itu pemakainya juga membuat konten hingga ribuan dalam waktu yang cukup singkat. Karena itulah web yang menggunakan AGC biasanya dianggap spam oleh mesin pencari Google.

    Cara Membuat Halaman Partner Blog di Blogger yang Moderen dan Responsive

    Contoh Halaman Partner Blog
    Apa sih yang membuat beda halaman partner blog Faaris.id dengan yang lainnya? Jawabannya ada di kecepatan loading pagenya karena kode yang saya berikan sama sekali tidak menggunakan JavaScript dan murni menggunakan CSS. Tak hanya cepat, desainnya yang minimalis dan moderen menjadikannya enak dipandang mata. Berikut tutorialnya:
    Cara Memasang Halaman Partner Blog yang Responsive
    1. Masuk ke dashboard Blogger
    2. Klik panel Pages (Halaman)
    3. Kemudian klik New page (Buat halaman)
    4. Setelah berhasil dibuat, ubah mode penulisan menjadi HTML
    5. Kemudian masukkan kode di bawah ini pada halaman kamu
      Berikut ini adalah daftar blog yang menjadi partner dari Faaris.id, silahkan klik tombol untuk melihat blog mereka.
      
      <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">
      Faaris 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.faaris.id/" rel="dofollow"><button class="buttonFaaris">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 karakter, dan tidak lupa button yang digunakan adalah dofollow.</div>
      <a href="https://www.faaris.id/" rel="dofollow"><button class="buttonFaaris">Kunjungi (Nama Blog)</button></a></div>
      </div>
      </li>
      </ul>
      
      <style type="text/css">
      .buttonFaaris{
          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;
          }
        
      .buttonFaaris:hover, .ripple:hover{
          background:#ef5350 radial-gradient(circle, transparent 2%, #ef5350 2%) center/15000% !important;
          }
        
      .buttonFaaris: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>
    6. Ubah kode yang diberi warna
      • Ganti kode yang berwarna oranye dengan judul dan deskripsi blog
      • Ganti kode yang berwarna kuning dengan nama button (bisa memakai nama blog)
      • Ganti kode berwarna hijau dengan link/url blog
      • Ganti kode berwarna biru untuk mengganti warna button
    7. Lalu setelah selesai di edit, Preview dan Publish

    Untuk hasilnya dapat kamu lihat di sini.

    See the Pen Partner Blog by Faaris.id (@faaris) on CodePen.


    Jika ingin menambah partner lagi di halaman tersebut cukup tambahkan kode di bawah ini tepat di atas tag </ul>.
    <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 karakter, dan tidak lupa button yang digunakan adalah dofollow.</div>
    <a href="https://www.faaris.id/" rel="dofollow"><button class="buttonFaaris">Kunjungi (Nama Blog)</button></a></div>
    </div>
    </li>
    Pastikan semua langkah di atas dilakukan dengan benar agar tidak ada kesalahan pada kode htmlnya, dan untuk kode yang saya berikan sudah saya coba pada template lain dan berhasil, contohnya di sini.

    Sekian terimakasih telah membaca artikel Cara Membuat Halaman Partner Blog untuk Blogger. Jika ada yang ingin ditanyakan atau memiliki informasi tambahan bisa langsung kirim komentar di bawah ini dan jangan lupa di bookmark ya halaman ini, siapa tahu lupa kode untuk nambah partnernya bisa mampir lagi ke sini😉.
    Sumber gambar: freepik.com/pikisuperstar
    29 komentar

    29 komentar

    • Mediapustaka.ID
      Mediapustaka.ID
      19 April 2022 pukul 20.18
      Terimakasih, sangat menambah wawasan blog dan menginspirasi. Saya jadi tertarik untuk membuat laman khusus blog partner di blog saya dan menjadi partner faaris.id setelahnya.
      Reply
    • Kolomonggo
      Kolomonggo
      25 November 2021 pukul 12.49
      makasih mas tutorialnya..keren tampilannya.
      Reply
    • Anonim
      Anonim
      13 September 2021 pukul 20.58
      Makasih mas, saya izin pake nih
      Reply
    • Rafiqi, S.Kom.
      Rafiqi, S.Kom.
      7 September 2021 pukul 05.11
      Reply
    • artikel ilmiah
      artikel ilmiah
      30 April 2021 pukul 03.38
      wah sangat membantu informasi nya kak tetap semangat berkarya kak
      Reply
    • Neztra
      Neztra
      29 April 2021 pukul 22.42
      Mantul bs belajar coding drsini... Infonya sangat bermanfaat makasih banyak.
      Reply
    • Hykaruuu___
      Hykaruuu___
      29 April 2021 pukul 20.59
      Siap di terapkan inimah 👍
      Reply
    • Cuntorio
      Cuntorio
      29 April 2021 pukul 20.47
      Kayaknya banyak manfaat nya nih, besok coba build halaman partner dulu lah. Kalau sudah jd boleh gak ngajak Admin untuk Join sama Soalbahasainggris.com?
      • Cuntorio
        Faaris Muda
        29 April 2021 pukul 21.33
        silakan hubungi lewat contact form yaa
      Reply
    • Mualimah
      Mualimah
      29 April 2021 pukul 20.24
      Ternyata halaman partner ada ilmunya jg. Sy kira asal pasang aja hihi. Tp emang bener lho, cepet bantu naikin DA PA
      Reply
    • Siti Fatimah
      Siti Fatimah
      29 April 2021 pukul 20.14
      Mantap mas bro
      Reply
    • Safira aulia
      Safira aulia
      29 April 2021 pukul 20.00
      Blogger pemula wajib baca ini biar blog nya jadi lebih bagus
      Reply
    • Pucuk bacaan.com
      Pucuk bacaan.com
      29 April 2021 pukul 19.55
      membantu sekali
      Reply
    • ajunkkalpa
      ajunkkalpa
      29 April 2021 pukul 19.24
      bagi script lainnya gan
      Reply
    • admin
      admin
      29 April 2021 pukul 18.57
      Sangat membantu
      Reply
    • Yuni Bint Saniro
      Yuni Bint Saniro
      29 April 2021 pukul 17.11
      Patner blog itu begitu tho. Sama nggak dengan blogroll kak?
      • Yuni Bint Saniro
        Faaris Muda
        29 April 2021 pukul 18.15
        Kurang lebih sama, bedanya balik lagi ke tujuan bloggernya seperti apa, apakah ada kerja sama tambahan atau tidak.
      Reply
    • Minda Art Pro
      Minda Art Pro
      29 April 2021 pukul 14.57
      Kira-kira bisa nggak kita berpartner? Ini serius. WA saya 0811-661-160 Terima kasih ...
      • Minda Art Pro
        Faaris Muda
        29 April 2021 pukul 18.15
        Boleh, hubungi lewat contact form yaa
      Reply
    • Kang Gusvand
      Kang Gusvand
      29 April 2021 pukul 14.57
      Wah perlu di coba ni 😊
      Reply
    • Rehan Hadi
      Rehan Hadi
      29 April 2021 pukul 14.52
      Wiiihh gg bet ni situsnya wkkwk
      Reply
    • Kinanti_House
      Kinanti_House
      29 April 2021 pukul 11.48
      Bermanfaat sekali buat newbie seperti saya.
      Terimakasih
      Reply
    • Ridwan N
      Ridwan N
      27 Agustus 2020 pukul 19.40
      Mantep mas work ini
      Reply
    • Andrie K
      Andrie K
      10 April 2020 pukul 17.45
      Wahhh keren banget yaaa, jadi pengen juga meningkatkan DA PA biar bisa berpartner seperti ini,
      • Andrie K
        Faaris Muda
        13 April 2020 pukul 14.49
        Iyaa, selain bisa ningkatin DA sama PA, kemungkinan rank alexa naik perlahan
      Reply
    • Mafiatek
      Mafiatek
      27 Februari 2020 pukul 23.22
      Keren mas scriptnya
      Reply
    • Man
      Man
      17 Februari 2020 pukul 19.31
      manteb nih, kudu masang juga di blog aku
      Reply
    • Kuskus Pintar
      Kuskus Pintar
      16 Februari 2020 pukul 09.17
      Okeyy gan, makasih infonya. DA PA memang masih menjadi prioritas, moga-moga punyaku naik huhuu
      • Kuskus Pintar
        Faaris Muda
        16 Februari 2020 pukul 11.44
        sama-sama kak, saya sendiri juga berharap da pa nya naik hehe
      Reply