Cara Menciptakan Halaman Partner Blog Yang Keren Dan Responsive - Hallo sahabat alexanderwattley, Pada Artikel yang anda baca kali ini dengan judul Cara Menciptakan Halaman Partner Blog Yang Keren Dan Responsive, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel Blog, Artikel Blogspot, Artikel CSS, Artikel HTML, Artikel Tutorial, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.

Judul : Cara Menciptakan Halaman Partner Blog Yang Keren Dan Responsive
link : Cara Menciptakan Halaman Partner Blog Yang Keren Dan Responsive

Cara Menciptakan Halaman Partner Blog Yang Keren Dan Responsive

Cara Membuat Halaman Partner Blog Yang Keren Dan Responsive. Pada ketika kau pergi mengunjungi blog orang lain niscaya kau sering menemukan sajian navigasi yang menuju ke halaman partner pada blog, kemudian apa itu partner? Partner Blog merupakan salah satu cara untuk melaksanakan kolaborasi dengan para blogger lainnya.
Kaprikornus pada halaman tersebut umumnya berisi link atau url blog yang telah menjalin hubungan kerja sama. Dari kolaborasi ini kita sanggup diuntungkan dari beberapa hal.

Keuntungan Memiliki Partner Blog

• Mendongkrak tingkat popularitas blog kita.
• Menaikkan nilai DA dan PA blog, sehingga menciptakan blog kita menjadi lebih gampang 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 sajian "Halaman/Page"dan buatlah halaman gres laluberi judul "Partner Blog".
3. Selanjutnya masuk ke mode "HTML" dan copas instruksi 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>

• Silahkan kalian ganti goresan pena 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".

Perhatian: jika tampilannya awut-awutan maka hal itu sangat wajar, alasannya yaitu kita memakai jenis template blog yang berbeda, jadi kalian harus mengubah pengaturan instruksi CSS-nya dengan sendiri.

5. Langkah selanjutnya yaitu kau harus memasang link halaman partner ke dalam sajian navigasi blogmu, supaya para pengunjung blogmu sanggup melihat daftar partner kalian.
Kamu sanggup memasangnya di sajian navigasi ibarat header, sidebar ataupun pada bab footer blog.

Cara Menambah Partner Baru

Jika kalian ingin menambah daftar partner baru, maka kalian hanya perlu copas instruksi <li> hingga </li> kemudian letakkan instruksi tersebut di bawah kode </li> ibarat 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:

• Cara Membuat Table Of Content Di Postingan Blogger
• Cara Custom 404 Page Not Found Untuk Blogger
• Cara Membuat Menu Navigasi Dropdown Sederhana

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

Demikianlah Artikel Cara Menciptakan Halaman Partner Blog Yang Keren Dan Responsive

Sekianlah artikel Cara Menciptakan Halaman Partner Blog Yang Keren Dan Responsive kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.

Anda sekarang membaca artikel Cara Menciptakan Halaman Partner Blog Yang Keren Dan Responsive dengan alamat link https://alexanderwattley.blogspot.com/2010/07/cara-menciptakan-halaman-partner-blog.html

Share this post