Skip to main content

Cara Membuat Halaman Link Partner Keren Di Blog Versi Amtread

Cara Membuat Halaman Partner keren Seperti Amtread
Halaman partner seperti amtread

Cara Membuat Halaman Partner Di Blog Versi Amtread - Dalam membangun blog ada beberapa poin penting yang wajib dipasang dan juga tidak wajib dipasang. Salah satu poin penting yang wajib dipasang adalah membuat halaman partner di blog kamu. Kenapa menurut saya penting? karena dengan dibuatnya halaman partner, kamu bisa bertukaran memasang link di blog orang lain dan itu termasuk salah satu cara memperbanyak backlink. Pasti kamu sudah tahu dong apa itu backlink? Ya kali belum tahu hehe.

Namun setiap orang berbeda-beda dalam membuat desain halaman partnernya menggunakan skill bahasa program yang dimilikinya sehingga terciptalah desain-desain baru yang menurut mereka unik dan juga keren. Namun apa jadinya apabila mereka tidak bisa bahasa program? Mereka akan mencari desain halaman partner untuk blog yang keren. Tapi sayangnya cara tersebut sudah terbilang biasa dan desain yang digunakan pasti sudah orang lain banyak gunakan (tidak unik).

Baca juga: Cara Agar Artikel Blog Tidak Bisa Di COPAS

Oleh karena itu amtread disini akan menambahkan variasi desain halaman link partner untuk blog kamu supaya terlihat lebih keren dan bisa terbilang beda dengan halaman (page) partner blog orang lain (kalau artikel ini belum terkenal) sehingga blog kamu mempunyai ciri khas tersendiri seperti halnya halaman partner amtread sekarang (sebelum banyak orang yang menggunakan script di artikel ini).

Nah oleh karena itu langsung saja kamu coba gunakan script di bawah ini supaya kamu bisa membuat halaman link partner di blog dengan platform blogger kamu sebelum orang lain mencoba duluan. Oke tanpa basa-basi lagi kita langsung saja masuk ke tutorialnya.

Baca juga: Cara Mengatasi Jingling Di Blog Blogger

Cara Membuat Halaman Link Partner Keren Di Blog Versi Amtread


1. Copy kode di bawah ini terlebih dahulu.

<!DOCTYPE html>
<html>
<head>
<style type="text/css">
p{
font-size: 40px;
text-align: center;
}
.tb-partner-amtread{
width: 99%;
float: left;
margin: 0 0.5%;
overflow: auto;
}

.niche-tabel{
width: 100px;
}

table{
width: 100%;
background-color: #dff9fb;
border-collapse: collapse;
border:none;
}
table .heading-table-partner{
background: linear-gradient(to right,#780206,#061161);
height: 50px;
}

table a{
color: white !important;
text-decoration: none;
}
table a:hover{
color: red !important;
}

table tr:nth-child(even){
background-color: #c7ecee;
}

table tr{
border-bottom: 1px solid white;
                        padding:0 10px;
}

table th{
color: white;
border:none;
                        padding:0 10px;
width:40px;font-size:15px;text-align:center;
}

table td{
font-size: 20px;
padding: 10px 10px;
border:none;
text-align: center;
}
                td.deskripsi-partner{
                        font-size:13px;
                }

table td:nth-child(1){
background: linear-gradient(to right,#aa4b6b,#6b6b83,#3b8d99);
color: white;
}
table td:nth-child(3){
background: linear-gradient(to right,#aa4b6b,#6b6b83,#3b8d99);
color: white;
}
table td:nth-child(5){
background: linear-gradient(to right,#aa4b6b,#6b6b83,#3b8d99);
color: white;
}
table tr:nth-child(1){
border:none;
}
</style>
</head>
<body>
<br/>
<!-- halaman link partner versi amtread -->
<p>Partner Blog Kami</p>
<div class="tb-partner-amtread">
<table border="1px solid black">
<tr class="heading-table-partner">
<th>No</th>
<th>Judul</th>
<th class="niche-tabel">Tema</th>
<th>Deskripsi</th>
<th>Aksi</th>
</tr>
<tr>
<td>1</td>
<td>Amtread.com</td>
<td class="niche-tabel">Teknologi</td>
<td class="deskripsi-partner">Blog yang membahas seputar teknologi. Pembahasan sangat terperinci dilengkapi dengan gambar pendukung serta bahasa yang mudah dipahami</td>
<td><a href="https://www.amtread.com" target="_blank">Visit</a></td>
</tr>
       <!-- di bawah ini partner kamu -->
<tr>
<td>2</td>
<td>Blog kamu</td>
<td class="niche-tabel">?</td>
<td>Menunggu kamu yang tidak pasti akan menjadi partner :( </td>
<td><a href="https://www.linkpartner.com" target="_blank">Visit</a></td>
</tr>
       <!-- di bawah ini partner baru kamu -->
        <tr>
<td>3</td>
<td>Blog kamu</td>
<td class="niche-tabel">?</td>
<td>Menunggu kamu yang tidak pasti akan menjadi partner :( </td>
<td><a href="https://www.linkpartner.com" target="_blank">Visit</a></td>
</tr>
     <!-- copy paste code tr seperti di atas untuk menambahkan link partner baru -->

</table>
</div>

</body>
</html>


2. Kemudian kamu klik saja halaman pada dashboard akun blogger kamu.

Halaman


3. Lalu kamu klik halaman baru untuk membuat halaman partner (jika belum punya).

Halaman baru


4. Kemudian kamu masukkan nama halaman di input text judul halaman, lalu klik mode HTML.

input judul lalu klik mode html


5. Jika sudah, tinggal kamu paste code di atas kedalam mode HTML.

html mode


6. Lalu klik publikasikan.

Nah kamu bisa ganti kata-kata yang saya tandai warna merah sesuai keinginan kamu. Dan untuk memperbanyak partner, kamu bisa copy paste code <tr> hingga </tr> untuk menambahkan 1 link partner, lebih jelasnya kamu bisa lihat <tr></tr> yang saya tandai warna hijau . Saran saya, sebaiknya kamu pelajari html terlebih dahulu untuk bisa mengaplikasikan script untuk blog lebih maksimal.

Baca juga: Cara Mengedit Atau Menambah Menu Di Menu Bar Blog

Bila kamu kebingungan, kamu bisa contact saya melalui form contact yang telah amtread sediakan di bagian footer paling bawah blog ini. Sekian artikel dari amtread.com mengenai Cara Membuat Halaman Link Partner Keren Di Blog Versi Amtread, semoga kamu bisa sukses menerapkannya untuk sekarang ataupun untuk kedepannya.
Comment Policy: Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui.
Buka Komentar
Tutup Komentar