Berikut tutorial untuk menambah icon diatas sebagai share social bookmark pada blog anda:
- Login ke Blogger.com
- Kemudian Tata Letak
- Pilih Edit HTML
- Centang Expand Widget
- Selanjutnya Copas kode berikut diatas kode
]]></b:skin>
div.sociable { margin: 16px 0 0 0; text-align: center; }
span.sociable_tagline { position: relative; }
span.sociable_tagline span { display: none; width: 14em; }
span.sociable_tagline:hover span {
position: absolute;
display: block;
top: -5em;
background: #ffe;
border: 1px solid #ccc;
color: black;
line-height: 1.25em;
}
.sociable span {
display: block;
}
.sociable ul {
display: inline;
margin: 0 !important;
padding: 0 !important;
}
.sociable li {
background: none;
display: inline;
list-style-type: none;
margin: 0;
padding: 1px;
}
.sociable ul li:before { content: ""; }
.sociable img {
float: none;
width: 35px;
height: 35px;
border: 0;
margin: 5px 5px; /*jarak antar icons*/
padding: 0;
}
- Copas kode berikut diatas kode
<data:post.body/>
<!-- Star Social Bookmark --><div class='sociable'>
<span class='sociable_tagline'>
</span>
<li><a expr:href='"http://digg.com/submit?phase=2&url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Digg'><img alt='Digg' class='sociable-hovers' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsoxf7ahDZDrAlfaARY40q_IPysEO0spFgmoCII4bEf0RqL1K60U7j2ZZ9A2tYMiACPN5j-6EzzyXnhvicKSY1Cjw3MtKxVOdhQONINnSuDRy9iYr4LpbOTI2eS989xQapRHFHWzNUeMY/s320/digg.png' title='Digg'/></a></li>
<li><a expr:href='"http://delicious.com/post?url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Delicious'><img alt='Delicious' class='sociable-hovers' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhElBD_fFbL2h1h_g1FifiAyS2qXD-7LkrFCp2XIhbPdeattfLKJfGgVehBBRbYEwZD4oXQDkwouS-piJRRRledrDpZ2T2GoAtqW0HFwUX9EOf14o-vyrln0T2fYKTtUA3DGiEn3rmc2iI/s320/delicious.png' title='Delicious'/></a></li>
<li><a expr:href='"http://www.facebook.com/share.php?u=" + data:post.url + "&t=" + data:post.title' target='_blank' title='Facebook'><img alt='Facebook' class='sociable-hovers' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOd8yiv0fBMRZRqjGcwqnij4nyonAtAjAqEQNky2B9CPI-NX4Dz0Cb-NJm0-ZhFvsWjVxgGD7fH82ttGLaCrowTgiznET3MmUEVpxwEyG6Xq0qXB965fOegLC80Xcv5_HxA_LRrdAThbs/s320/facebook.png' title='Facebook'/></a></li>
<li><a expr:href='"http://www.mixx.com/submit?page_url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Mixx'><img alt='Mixx' class='sociable-hovers' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeJKY6yoPYI2uWEaiOS3L2DO832lViMDqV7bXMDaROR6ry_1c2pzMZpGr2N2nQb4UnpW7GSCylqJVJYFsARy9YxHZPWOr3X1KtuSUUXw-N19rlMl5eZa6_y61h7Pc9IsDKiTjeX-1n8Ms/s320/mixx.png' title='Mixx'/></a></li>
<li><a expr:href='"http://google.com/bookmarks/mark?op=edit&bkmk=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Google'><img alt='Google' class='sociable-hovers' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjE_09aJJ_hQKEfKHwI_iAYG3luI6U5OfTEyNGBfQr_jaSukrFNjvhZBKsHJ3h43rZHAZZjre2AMU7ULk4WPvgPFFmvnJM9guLeuumZzisgToKfEN5v3M4ufnRWvVzImgSoJDwmC1v1_HA/s320/google.png' title='Google'/></a></li>
<li><a expr:href='"http://www.furl.net/storeIt.jsp?t=" + data:post.title + "&u=" + data:post.url' target='_blank' title='Furl'><img alt='Furl' class='sociable-hovers' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjG8Q_iZFfusPVmrSI9-QWxalBFQ00zeBUwg5O0HLQNuk5dx-FXkzeqDC4Yi3lPWcEttJI5oEova2BNqOS98qN8XcsFnhTojpeXEXNQo5xH-jyuQzS5558FEltIFCpzTpiEoHM-k7LHCG0/s320/furl.png' title='Furl'/></a></li>
<li><a expr:href='"http://reddit.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Reddit'><img alt='Reddit' class='sociable-hovers' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEippHjhY5XN41UHchkz2u-zzmMwjA3BtN23gTKFWwPfJ-ZuQuKc7wrtB5yFeDufaT99XhoOJ-4p-Co911PG2HDv7aIAtW6whH54e60ybulSEXXlFfNfAmAoQjtmGKRzcnjg61fpAYeB8K4/s320/reddit.png' title='Reddit'/></a></li>
<li><a expr:href='"http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='StumbleUpon'><img alt='StumbleUpon' class='sociable-hovers' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIUpXe3-0azbVtKmd_-u6ZBQaTYEj_l9Hxpx4Rz2TFjdgihBM3YwFZW9VJllPCyyFgt_Ig7yWuBF5K-54LzNM_DtFxhWM7NDWp0-Ug-NyUj3jloe7yyYb_I-6vHsxP1OgUj2MUF1SOIAk/s320/stumble.png' title='StumbleUpon'/></a></li>
<li><a expr:href='"http://technorati.com/faves?add=" + data:post.url' target='_blank' title='Technorati'><img alt='Technorati' class='sociable-hovers' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIM0bIoPiQCX6Ba6RjpWXs0at_fa80aaimVoxTeYl1S5MyT-DiLl2-k85G8Abvt06m9NUl0hyNN1T4Hpm29f184Iw1cUfBRvyYaprUnM2rd47t_BJi66ni8wSWu6H0LcABmx_2kSQm36Y/s320/technorati.png' title='Technorati'/></a></li>
</div> <!-- Tutorial Blogger. http://rasiqzonetwork.blogspot.com--><!-- End Social Bookmark -->
- Terakhir Save Template
0 comments:
Post a Comment