Selamat datang ke BelajarBlogs...
Home » , » Tambah Fancy Black Skin untuk LinkWithin

Tambah Fancy Black Skin untuk LinkWithin



Salah satu plugin yang hebat yang anda boleh menambah kepada Blogger anda menunjukkan kisah-kisah yang berkaitan dengan artikel yang dipunyai tag atau kategori yang serupa adalah LinkWithin. Ia adalah pantas dan boleh dipercayai dalam menggalakkan pembaca untuk membaca lebih banyak kemudian membina ulasan halaman anda.
Saya aka menunjuk kepada anda cara bagaimana anda boleh menambah widget ini ke laman web anda.








Dibawah ini adalah langkah-langkahnya:
Langkah 1. Tambah LinkWithin widget.
Langkah 2. Apply the Black Skin

1. Pergi ke Blogger Dashboard > Template


2. Klik Edit HTML > Proceed
3. Cari kode dibawah ini:



]]></b:skin>


4. Copy dan paste kode dibawah ini dan letakkan ia diatas kode di langkah 3.



/*---Related Posts---*/

#linkwithin_logolink_0 {
display:none!important;
}

#lws_0 {

clear: both!important;      

margin: 0 0 20px 0!important;  

}

.linkwithin_outer {
 margin: 1px 0px !important;
 background:url("http://2.bp.blogspot.com/-UVq8GpplZro/ULPjAiKSKwI/AAAAAAAAIJs/XTh1n7Fyrew/s400/mbt-related-posts.gif") repeat scroll rgb(42, 42, 42);
 height: 260px;
 width:590px!important;

 padding: 0px !important;
 box-shadow: 0px 4px 4px -4px rgba(0, 0, 0, 0.7) !important;
 border-radius: 5px 5px 5px 5px;
 }

.linkwithin_inner {
width:590px!important;
}

.linkwithin_text {
margin: 0px !important;
 padding: 10px !important;
 font-family: "Droid Sans",Helvetica,Arial,sans-serif;
 font-size: 1.35em;
 color: rgb(255, 255, 255);
 font-weight: 700;
 line-height: 1.35em;
 text-transform: capitalize;
 background-color: rgb(18, 18, 18);
 border-bottom: 1px solid rgb(0, 0, 0);
 border-top-right-radius: 5px;
 border-top-left-radius: 5px;
 background-image: -moz-linear-gradient(center top , rgb(36, 36, 36), rgb(18, 18, 18));
}

.linkwithin_posts a {
 border-right:0px!important;
 margin: 10px 0px 10px 20px !important;
}

.linkwithin_posts a:hover {
 border-right:0px!important;
 margin: 10px 0px 10px 20px !important; background:none!important;
}

#linkwithin_logo_0 {display:none;}

.linkwithin_img_0 {
 border: 1px solid #666 !important;
 padding: 1px !important;
 width: 100px !important;
 height: 70px !important;
 margin-right: 20px !important;
 overflow: hidden;
 background:#666!important;
}

.linkwithin_img_0:hover {
 border: 1px solid #666!important;
opacity:0.8;
}
.linkwithin_img_0 div {
 width: 100px !important;
 height: 70px !important;
}

.linkwithin_title {
 color: rgb(255, 255, 255) !important;
 font-size: 1.1em !important;
 display: block;
 padding: 0px 10px 0px 0px !important;
 font-weight: 700 !important;
 line-height: 1.45em !important;
 margin-top: 10px !important;
 font-family: "Droid Sans",Helvetica,Arial,sans-serif !important;
 text-decoration:none!important;
 width:120px!important;
}

.linkwithin_title:hover {
text-decoration:underline!important;

}

5. Klik Save.

Nota: entiasa backup template sebelum edit .

6 ulasan:

  1. This blog is awesome! All the content is unique and very helpful. waiting for more stuff.

    Love from Tech Solutions Desk

    BalasPadam
  2. This is a great article. It gave me a lot of useful information. thank you very much.
    I would like to thank you for the efforts you have made in writing this article.
    seo training Hyderabad, seo course

    BalasPadam