- Ok,mula mula sekali,kalau anda belum memakai Linkwithin, silahkan ke Linkwithin dan ikut arahan pemasangannya. Seterusnya selepas anda ada Linkwithin di design page element anda lihat gadget Linkwithin itu dan lihat disitu ada ID anda
contoh
<script>
var linkwithin_site_id =
XXXXX;
</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>
- Ok sekarang anda Login keblog anda klik edit templete cari code <div class='post-footer'> dan masukkan code dibawah ini tepat dibawahnya dan ganti XXXXX dengan ID anda.
<div
class='linkwithin_div'/>
<script>
var linkwithin_site_id =
XXXXX;
</script>
<script>linkwithin_text='
Mungkin Ini Juga Yang Anda Cari : '</script>
<script
src='http://www.linkwithin.com/widget.js'/>
</iframe><span><a
href="http://nurulcall-tanjungkalang.blogspot.com/2012/02/cara-membuat-fb-pagefan-auto-hide.html">Tutorial
Here</a></span></div></div>
- Dan sekarang kita akan gayakan linkwithin ini cari code ]]></b:skin> dan copy code dibawah dan letakkan tepat diatasnya
/* LinkWithin personalize
-----------------------------------------------
*/
.linkwithin_div {
background: #EFF8FB; /*
warna latarbelakang */
padding: 0 10px;
}
.linkwithin_text {
font-size:18px; /* saiz
tajuk gajet */
color:#084B8A; /* warna
tajuk gajet */
}
a#linkwithin_logolink_0,
a#linkwithin_logolink_1, a#linkwithin_logolink_2, a#linkwithin_logolink_3,
a#linkwithin_logolink_4, a#linkwithin_logolink_5, a#linkwithin_logolink_6,
a#linkwithin_logolink_7, a#linkwithin_logolink_8, a#linkwithin_logolink_9, a#linkwithin_logolink_10,
a#linkwithin_logolink_11, a#linkwithin_logolink_12, a#linkwithin_logolink_13,
a#linkwithin_logolink_14, a#linkwithin_logolink_15, a#linkwithin_logolink_16,
a#linkwithin_logolink_17, a#linkwithin_logolink_18, a#linkwithin_logolink_19, a#linkwithin_logolink_20
{
display:none; /* Con esto
quitamos el enlace */
}
.linkwithin_posts {
width: 500px !important;
/* Gajet */
}
.linkwithin_posts a {
border: 0 !important;
padding-right: 10px
!important;
}
.linkwithin_posts a:hover
{
background: #819FF7
!important; /* Warna latarbelakang bila hover*/
-webkit-border-radius:
10px !important;
-moz-border-radius: 10px;
border-radius: 10px;
}
.linkwithin_img_0 div,
div.linkwithin_img_0,
.linkwithin_img_1 div,
div.linkwithin_img_1,
.linkwithin_img_2 div, div.linkwithin_img_2,
.linkwithin_img_3 div,
div.linkwithin_img_3,
.linkwithin_img_4 div,
div.linkwithin_img_4,
.linkwithin_img_5 div,
div.linkwithin_img_5,
.linkwithin_img_6 div,
div.linkwithin_img_6,
.linkwithin_img_7 div,
div.linkwithin_img_7,
.linkwithin_img_8 div,
div.linkwithin_img_8,
.linkwithin_img_9 div,
div.linkwithin_img_9,
.linkwithin_img_10 div,
div.linkwithin_img_10,
.linkwithin_img_11 div,
div.linkwithin_img_11,
.linkwithin_img_12 div,
div.linkwithin_img_12,
.linkwithin_img_13 div,
div.linkwithin_img_13,
.linkwithin_img_14 div,
div.linkwithin_img_14,
.linkwithin_img_15 div,
div.linkwithin_img_15,
.linkwithin_img_16 div,
div.linkwithin_img_16,
.linkwithin_img_17 div,
div.linkwithin_img_17,
.linkwithin_img_18 div,
div.linkwithin_img_18,
.linkwithin_img_19 div,
div.linkwithin_img_19,
.linkwithin_img_20 div,
div.linkwithin_img_20 { /* Bordes*/
-webkit-border-radius:
10px !important;
-moz-border-radius: 10px;
border-radius: 10px;
border:0 !important;
}
.linkwithin_title {
color: #0431B4 !important;
/* Warna Tajuk Pos*/
font-family: Verdana
!important; /* Jenis Font Tajuk Pos */
font-size: 13px
!important; /* Saiz Tajuk Pos*/
line-height: 14px
!important;
text-align:center;
text-decoration: none;
}
.linkwithin_title:hover {
color: #000 !important; /*
Warna tajuk bila hover*/
font-weight: bold
!important;
}
- Pratinjau dulu sebelum anda menyimpannya ok sudah cukup kiranya Cara Merubah Tampilan Linkwithin silahkan dicoba semoga bermanfaat...
0 comments: on "Cara Merubah Tampilan linkwithin"
Post a Comment