Nice blackskin for linkwithin gadget

The last tutorial we had here was linkwithin related posts widget with pictures and thumbnail

For those  who followed the linkwithin tutorial you will see that it background color is not is just Grey and that makes it not too attractive

But don't worry, I got you covered
I am sharing the stylesheet for the Black color theme of linkWithin related post widget used on our this blog . It is  coded in such a way that it using simple styles and effects. It attracts visitors more and provide some neat and clean suggestions.

Awesome black skin for linkwithin related posts widget 

===)> login to your Blogger dashboard

===)> go to template and click customise

===)> click advance and then click Add css 

===)> copy and paste this below code inside the box

/*---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("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvVjRH571HSMZlHvKqbKxaG5roxQxmWJ7Kj9NMQvhzwwjwCZ_UoHnDIT3sQO0h9qv2QIjpZZXy2pR4PvcTvnzbH3BGE4HYpf4dhUUxD2IfKV_I439Qr8IcT1YYUQiu1cZsfmaWyqyIXkM/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;
}

===)> click save and you're done

Keep enjoying the black skin linkwithin gadget


Make sure you subscribe to this blog to receive latest tutorials and designs right into your mailbox



   We love comments, make sure you leave one 

About author
Crystalblogger is a professional blogger,a skillful Web designer and a freelancer ,he offers services based on blogging and Web designing you can contact him here at info@waplordcrib.com