How to make List Link Partner in Blog

FacebookTwitterGoogle+
Languange
This tutorial is how to create a blog widget link list of friends. this simple trick so the tutorial simply too ._.

Link exchange has been a practice in the internet ever since. And it is a good practice too if you do it right. Link exchange has a potential to positively impact site traffic and improve business relations

Link Exchange has the same meaning, which is equally exchanging links (link). Someone who serve an average exchange links to get more backlinks and or just get new visitors from other sites that link hers.

So, between the site A to site B each include a link. Site A site belonging to a prominent link to its site B and vice versa.

Link exchange is a like a friendship in the blogosphere, It can be fun for you and a great traffic of visitors to your blog.
usually link partner will appear in the sidebar of a blog or on a special page for the blog partner depends on who has a blog would appear where

How to Make a Widget List Link Partner

1. Sign in to Blogger
2. YourBlog Template Edit HTML
3. Add the following CSS code just above ]]></b:skin> atau </style>
.us-partner ul{padding:0;margin:0;list-style:none}
.us-partner li{border-bottom:1px solid #ddd;margin:0;line-height:2;}
.us-partner li a:before{content:"\f0c1";font-family:FontAwesome;padding-right:10px;font-weight:400;}
4. Save Template
5. Go to Layout Add a Gadget HTML/Javascript
6. Enter the code below
<div class='us-partner'>
<ul>
<li><a href='#'>Nakama 1</a></li>
<li><a href='#'>Nakama 2</a></li>
<li><a href='#'>Nakama 3</a></li>
<li><a href='#'>Nakama 4</a></li>
<li><a href='#'>Nakama 5</a></li> 
<li><a href='#'>Nakama 6</a></li>
<li><a href='#'>Nakama 7</a></li>
<li><a href='#'>Nakama 8</a></li>
<li><a href='#'>Nakama 9</a></li>
<li><a href='#'>Nakama 10</a></li>
</ul>
</div>
7. Save.

Demo

Widget Exchange Link With Overflow/Scrollbar
.us-partner{overflow-y:auto;max-height:250px;}
.us-partner ul{padding:0;margin:0;list-style:none}
.us-partner li{border-bottom:1px solid #ddd;margin:0;line-height:2;}
.us-partner li a:before{content:"\f0c1";font-family:FontAwesome;padding-right:10px;font-weight:400;}

Widget Exchange Link 2 Column
.us-partner{margin:0 -1%;}
.us-partner ul{padding:0;margin:0;list-style:none}
.us-partner li{border-bottom:1px solid #ddd;line-height:2;width:48%;float:left;margin:0 1%;}
.us-partner li a:before{content:"\f0c1";font-family:FontAwesome;padding-right:10px;font-weight:400;}

Widget Exchange Link Clouds
.us-partner ul{padding:0;margin:0;list-style:none}
.us-partner li{border-bottom:1px solid #ddd;line-height:2;padding:0 2px;margin:0 2px;display:inline-block;}
.us-partner li a:before{content:"\f0c1";font-family:FontAwesome;padding-right:10px;font-weight:400;}
Tutorial kali ini adalah Cara Membuat Widget Daftar Link Partner di blog, ini adalah request dari fanspage yang ingin membuat menu partner di blognya, entah di widget atau halaman statik/pages. tutor ini simple maka desainnya pun simple ._.

tukar link biasanya berawal dari blogwalking yaitu suatu kegiatan mengunjungi atau jalan-jalan ke blog orang lain. Biasanya kegiatan ini dimulai saat A mengunjungi blog si B lalu meninggalkan jejak, seperti berkomentar sekedar perkenalan antar sesama blog, dan jika diperbolehin munkin bisa menukar link inti dari blogwalking yaitu saling mengunjungi seperti silatuhrahmi antar blog

biasanya link partner akan muncul di sidebar blog atau dihalaman khusus untuk partner blog tergantung dari yang punya blog mau munculin dimana :v

tukar link juga punya dampak positif dan negatif contohnya pada dampak positif yaitu blogmu secara tidak langsung akan dikunjungi dari blog partner sobat, meningkatkan rank blog kalian di search engine tapi ingat tukar link itu harus sesama niche maksudnya sesama kategori seperti Blog A kategori Share anime, Blog B juga share anime, menambah teman antar sesama blogger dan masih banyak lagi, sedangkan dampak negatifnya ketika tukar link berlebihan bisa menyebabkan blogmu kena pinalti google, blogmu dianggap spam karena menukar link sangat banyak di blog orang terlebih lagi bukan sesama niche itu saja yang saya tahu

Cara Membuat Widget Daftar Link Partner

1. Masuk ke Blogger
2. Blogmu Template Edit HTML
3. Tambahkan kode CSS dibawah ini tepat diatas ]]></b:skin> atau </style>
.us-partner ul{padding:0;margin:0;list-style:none}
.us-partner li{border-bottom:1px solid #ddd;margin:0;line-height:2;}
.us-partner li a:before{content:"\f0c1";font-family:FontAwesome;padding-right:10px;font-weight:400;}
4. Simpan Template
5. Masuk ke Layout Tambahkan Widget Baru HTML/Javascript
6. Masukan HTML dibawah ini
<div class='us-partner'>
<ul>
<li><a href='#'>Nakama 1</a></li>
<li><a href='#'>Nakama 2</a></li>
<li><a href='#'>Nakama 3</a></li>
<li><a href='#'>Nakama 4</a></li>
<li><a href='#'>Nakama 5</a></li> 
<li><a href='#'>Nakama 6</a></li>
<li><a href='#'>Nakama 7</a></li>
<li><a href='#'>Nakama 8</a></li>
<li><a href='#'>Nakama 9</a></li>
<li><a href='#'>Nakama 10</a></li>
</ul>
</div>
7. Simpan.

Hasil

Widget Tukar Link Dengan Overflow/Scrollbar
.us-partner{overflow-y:auto;max-height:250px;}
.us-partner ul{padding:0;margin:0;list-style:none}
.us-partner li{border-bottom:1px solid #ddd;margin:0;line-height:2;}
.us-partner li a:before{content:"\f0c1";font-family:FontAwesome;padding-right:10px;font-weight:400;}

Widget Tukar Link Dua Kolom
.us-partner{margin:0 -1%;}
.us-partner ul{padding:0;margin:0;list-style:none}
.us-partner li{border-bottom:1px solid #ddd;line-height:2;width:48%;float:left;margin:0 1%;}
.us-partner li a:before{content:"\f0c1";font-family:FontAwesome;padding-right:10px;font-weight:400;}

Widget Tukar Link Clouds
.us-partner ul{padding:0;margin:0;list-style:none}
.us-partner li{border-bottom:1px solid #ddd;line-height:2;padding:0 2px;margin:0 2px;display:inline-block;}
.us-partner li a:before{content:"\f0c1";font-family:FontAwesome;padding-right:10px;font-weight:400;}

Rekomendasi tutorial lain

Comment Now

3 comments