Cara Membuat Partner Blog di Halaman Statis Blogger

Cara Membuat Partner Blog di Halaman Statis Blogger

Cara Membuat Partner Blog di Halaman Statis Blogger

Coretancode.com - Pada kesempatan kali ini admin ingin berbagi sedikit tutorial seputar dunia blogging yaitu Cara Membuat Halaman Partner Blog di Blogger. Mau tau tutorial lebih jelasnya? anda bisa mengikuti tutorial yang akan saya sampaikan pada artikel ini beserta penjelasan dan manfaatnya.

Pada tutorial kali ini, kalian tidak perlu lagi untuk mengotak-atik template, hanya perlu menggunakan kode HTML anda sudah bisa menerapkannya. Mau tau seperti apa tutorial lengkapnya? cari tahu lebih lengkapnya di artikel kali ini.

Seperti namanya, partner blog ini akan memberikan keuntungan yang sama kepada kedua belah pihak yang bersangkutan. Hal utama yang dimanfaatkan adalah untuk meningkatkan nilai Domain Authority (DA), dan Page Authority (PA) di sebuah blog.

Dengan meningkatkan nilai DA dan PA suatu blog, maka blog tersebut akan lebih mudah dirayapi oleh mesin pencari Google, dengan kata lain mereka yang menjalin kerjasama ini akan saling membantu satu sama lain agar blognya selalu mudah menjadi yang pertama dihalaman pencarian Google.

Pada dasarnya halaman seperti ini akan terdiri dari beberapa url, nama dan deskripsi blog, akan tetapi tidak sedikit pula dari mereka yang menambahkan beberapa elemen baru seperti nama pemilik, tahun pembuatan blog, dan lain-lain.

Keuntungan Membuat Halaman Partner Blog

Ada beberapa keuntungan yang harus anda ketahui sebelum membuat halaman partner blog diantaranya,
  • Menambah relasi dengan banyak penulis
  • Meningkatkan nilai Domain Authority dan Page Authority sebuah blog
  • Meningkatkan persentase sebuah blog menjadi yang utama di mesin pencari google
Lalu seberapa pentingkah halaman partner blog ini ada pada sebuah blog? Itu semua tergantung anda sebagai pengelola blog, jika merasa sudah mampu membangun blog seorang diri tentunya hal ini tidak akan berpengaruh besar meskipun anda tidak ingin membuatnya.


Sebelum membuat halaman partner, pastikan anda sudah bisa menentukan blog yang akan diloloskan dari seleksi anda, tentu tetap dengan kriteria yang tepat untuk menjalin kerjasama.

Tips Memilih Partner Blog yang Tepat

Berikut ini adalah beberapa tips yang perlu kalian ketahui sebelum memilih blog partner diantaranya,
  • Selalu cek nilai (DA) dan (PA) dari blog calon partner, pastikan setara atau diatas blog anda
  • Sepakat untuk saling memasang link dofollow
  • Menggunakan domain TLd (Top Level Domain)
  • Bukan atau tidak termasuk dalam blog AGC
  • Pastikan umur blog calon partner sudah lebih dari 3 bulan
  • Memiliki setidaknya 50 artikel terpublikasikan

Sampai disini admin rasa sudah cukup penjelasan, manfaat, dan juga tips memilih calon partner blog yang tepat. Bagi yang sudah tidak sabar untuk tahu cara membuatnya, simak tutorial berikut ini.

Cara Membuat Halaman Partner Blog

Menerapkan tutorial ini sangatlah mudah, kalian hanya perlu menambahkan kode HTML dan tanpa harus otak-atik template tentunya.
  1. Pastikan sudah login ke Blogger.com
  2. Pada dashboard, silahkan pilih menu Halaman > lalu buat Halaman Baru
  3. Ganti metode penulisan ke HTML bukan Compose
  4. Kemudian salin dan letakkan kode 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">
    Coretancode</div>
    <div class="card__text">
    Temukan artikel menarik dan berkulitas seputar dunia blogging, android, dan internet yang ditulis berdasarkan pengalaman penulis.</div>
    <a href="https://www.coretancode.com/" 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>
    Keterangan:
    Ganti kode yang sudah ditandai sesuai keinginan anda.
  5. Publikasikan.
Jika sudah mengikuti tutorial diatas dengan benar, maka bisa dipastikan hasilnya akan seperti berikut

Demo Partner Blog

Penutup

Jika anda kurang paham dengan penjelasan dan tutorial diatas, bisa tanyakan ke saya melalui kolom komentar yang tersedia dibawah artikel ini. Sebisa mungkin akan saya balas jika sesuai dengan topik dan tidak ada kesibukan diluar aktifitas blogging.

Mungkin sekian artikel dari Cara Membuat Partner Blog di Halaman Statis Blogger, semoga selalu bermanfaat dan
Terima kasih
Load comments