Cara Membuat Halaman Partner Blog Yang Keren Dan Responsive | Tutorial Lengkap

Cara Membuat Halaman Partner Blog Yang Keren Dan Responsive

Cara Membuat Halaman Partner Blog Yang Keren Dan Responsive. Pada saat kamu pergi mengunjungi blog orang lain pasti kamu sering menemukan menu navigasi yang menuju ke halaman partner pada blog, lalu apa itu partner? Partner Blog merupakan salah satu cara untuk melakukan kerja sama dengan para blogger lainnya.

Zona Internetku November 18, 2019

Jadi dalam page tadi umumnya berisi link atau url blog yang telah menjalin interaksi kerja sama. Dari kolaborasi ini kita sanggup diuntungkan berdasarkan beberapa hal.

Keuntungan Memiliki Partner Blog

  • Mendongkrak tingkat popularitas blog kita.
  • Menaikkan nilai DA dan PA blog, sehingga membuat blog kita menjadi lebih mudah berada di posisi Page One pada mesin pencarian.
  • Menambah teman atau membangun komunitas untuk saling bersilahturahmi sesama blogger.

Cara Membuat Halaman Khusus Untuk Menampilkan Daftar Blog Partner Kita

1. Masuk ke dalam halaman dashboard blogger kalian.

2. Setelah itu masuk ke menu "Halaman/Page"dan buatlah halaman baru laluberi judul "Partner Blog".

3. Selanjutnya masuk ke mode "HTML" dan copas kode berikut ini

			Syarat untuk menjadi partner kami adalah... <ol id="daftar-partner"> <li class="kotak-partner"><h3 class="judul-partner">
				Blog Kalian</h3> <div class="deskripsi-partner"> <center>
				Deskripsi blog kalian ada disini</center> <a class="link-partner" href="https://www.google.com" rel="dofollow">www.google.com</a></div> </li> </ol> <style> #daftar-partner{margin:0;list-style:none;counter-reset:num;display:block;overflow:hidden} #daftar-partner .kotak-partner{background:#FFF;width:calc(95% - 40px);border:3px solid #3bbd71;border-radius:10px;margin-bottom:35px;padding:5px 10px;position:relative;float:left;list-style:none;margin:0 0 15px;counter-increment:num} #daftar-partner .kotak-partner:before{content:counter(num)!important;font-size:25px;line-height:26px;text-align:center;background:#3bbd71;color:white;border-radius:0 10px 0 10px;font-weight:bold;font-style:italic;display:block;position:absolute;top:-1px;width:30px;height:30px;right:-1px} #daftar-partner .kotak-partner:nth-child(even){background:#FFF;width:calc(95% - 40px);border:3px solid #3bbd71;border-radius:10px;margin-bottom:35px;padding:5px 10px;position:relative;float:right;list-style:none;margin:0 0 15px;counter-increment:num} #daftar-partner .kotak-partner:nth-child(even):before{border-radius:10px 0 10px 0;top:-1px;left:-1px} #daftar-partner .kotak-partner .judul-partner{text-align:center} #daftar-partner .kotak-partner .deskripsi-partner{font-size:16px;margin: 0px 0px 20px 0;} #daftar-partner .kotak-partner .link-partner{position:absolute;right:-1px;bottom:0;background:#3bbd71;color:#FFF;padding:0 10px;border-radius:5px 0 0 0;font-size:14px} #daftar-partner .kotak-partner:nth-child(even) .link-partner{left:-1px;right:unset;border-radius:0 5px 0 0} </style>

Cara Membuat Halaman Partner Blog Yang Keren Dan Responsive

  • Silahkan kalian ganti tulisan warna merah dengan Nama Blog Partner kalian.
  • Warna hijau untuk Deskripsi Blog Partner.
  • Warna biru untuk Link Blog Partner.

4. Setelah itu silahkan kalian klik tombol "Publish/Publikasikan".

Cara Membuat Halaman Partner Blog Yang Keren Dan Responsive 2

Perhatian: jika tampilannya berantakan maka hal itu sangat wajar, karena kita menggunakan jenis template blog yang berbeda, jadi kalian harus mengubah pengaturan kode CSS-nya dengan sendiri.

5. Langkah selanjutnya yaitu kamu harus memasang link halaman partner ke dalam menu navigasi blogmu, agar para pengunjung blogmu dapat melihat daftar partner kalian.

Kamu bisa memasangnya di menu navigasi seperti header, sidebar ataupun pada bagian footer blog.

Cara Menambah Partner Baru

Jika kalian ingin menambah daftar partner baru, maka kalian hanya perlu copas kode <li> sampai </li> lalu letakkan kode tersebut di bawah kode </li> seperti berikut.

			<ol id="daftar-partner"> <li class="kotak-partner"><h3 class="judul-partner">
				Blog Kalian</h3> <div class="deskripsi-partner"> <center>
				Deskripsi blog kalian ada disini</center> <a class="link-partner" href="https://www.google.com" rel="dofollow">www.google.com</a></div> </li> <li class="kotak-partner"><h3 class="judul-partner">
				Blog Kalian 2</h3> <div class="deskripsi-partner"> <center>
				Deskripsi blog kalian ada disini 2</center> <a class="link-partner" href="https://www.google.com" rel="dofollow">www.google.com</a></div> </li> </ol>

Baca juga:

Itulah tutorial singkat untuk  Cara Membuat Halaman Partner Blog Yang Keren Dan Responsive yang bisa saya tunjukkan kepada kalian semua. Semoga bermanfaat.

Komentar

Posting Komentar

Postingan populer dari blog ini

4 Aplikasi Pelindung Mata Untuk Mengurangi Dampak Dari Radiasi Layar HP | Tutorial Lengkap

Gambar
4 Aplikasi Pelindung Mata Untuk Mengurangi Dampak Dari Radiasi Layar HP Aplikasi Pelindung Mata Untuk Mengurangi Dampak Dari Radiasi Layar HP Dan Tablet . Smartphone atau yang lebih akrab disebut dengan gadget telah menjadi bagian kebutuhan pokok sehari hari, mulai dari untuk berkomunikasi, berbisnis, mencari informasi ataupun hanya untuk sekedar mencari hiburan seperti bermain game. Zona Internetku November 11, 2019 Tetapi tahukah kalian bahwa sinar biru (blue light) yang dipancarkan sang layar HP jua mengakibatkan radiasi dalam organ mata sebagai akibatnya mampu berdampak buruk bagi si pengguna gadget tersebut, terutama bagi orang yang melakukan semua aktifitasnya melalui HP, terlebih lagi jika mereka sanggup memakai HP lebih dari 8 jam setiap harinya yg padahal itu jelek bagi kesehatannya. Tapi kita juga masih sanggup buat mengurangi pengaruh atau resiko yg disebabkan sinar biru smartphone dengan memakai fitur fitur yg sudah disediakan sang pihak pengembang beberapa pelaksan...
Baca selengkapnya

Cara Mengubah Suasana Siang Menjadi Malam Di Photoshop | Tutorial Lengkap

Gambar
Cara Mengubah Suasana Siang Menjadi Malam Di Photoshop Cara Mengubah Suasana Siang Menjadi Malam Di Photoshop Zona Internetku September 11, 2016 Cara Mengubah Suasana Siang Menjadi Malam . Halo.. sob, selamat datang di zona internetku, pada tutorial kali ini saya akan memposting tutorial tentang cara mengubah suasana siang menjadi malam, efek kali ini memberikan kesan yang agak suram atau sepi karena biasanya susana di malam hari memang sangat menakutkan, tapi berbeda bagi para editor yang menggunakan efek ini untuk menciptakan suasana tertentu, yang tentu saja menggunakan aplikasi photoshop yang penuh dengan fitur fitur yang sangat keren, dan saya kali ini menggunakan aplikasi photoshop cs6 kalian juga bisa menggunakan aplikasi photoshop yang lain seperti photoshop cc yang selalu update dengan fitur fiturnya yang lebih keren dari generasi yang lainnya. tetapi itu semua tergantung dari bagaimana cara menggunakan aplikasi tersebut dengan keahlian kalian masing masing. Ok langsun...
Baca selengkapnya

5 Daftar Situs Yang Bisa Digunakan Untuk Belajar Memulai Bisnis | Tutorial Lengkap

Gambar
Lima Daftar Situs Yang Bisa Digunakan Untuk Belajar Memulai Bisnis Daftar Situs Yang Bisa Digunakan Untuk Belajar Memulai Bisnis. Untuk memulai sebuah bisnis atau berwirausaha yang sukses maka kita memerlukan pengetahuan dan pengalaman yang cukup untuk mengelola usaha tersebut, selain itu juga jika bisnis tersebut sudah berkembang besar maka diperlukan mentor yang profesional sehingga kita akan terbantu saat menangani masalah pada bisnis kita dan juga orang yang dapat dipercaya. Zona Internetku September 02, 2019 Berbicara soal usaha, aku akan membahasnya dari yang mendasar yaitu pengetahuan atau ilmu buat menemukan ide, memulai Untuk mempejalari semua itu kita bisa memperolehnya dengan belajar mengikuti sebuah kursus, pelatihan maupun seminar. Namun kita juga bisa mendapatkan semua ilmu tersebut melalui situs-situs di internet yang telah dibagikan secara gratis, untuk mengetahuinya silahkan simak daftarnya disini. Website Terbaik Untuk Belajar Dalam Memulai Bisnis 1. Trend...
Baca selengkapnya