Cara Merubah Tampilan linkwithin

Bookmark and Share
Apakah anda menambahkan Linkwithin sebagai Related Post jika anda ingin merubah tampilanya Nurulcall kasih scriptnya dan sudah Nurulcall tes sendiri tapi sebelumnya mungkin ini juga anda cari Cara Membuat Efek Hantu di Blog dan juga Cara Memasang Smile Kaskus dan YM di Kotak Komentar ok silahkan anda ikuti langkah-langkah dibawah ini









  • 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=&#39; Mungkin Ini Juga Yang Anda Cari : &#39;</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 komentar... Views All / Send Comment! }

Posting Komentar

Powered By Blogger