Wednesday 23 December 2015

Customize Linkwithin *Like Me*


Hai! inilah req dari Areum. Haha, nunggunya lama ya ? sorry ^^
Yang lain juga boleh read more kok...

previu



cr: kak Jauza' & Tiara


  • Dashboard >>> Template >>> Edit HTML
  • Cari (CTRL + F) kode :

]]></b:skin>

  • Sekarang, copy kode di bawah :

 .linkwithin_div {background: #EEEEEE; /* Background color for the related posts container */padding: 0 10px;border-top: 1px solid #DBDBDB;  /* Top border for the related posts container */border-bottom: 1px solid #DBDBDB;  /* Bottom border for the related posts container */}.linkwithin_text {font-family: Rancho;font-size:14px; /* Size for the related posts title */color:#000; /* Color for the related posts title */}
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;}.linkwithin_posts {width: 500px !important; /* Width for the related posts container */}.linkwithin_posts a {border: 0 !important;padding-right: 10px !important;}.linkwithin_posts a:hover {background:url(http://i.imgur.com/UbExa.gif) !important; /* Background on mouseover */border-radius: 15px;}
.linkwithin_img_0 {background: #F5F5F5;border: 1px solid #C1C1C1 !important;padding: 2px !important;transition:all .2s linear; -o-transition:all .5s linear;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;}.linkwithin_img_0:hover {background: #fff;border: 1px solid #fff !important;padding: 2px !important;opacity:.6;filter:alpha(opacity=60)}.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 {-webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px;}.linkwithin_title {color: #000 !important; /* Color for titles */font-family: Englebert !important;font-size: 12px !important; /* Font size of posts titles */line-height: 24px !important;text-align:center;text-decoration: none;}.linkwithin_title:hover {color: #000 !important; /* Color of posts titles on mouseover */text-shadow: 2px 2px 3px #FB6265;}

  •  Paste DI ATAS/SEBELUM kode yang kamu cari tadi 
  • Save

Ket:- Merah: kode warna- Kuning: font- Hijau: url backgroundBiru: size




1 comment: