Untuk membuat nya, Ikuti Langkah berikut Ini :
- Masuk ke akun Blogger anda
- Rancangan/Design
- Kemudian Klik Edit HTML
- Simpan Terlebih dahulu template anda
- Cari Kode Berikut ]]></b:skin>
- Letakan Kode dibawah ini tepat diatasnya.
background-color: #484848;
background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihkxUEwyK8sTOmmgy2EJGYqXeKt6V_5ihrsMv2Uwr6wYlEe8nl5PoDP9QWARbxA26dTx2uUHSy3v9nE9f-tIzwJEP9Yh7vQxvyaVAw2HIJvl-2NhO4PKY_JVfmtnYRTcm6kGfXeU_Z1kc/s800/mouse-hover-bg.png");
background-repeat: repeat-x;
border: 1px solid #AAAAAA;
color: #F2F2F2;
font-size: 12px;
font-weight: bold;
height: 27px;
line-height: 20px;
padding: 10px 20px;
position: absolute;
text-align: center;
z-index: 100;
visibility:hidden;
}
#dhtmlpointer{
position: absolute;
z-index: 101;
visibility:hidden;
}
.social-subscribe ul {
list-style: none outside none;
}
.social-subscribe li {
float: left;
}
.social-subscribe li a.rss {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYPu-_y_oY7KWNej7Kt7f64vcXud3SCqBwuSrRoIaARcUSrsmxh14rsaStfQhJj_fHhwuU-woqdEHoMLs83sRXVJjbqv38llrQEs3_4XqZ5Kkjz0bejCsV23eYckgr0LC0zxevv7r0_OQ/s800/icon-rss.gif") no-repeat scroll 0 0 transparent;
padding: 0 2px 0 0;
}
.social-subscribe li a {
display: inline-block;
height: 52px;
width: 57px;
}
.social-subscribe li a.facebook {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgekJOoHG85dY6V7MdHj4hUQPUCfLPxeRjh122z0dpSaJ070obl0f8mYAfmVifbzA1o0kLCgZlgINJjlb473vcOA2zsKRN_S2qEfqB9ZqGlWzt8r1cxLe_CWrnYr1r8YvZ5UXOqu98Y22Q/s800/icon-facebook.gif") no-repeat scroll 0 0 transparent;
padding: 0 2px 0 0;
}
.social-subscribe li a {
display: inline-block;
height: 52px;
width: 57px;
}
.social-subscribe li a.twitter {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjx3bf-Ll3JeipffdolV3ZDsj1F9sfDY0SvP-ZeWWz4aJ2XWc5cghjRQM3YRW6UGb0bxhRhU8A5wIVa1o2_IbJlyEJ83Yn_u10zcO6uWY6D2LXSsxvgXCBhLLkI-C8p7J2JBJz-waNCOFQ/s800/icon-twitter.gif") no-repeat scroll 0 0 transparent;
padding: 0 2px 0 0;
}
.social-subscribe li a {
display: inline-block;
height: 52px;
width: 57px;
}
- Simpan Template anda. Save.
- Kemudian.Klik Design/Rancangan
- Page Elements > Tambah Gadget > HTML/JavaScript
<div id="dhtmltooltip"></div>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBwfx790930BEB2VfMHQX1Xqg8HYWH2jQHhNM6y3WXCPVxE601C6_wvDYOxQ482U1tKr8hbYs6aWwhIqurT8LpHNIJzFjPLGGk0y6brVKaldotkg7R-eZbd4OrXEJaaQr-oTTFsE3oyXM/s800/arrow.png" id="dhtmlpointer"/>
<ul class="social-subscribe">
<li><a onmouseout="hideddrivetip()" onmouseover="ddrivetip('Subscribe via Feed',150,'#ED8A01')" target="_blank" class="rss" onclick="javascript:_gaq.push(['_trackEvent','outbound-widget','feeds.feedburner.com/FEEDNAME']);" href="http://feeds.feedburner.com/punkdaendels"></a></li>
<li><a onmouseout="hideddrivetip()" onmouseover="ddrivetip('Join us on Facebook',150,'#2E4B8F')" rel="nofollow" target="_blank" class="facebook" onclick="javascript:_gaq.push(['_trackEvent','outbound-widget','FAN-PAGE-URL']);" href="URL Facebook Anda"></a></li>
<li><a onmouseout="hideddrivetip()" onmouseover="ddrivetip('Subscribe on Twitter',150,'#1D70B3')" target="_blank" class="twitter" rel="nofollow" onclick="javascript:_gaq.push(['_trackEvent','outbound-widget','twitter.com/TWITTER-USERNAME']);" href="http://twitter.com/TWITTER-USERNAME"></a></li>
</ul>
- Ubah Tulisan yang berwarna Merah dengan Url Anda.
- Simpan.
- Selamat Mencoba maturnuwun
Tidak ada komentar:
Posting Komentar