Butuh Backlink? Ayo Buat Halaman Partner Link Responsive & Ringan Di Blog

Hai teman-teman Blogger Indonesia,

Sedang pilu atau galau akan Jumlah Pengunjung Situs yang tidak ada peningkatan 🙇??

Sama dong's 😅 hehehe.. Tapi jangan Give Up, mungkin perjuangan kau belum MAKSIMUM..

Tidak ada Kesuksesan Seseorang TANPA Pengorbanan.. Betul?

Untuk menjawab pertanyaan tersebut, kita butuh yang namanya Backlink dalam meningkatkan Kedudukan Situs kamu,..

Banyak sekali Para Blogger yang menuliskan artikel/konten wacana Manfaat, Kehebatan,

sesosok Backlink ini, bahkan sampai Mistake/Kesalahan yang sering dialami para Blogger dikala melaksanakan Partner Link,.. 😂

1#APA itu Backlink...?? 🔗

Backlink adalah Link yang ditanamkan/diletakkan/dipasang di Situs(Web/Blog) orang lain..

Hal ini dilakukan biar Situs mereka lebih dikenal oleh Mesin Pencari (Google,Yahoo,dll)..

Selain itu, situs yang mempunyai Backlink yang Berkualitas,

akan sangat menguntungkan, dalam hal SEO(Search Engine Organic) biar konten cepat PageOne, Rank Situs Meningkat 💹 dan jumlah Pengunjung pun ikut Meningkat..

2# Cara biar Dapat Backlink, gimana 🙋?? 

BANYAK banget, diantaranya dengan melaksanakan aktivitas seperti.,

• Comment Blog/Web : Menyisipkan Link dalam sebuah Komentar [Not Recommend] sering dianggap SPAM, jadinya Situs kau akan terkena Penalti Google atau hal lainnya..
• Signature Forum : Ada beberapa Forum yang menyediakan Signature Forum seperti Forum Winpoin, Kompasiana, Bersosial, dan lainnya.. Kalian sanggup Join dan berdiskusi di Forum sesuai Topik yang kalian suka 😄

Signature Forum ini akan selalu muncul dikala kau Berkomentar atau Membuat Thread Post yang kalian suka..

SARAN : Bergabung di 1 atau 2 Forum tapi Selalu Aktif, Lebih Direkomendasikan 😊 dibandingkan join dibanyak Forum tapi tidak melaksanakan apapun 😔

• Partner Link : Jalinan Kerja Sama antara dua orang yang saling bertukar Link dengan komitmen bersama. Menaruh Link pun sanggup disisipkan pada Widget atau Halaman Partner Link yang akan KITA Buat hari ini 👍 .. 

• Masih Banyak lagi, agar lebih men-detail, saya akan menjelaskan di Postingan secara Terpisah.. 😁 hehe, ingin tau ?? Relax,..

BACA JUGA : Komplit! Buat Halaman Sitemap, Privacy, Contact, Disclaimer, Terms of Service di Blog

3# Tutorial Membuat Halaman Partner Link Responsive & Ringan

Setelah anda Mengetahui manfaat dari Backlink, Aktivitas bertukar Link, kali ini kita akan Membuat Halaman Partner Link yang Responsive dan Ringan.

MENGAPA Halaman Partner Link ini Ringan ? alasannya yaitu icon Social Media menggunakan Icon SVG sehingga lebih Fast Loading dibandingkan Font Awesome,..

Selain itu, Halaman ini juga disertai tombol Following 💌 niscaya beda dong, dengan Halaman lainnya.

Jauh lebih kece 😘 hehehe..

Halaman ini sanggup anda buat di Platform Blog atau Platform lainnya, ibarat Wordpress 😁 caranya..

1. Copy Semua Kode CSS dan HTML di Bawah ini..

 <style> .partner_box{background-color: #d3d7ea; width: auto; max-width: 930px; max-height: 1000px; height: 264px; box-shadow: 2px 2px 2px 2px grey;} .partner_gambar{float:left; margin-right: 20px; background-color: #bdc1d1; padding: 10px;border:2px solid black; box-sizing: inherit;} .partner_gambar #tes {clear: both; text-align: center;} .partner_gambar #tes img{width: 150px; height: auto;border:2px solid black;} .partner_gambar p{text-align: center; line-height: 7px; font-weight: bold;} .partner_teks h4{font-family:sans-serif; font-size:22px;display:block;margin:0;margin-bottom:2px; display:inline;} .partner_teks h4 a{color:#fff; text-decoration: none; text-shadow: 3px 3px 5px black;} .partner_teks h4 a:hover{color:#404040} #sosmed{margin:auto; position: relative; top: 5px;} .partner_teks p{margin:10px;font-size:80%; font-weight:bold; font-family: verdana; margin-bottom:8px; color: #d2d1dc; text-shadow: 2px 2px 4px #000000; line-height: 18px;}  @media (min-width:320px) and (max-width: 450px){   .partner_box{height: auto;}   .partner_gambar{float: none;width:100%;}   .partner_teks h4{font-size:20px; margin-top: 10px;}   .partner_gambar img{position: center;} } @media (min-width:450px) and (max-width: 768px){   .partner_box{height: auto;} } </style> <div class="partner_box"> <div class="partner_gambar"> <div id="tes"> <img id="bayangan" src="Link-Logo-Blog-Kamu.jpg" /></a>    </div> <p style="font-size: 18px;">Ahmad Jazuli</p> <p>Blogger Banua</p> </div> <div class="partner_teks"> <!-- Box Teks --><br /> <h4> <a href="http://julikoding.blogspot.co.id/">JULIKODING</a></h4> <a href="https://www.facebook.com/julikoding"><svg id="sosmed" style="width:24px;height:24px;margin-left:5px;" viewBox="0 0 24 24">     <path fill="#2d397f" d="M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M18,5H15.5A3.5,3.5 0 0,0 12,8.5V11H10V14H12V21H15V14H18V11H15V9A1,1 0 0,1 16,8H18V5Z" /> </svg></a> <a href="https://twitter.com/julikoding/"><svg id="sosmed" style="width:24px;height:24px" viewBox="0 0 24 24">     <path fill="#2196f3" d="M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M17.71,9.33C18.19,8.93 18.75,8.45 19,7.92C18.59,8.13 18.1,8.26 17.56,8.33C18.06,7.97 18.47,7.5 18.68,6.86C18.16,7.14 17.63,7.38 16.97,7.5C15.42,5.63 11.71,7.15 12.37,9.95C9.76,9.79 8.17,8.61 6.85,7.16C6.1,8.38 6.75,10.23 7.64,10.74C7.18,10.71 6.83,10.57 6.5,10.41C6.54,11.95 7.39,12.69 8.58,13.09C8.22,13.16 7.82,13.18 7.44,13.12C7.81,14.19 8.58,14.86 9.9,15C9,15.76 7.34,16.29 6,16.08C7.15,16.81 8.46,17.39 10.28,17.31C14.69,17.11 17.64,13.95 17.71,9.33Z" /> </svg></a> <a href="https://plus.google.com/u/0/+AhmadJazuliBeON"><svg id="sosmed" style="width:24px;height:24px" viewBox="0 0 24 24">     <path fill="#f83232" d="M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M19.5,12H18V10.5H17V12H15.5V13H17V14.5H18V13H19.5V12M9.65,11.36V12.9H12.22C12.09,13.54 11.45,14.83 9.65,14.83C8.11,14.83 6.89,13.54 6.89,12C6.89,10.46 8.11,9.17 9.65,9.17C10.55,9.17 11.13,9.56 11.45,9.88L12.67,8.72C11.9,7.95 10.87,7.5 9.65,7.5C7.14,7.5 5.15,9.5 5.15,12C5.15,14.5 7.14,16.5 9.65,16.5C12.22,16.5 13.96,14.7 13.96,12.13C13.96,11.81 13.96,11.61 13.89,11.36H9.65Z" /> </svg></a> <a href="https://www.instagram.com/ahmdjazuli/"><svg id="sosmed" style="width:24px;height:24px" viewBox="0 0 24 24">     <path fill="#c93750" d="M7.8,2H16.2C19.4,2 22,4.6 22,7.8V16.2A5.8,5.8 0 0,1 16.2,22H7.8C4.6,22 2,19.4 2,16.2V7.8A5.8,5.8 0 0,1 7.8,2M7.6,4A3.6,3.6 0 0,0 4,7.6V16.4C4,18.39 5.61,20 7.6,20H16.4A3.6,3.6 0 0,0 20,16.4V7.6C20,5.61 18.39,4 16.4,4H7.6M17.25,5.5A1.25,1.25 0 0,1 18.5,6.75A1.25,1.25 0 0,1 17.25,8A1.25,1.25 0 0,1 16,6.75A1.25,1.25 0 0,1 17.25,5.5M12,7A5,5 0 0,1 17,12A5,5 0 0,1 12,17A5,5 0 0,1 7,12A5,5 0 0,1 12,7M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9Z" /> </svg></a> <a href="https://www.blogger.com/follow-blog.g?blogID=7650287574293818356"> <span onclick="this.innerHTML='FOLLOWING'" style="background-color: #8a95cf; padding: 7px; border-radius: 7px; color: white;margin-right:10px; float: right;">FOLLOW<svg id="sosmed" style="width:24px;height:24px;position:relative;top:5px;margin-left:5px;" viewBox="0 0 24 24">     <path fill="#000000" d="M15,14C12.33,14 7,15.33 7,18V20H23V18C23,15.33 17.67,14 15,14M6,10V7H4V10H1V12H4V15H6V12H9V10M15,12A4,4 0 0,0 19,8A4,4 0 0,0 15,4A4,4 0 0,0 11,8A4,4 0 0,0 15,12Z" /> </svg></span> </a> <br /> DESKRIPSI PENDEK wacana Blog Kamu DISINI :3</div> </div>

2. Kemudian, Buka Dashboard Blog Kamu, pergi ke Laman - Buat Laman Baru - Aktifkan Mode HTML dan Paste kode tersebut..

3. Setelah itu, Ubah data(Gunakan CTRL + F biar mempermudah pencarian) sebagai berikut :

• Ubah instruksi src="Link-Logo-Blog-Kamu.jpg" /> dengan Link Logo Partner Kamu, 
• Ubah nama Profil Ahmad Jazuli dan Blogger Banua sesuai Profil Partner Mu😀
• Ubah juga Link Blog JuliKoding dengan Link Partner kalian
• Ubah Link Soscial Media seperti facebook, instagram dan lainnya ..
• Terakhir, ubah ID Blog Partner Kalian pada instruksi di bawah ini..

<a href="https://www.blogger.com/follow-blog.g?blogID=7650287574293818356">

Blog ID ? Dimana saya sanggup Menemukannya 😵 ?? 

Biasanya, dikala anda Membuka Halaman Dashboard Blog, kalian sanggup menemukan Blog ID kalian pada bab LINK..

3. Setelah semua data diubah, silahkan Publikasikan.. Kalian juga sanggup Lihat Hasilnya Di Halaman Partner JuliKoding 

4# Cara Menambahkan Kolom Partner Link

Untuk menambahkan kolom Partner Link tersebut, kalian tidak perlu Copy Paste instruksi keseluruhan. Cukup Copy HTML nya saja..

 <div class="partner_box"> <div class="partner_gambar"> <div id="tes"> <img id="bayangan" src="Link-Logo-Blog-Kamu.jpg" /></a>    </div> <p style="font-size: 18px;">Ahmad Jazuli</p> <p>Blogger Banua</p> </div> <div class="partner_teks"> <!-- Box Teks --><br /> <h4> <a href="http://julikoding.blogspot.co.id/">JULIKODING</a></h4> <a href="https://www.facebook.com/julikoding"><svg id="sosmed" style="width:24px;height:24px;margin-left:5px;" viewBox="0 0 24 24">     <path fill="#2d397f" d="M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M18,5H15.5A3.5,3.5 0 0,0 12,8.5V11H10V14H12V21H15V14H18V11H15V9A1,1 0 0,1 16,8H18V5Z" /> </svg></a> <a href="https://twitter.com/julikoding/"><svg id="sosmed" style="width:24px;height:24px" viewBox="0 0 24 24">     <path fill="#2196f3" d="M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M17.71,9.33C18.19,8.93 18.75,8.45 19,7.92C18.59,8.13 18.1,8.26 17.56,8.33C18.06,7.97 18.47,7.5 18.68,6.86C18.16,7.14 17.63,7.38 16.97,7.5C15.42,5.63 11.71,7.15 12.37,9.95C9.76,9.79 8.17,8.61 6.85,7.16C6.1,8.38 6.75,10.23 7.64,10.74C7.18,10.71 6.83,10.57 6.5,10.41C6.54,11.95 7.39,12.69 8.58,13.09C8.22,13.16 7.82,13.18 7.44,13.12C7.81,14.19 8.58,14.86 9.9,15C9,15.76 7.34,16.29 6,16.08C7.15,16.81 8.46,17.39 10.28,17.31C14.69,17.11 17.64,13.95 17.71,9.33Z" /> </svg></a> <a href="https://plus.google.com/u/0/+AhmadJazuliBeON"><svg id="sosmed" style="width:24px;height:24px" viewBox="0 0 24 24">     <path fill="#f83232" d="M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M19.5,12H18V10.5H17V12H15.5V13H17V14.5H18V13H19.5V12M9.65,11.36V12.9H12.22C12.09,13.54 11.45,14.83 9.65,14.83C8.11,14.83 6.89,13.54 6.89,12C6.89,10.46 8.11,9.17 9.65,9.17C10.55,9.17 11.13,9.56 11.45,9.88L12.67,8.72C11.9,7.95 10.87,7.5 9.65,7.5C7.14,7.5 5.15,9.5 5.15,12C5.15,14.5 7.14,16.5 9.65,16.5C12.22,16.5 13.96,14.7 13.96,12.13C13.96,11.81 13.96,11.61 13.89,11.36H9.65Z" /> </svg></a> <a href="https://www.instagram.com/ahmdjazuli/"><svg id="sosmed" style="width:24px;height:24px" viewBox="0 0 24 24">     <path fill="#c93750" d="M7.8,2H16.2C19.4,2 22,4.6 22,7.8V16.2A5.8,5.8 0 0,1 16.2,22H7.8C4.6,22 2,19.4 2,16.2V7.8A5.8,5.8 0 0,1 7.8,2M7.6,4A3.6,3.6 0 0,0 4,7.6V16.4C4,18.39 5.61,20 7.6,20H16.4A3.6,3.6 0 0,0 20,16.4V7.6C20,5.61 18.39,4 16.4,4H7.6M17.25,5.5A1.25,1.25 0 0,1 18.5,6.75A1.25,1.25 0 0,1 17.25,8A1.25,1.25 0 0,1 16,6.75A1.25,1.25 0 0,1 17.25,5.5M12,7A5,5 0 0,1 17,12A5,5 0 0,1 12,17A5,5 0 0,1 7,12A5,5 0 0,1 12,7M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9Z" /> </svg></a> <a href="https://www.blogger.com/follow-blog.g?blogID=7650287574293818356"> <span onclick="this.innerHTML='FOLLOWING'" style="background-color: #8a95cf; padding: 7px; border-radius: 7px; color: white;margin-right:10px; float: right;">FOLLOW<svg id="sosmed" style="width:24px;height:24px;position:relative;top:5px;margin-left:5px;" viewBox="0 0 24 24">     <path fill="#000000" d="M15,14C12.33,14 7,15.33 7,18V20H23V18C23,15.33 17.67,14 15,14M6,10V7H4V10H1V12H4V15H6V12H9V10M15,12A4,4 0 0,0 19,8A4,4 0 0,0 15,4A4,4 0 0,0 11,8A4,4 0 0,0 15,12Z" /> </svg></span> </a> <br /> DESKRIPSI PENDEK wacana Blog Kamu DISINI :3</div> </div>

#NOTE : Kodingan dari Halaman Partner Link ini saya buat sendiri dengan wangsit sendiri juga 😄 Jadi, bagi teman-teman yang ingin CopyPaste, jangan lupa kasih Sumbernya yo..  

Hargailah orang lain, maka Harga Diri Anda akan semakin Mahal dan Mempesona,.

Itulah Tutorial Singkat, bagaimana Cara Membuat Halaman Partner Link yang Responsive dan Fast Loading, jangan lupa Follow & Subscribe JuliKoding 💖

Komentar lah dikit-dikit biar ada fungsinya juga Kolom Komentar di Bawah 😉💬

Responsive Tutorial Blogging

• Share
• Share