07 Februari 2012

Gayakan Linkwithin Related Pos

Related pos dibawah blog ini,adalah menggunakan linkwithin.

Linkwithin yang asal:


Diubahsuai:


Langkah-langkah:
Ok,mula mula sekali,kalau korang takde linkwithin,bolehla ke linkwithin,dan ikut arahan pemasangannya.

Seterusnya selepas korang dah ada linkwithin,di design,kat page element,korang pergi kat gajet linkwithin tu,dan tengok site id korang


<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 pergi ke edit html,tandakan pada expand widget template,cari kod:

<div class='post-footer'>

Pastekan kod ini,dibawahnya,gantikan XXXXX dengan kod id yang korang lihat tadi.


<div class='linkwithin_div'/>
<script>
var linkwithin_site_id = XXXXX;
</script>
<script>linkwithin_text=&#39; Pos Yang Korang Mungkin Berkenan: &#39;</script>
<script src='http://www.linkwithin.com/widget.js'/>


Ok,sekarang kita akan gayakan linkwithin.Cari kod:

]]></b:skin>

Pastekan kod ini,diatas kod tersebut



/* 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;
}


Save template.

0 ulasan:

Catat Ulasan

Follow by Email