Thursday, December 12, 2013


4 Tips Pengaturan Widget Linkwithin



Hai Nakama, kali ini tutorialnya tentang Lanjutan dari pada Tutorial "Cara Membuat Artikel Terkait dibawah Postingan Blog dengan Gambar". Nah, Mr. Brook akan mngeshare Tutorial cara penggunaan/peng-editan Widget Linkwithin. Disimak ya !!
"TK" to the "P"

TKP :



Tips #1 - Menghilangkan link LinkWithin.com di bawah widget

Jika anda pertama kali memasang widget ini, maka jika anda perhatikan baik-baik, di bawah widget ini terdapat link yang menuju ke situs LinkWithin.com. Bagi sebagian orang, keberadaan link ini dianggap sebagai noda di dalam desain widget. Namun tenang saja, ada cara untuk menyembunyikannya. Mula-mula cari kode HTML yang bentuknya kira-kira seperti berikut:
<script>
var linkwithin_site_id = xxxxxxx;
</script>
<script src="http://www.linkwithin.com/widget.js">
</script>
<a href="http://www.linkwithin.com/">
<img
    src="http://www.linkwithin.com/pixel.png"
    alt="Related Posts Plugin for WordPress, Blogger..."
 style="border: 0" />
</a>

Rubah menjadi ..


<script>

var linkwithin_site_id = xxxxxxx;

</script>

<script src="http://www.linkwithin.com/widget.js">
</script>

Tambahkan kode CSS berikut pada blog untuk menyembunyikan tulisan
"Linkwithin" :

#linkwithin_logolink_0 {display:none;}

Letakkan diatas kode ]]></b:skin>

Tips #2 - Mengubah judul "You might also like:" pada widget LinkWithin

Secara default, judul dari widget ini adalah "You might also like:". Terkadang sebagai pemilik blog anda perlu untuk mengganti judul ini sesuai selera. Pengubahan judul bisa dilakukan hanya dengan menambahkan satu baris perintah javascript sebelum peletakan <script src="http://www.linkwithin.com/widget.js">. Kode yang ditulis adalah sebagai berikut:

linkwithin_text='Artikekeren terkait:'

Judul widget anda akan berubah seperti gambar berikut:



Tips #3 - Menampilkan widget LinkWithin hanya pada halaman Post

Widget ini akan muncul di segala halaman pada blog anda secara default. Menurut saya, ketika widget ini muncul di halaman Home, desain blog jadi terkesan rame dan berat karena terlalu banyak widget LinkWithin yang bermunculan. Untuk itu, jika anda merasakan hal yang serupa, maka perlu ditambahkan dua baris kode seperti pada snippet di bawah, yaitu kode pada garis ke pertama dan ke-10, untuk memunculkan widget hanya pada halaman post.

1
2
3
4
5
6
7
8
9
10
<b:if cond='data:blog.pageType == "item"'>

<script>
var linkwithin_site_id = xxxxxxx;
linkwithin_text='Artikel keren terkait:'
</script>
<script src="http://www.linkwithin.com/widget.js">
</script>

</b:if>


Tips #4 - Memindahkan posisi widget LinkWithin

Widget LinkWithin akan terletak di bawah akhir post secara default. Namun anda bisa meletakkan widget ini semau anda dengan menambah kode di bawah ke tempat yang anda inginkan.

<div class="linkwithin_div"></div>

Gimana menurut Nakama, Mantap tidak ?
Silakan bubuhkan komentarnya ya ?, ditambah sharenya juga biar Nakama-Nakama yang lain pada tau..

Oke, artikel selanjutnya ditunggu ya ..

Bagikan Artikel ini :

No comments:

Post a Comment

Komentarnya hati-hati, banyak yang baca ~