İlk önce Blogger > Şablon > HTML'yi Düzenle > Widget Şablonlarını Genişlet dedikten sonra ctrl + f tuş kombinasyonunu kullanarak </b:skin> kodunu aratınız.
Bulduğunuz kodun hemen üzerine gelecek şekilde aşağıdaki kodları ekleyiniz.
#mintshare_mini, #mintshare_mini ul {padding:0; margin:0; list-style:none; width:100px; font-family:arial, sans-serif; background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiutJs1M70mA7FOu15YAwpL9spUoZdI3z340nVS3HYej5kPjOPkb0u1VCjvMHVF8UAH-UBCzNGv0VZFy1qSqbhhMyWpXdcVWEGb75M5j8I-q6ZiK6L1G-smzhgWshBD26xk2uilnHTAS69J/s1600/bkg-btn-grey.gif") repeat-x scroll 0 0 #EDEDED;
}
#mintshare_mini {width:100px; height:30px; border:1px solid #888; padding: 0 15px;
-o-border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
}
#mintshare_mini a.sharetext {
display:block; width:100px; height:30px; text-align:center; line-height:30px; color:#000; text-decoration:none; font-size:13px; font-weight:bold;
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEht2AptnhTkeG2v4megfRfkktkcOoOZ_1eL_ICuOmC_w6qBp4RHQkWd-tLZJsDUXiiNbZVXQDBROzHRbJHuT5KQhaqA118913i6lC5tKiCPFH9-GAyI-oHTr3cmIdge38y4EjXnGg_Q8hkL/s1600/plus.png") no-repeat scroll 0 center transparent;
padding-left:5px;
cursor:pointer;
}
#mintshare_mini a.sharetext img {
border: 0 none;
display: block;
margin-left: 10px;
}
#mintshare_mini .flyout {
background: none repeat scroll 0 0 #AAAAAA;
height: 113px;
left: 40px;
position: relative;
top: -4px;
width: 0;
transition: width 1s ease-in-out;
-o-transition: width 1s ease-in-out;
-moz-transition: width 1s ease-in-out;
-webkit-transition: width 1s ease-in-out;
}
#mintshare_mini .flyout ul {
background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiutJs1M70mA7FOu15YAwpL9spUoZdI3z340nVS3HYej5kPjOPkb0u1VCjvMHVF8UAH-UBCzNGv0VZFy1qSqbhhMyWpXdcVWEGb75M5j8I-q6ZiK6L1G-smzhgWshBD26xk2uilnHTAS69J/s1600/bkg-btn-grey.gif") repeat-x scroll 0 0 #EDEDED;
list-style:none;
position:absolute;
left:-1000px;
top:-27px;
width:365px;
height:30px;
border:1px solid #888;
border-left:0;
padding-right:10px;
z-index: 500;
overflow: hidden;
padding-left: 15px;
transition: 1s ease-in-out;
-o-transition: 1s ease-in-out;
-moz-transition: 1s ease-in-out;
-webkit-transition: all 1s ease-in-out;
-o-border-radius: 0 15px 15px 0;
-icab-border-radius: 0 15px 15px 0;
-khtml-border-radius: 0 15px 15px 0;
-moz-border-radius: 0 15px 15px 0;
-webkit-border-radius: 0 15px 15px 0;
border-radius: 0 15px 15px 0;
}
#mintshare_mini:hover .flyout ul{
left:50px;
}
#mintshare_mini .flyout ul li {
float: left;
}
#mintshare_mini .flyout ul li a{
}
#mintshare_mini .flyout ul a img {
}
#mintshare_mini .flyout ul li.drop-li {position:relative; width:35px; height:30px; float:left; z-index:100; margin-top: -2px;}
#mintshare_mini .flyout ul li.drop-li a.drop-a {display:block; width:100px; float:left; text-decoration:none; line-height:16px;}
#mintshare_mini .flyout ul li.drop-li a.drop-a img {display:block; border:0; position:absolute; left:5px; top:5px; z-index:-1; opacity:1; filter: alpha(opacity=100);
transition: 0.4s ease-in-out;
-o-transition: 0.4s ease-in-out;
-moz-transition: 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
}
#mintshare_mini .flyout ul li.drop-li a b {background:lightBlue; padding:2px 0; font-family:arial, sans-serif; display:block; width:100px; margin-top:58px; text-align:center; cursor:pointer; color:#000; font-size:14px; opacity:0; filter: alpha(opacity=0);
transition: 0.4s ease-in-out;
-o-transition: 0.4s ease-in-out;
-moz-transition: 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
-o-border-radius:10px;
}
#mintshare_mini .flyout ul li.drop-li:hover > a img {opacity:0.5; filter: alpha(opacity=50);}
#mintshare_mini .flyout ul li.drop-li:hover > a b {opacity:1; filter: alpha(opacity=100);}
/* For IE6 */
#mintshare_mini .flyout ul li.drop-li a:hover img {filter: alpha(opacity=50);}
#mintshare_mini .flyout ul li.drop-li a:hover b {filter: alpha(opacity=100);}
/* Get MintShare */
#mintshare_mini .get_mintshare {
font-size: 10px;
margin-left: 5px;
position: relative;
top: 2px;
}
<!-- MintShare Mini -->
<div id='mintshare_mini'>
<a class='sharetext'><b>Share This</b><!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<div class='flyout'>
<ul class='icons'>
<li class="drop-li"><a expr:href=""http://www.facebook.com/sharer.php?u=" + data:post.url + "&title=" + data:post.title" class="drop-a"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVQBi1UVsN0HEAMFzfEpLc4P8kIspUFRfmiJYLRtBfXcUuZY61HNO9P2r6moSuH2DqJYllKWuE0kdqfxUdUgVcA4sAyDzSVJsM4bdBMZ1xsaFkJZl-zsUrna1h4UfO3BTbmr3OqnFJtydD/s1600/facebook_small.png"/><!--[if gte IE 7]><!--></a><!--<![endif]--></li>
<li class="drop-li"><a expr:href=""http://twitter.com/share?url=" + data:post.url + "&title=" + data:post.title" class="drop-a"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCrdDVU-lPX5LqAjJ4fTB_6s63xs7DXoGmxhbODxt0JgfgfYH5MpJulTzJteWNL8Wy72s2tH4bFtx0QdTh_g1WXNP1PwUzCtMf0YvZXe0ieVxhw3ZMxSri2UBgupcEmadmhN6kIfa_-_dN/s1600/twitter_small.png"/><!--[if gte IE 7]><!--></a><!--<![endif]--></li>
<li class="drop-li"><a expr:href=""http://www.stumbleupon.com/refer.php?url=" + data:post.url + "&title=" + data:post.title" class="drop-a"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjr3GIXAnaK1l7xLQXQpz0XBInWOHruCzs7VzHkPbeWPBYf2p6Z-xW2OQ88DeIZjoXYNUTwA7fF4Elp-jM_6u4oObhTBBTMR6G6v-spTEGHgJdMY9lOtIoGfa_sxmUJC4tRu3o5IytvQCGU/s1600/stumbleupon_small.png"/><!--[if gte IE 7]><!--></a><!--<![endif]--></li>
<li class="drop-li"><a expr:href=""http://digg.com/submit?phase=2&url=" + data:post.url + "&title=" + data:post.title" class="drop-a"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRxvA1W9Vblx9pgOJURpatkFIutMJXHNkrQXG0aRooGWY8jolOa-AT9dGD8mXB8Nf8RXOKETJtz0skBTOGTVvxm8mnV_E0fmsvHY1n-LiN2jpU2dsSdlYGQ5x4NqXrk8NbK3c7UgNnXugo/s1600/digg_small.png"/><!--[if gte IE 7]><!--></a><!--<![endif]--></li>
<li class="drop-li"><a expr:href=""http://www.technorati.com/faves?add=" + data:post.url" class="drop-a"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRE4jcaBWlJicrFdg3dy6lZNxyUZgWFy4oU93zIpUUIAJzIps83aHfnWoIMcE8ynPEI-aDNPjRJvjgm86lIVNEavAsCb311wV9TqULMIOC08Js4OuftLBLnlVDKC6o1n33DPLygv-xtUCR/s1600/technorati_small.png"/><!--[if gte IE 7]><!--></a><!--<![endif]--></li>
<li class="drop-li"><a expr:href=""http://reddit.com/submit?url=" + data:post.url + "&title=" + data:post.title" class="drop-a"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpx9EIPWCMvdXc4YFwbl1QMlG0SvRhqss2-zW9qL0SwU0ybEX2H0fwa48ewgR-uOiD2wZVPEniK323aEj8kuOYAxBedRss1vGDcDQE73Nqyu03J4gNRrXeX3obQ1Opoh6aUDnC664-qjEa/s1600/reddit_small.png"/><!--[if gte IE 7]><!--></a><!--<![endif]--></li>
<li class="drop-li"><a expr:href=""http://myweb2.search.yahoo.com/myresults/bookmarklet?t=" + data:post.url + "&title=" + data:post.title" class="drop-a"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinBLiPRZO8bz7gKHOUFNFRa_8XPDiOjIqsw2S3HqZVHCP2BuhgxFuku-G-hnSvKu20EqpXSVK-_YClzdCUW1UUQd8Zk4ORYj8606Vonr9AnNLaCF8xNOiTMnVikAw2pvDmvZQ4yBo09z40/s1600/yahoo_small.png"/><!--[if gte IE 7]><!--></a><!--<![endif]--></li>
<li class="drop-li"><a expr:href=""http://delicious.com/post?url=" + data:post.url + "&title=" + data:post.title" class="drop-a"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHNLNlUGBnZOHy0VRdmXDdJm9bn0P9U0TozGHVB-jIGU4PuCARScm17hPvz5ZHQGkWRvfMM8rc8w8tYuVQLIAPNUQV_fs7vnu-zsoDdv927zxCIwkudc46pFYEtf4cVx-mDgAXVEx8nBON/s1600/delicious_small.png"/><!--[if gte IE 7]><!--></a><!--<![endif]--></li>
<span class="get_mintshare"><a href="http://www.bloggermint.com/2011/01/mintshare-social-bookmarking
-sharing-button-widget/">Get MintShare!</a></span>
</ul>
</div>
</div>
<!-- MintShare Mini End-->
Ekledikten sonra şablonunuzu kaydedip çıkabilirsiniz.
Yukarıdaki kodları ekledikten sonra paylaşım botunu aşağıdaki gibi olacaktır.
Butonların yana değilde aşağıya doğru açılmasını istiyorsanız aşağıdaki kodları <data:post.body/> kodunun hemen üstüne ekleyiniz.
<!-- MintShare Compact -->
<div id="mintshare_c">
<div class="mintshare-wrap"><a class="top-a">Share This<!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<div class="flyout">
<ul class="icons">
<li class="drop-li"><a expr:href=""http://www.facebook.com/sharer.php?u=" + data:post.url + "&title=" + data:post.title" class="drop-a"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGZRbCPBFi2vXo87Q2KiX6oAFvQ-2Qa2MkdzO8e9sM-BgAT9FQFOMwE1qLkAvP_QDlSlfBqvC8ltTFkUFsXG4njAl1mthq_MaEZdLH91vsQi6g-eE6PqQBlnXzgSE-MCbPzqMft8DuH28f/s1600/facebook_mini.png"/><!--[if gte IE 7]><!--></a><!--<![endif]--></li>
<li class="drop-li"><a expr:href=""http://twitter.com/share?url=" + data:post.url + "&title=" + data:post.title" class="drop-a"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGEKoqvUH8HRi5-OADQ8DvqIAZyusZFInwIFzlDCagSo95pCGOwMhHH35EHPIr9VGg1rEy5nCkUPy_wpiwSoHk9iOMUhvIfoLgd1l51EliJ_4FU2DHagaIt59u61-eiKFz8o-7jbFRR89Z/s1600/twitter_mini.png"/><!--[if gte IE 7]><!--></a><!--<![endif]--></li>
<li class="drop-li"><a expr:href=""http://delicious.com/post?url=" + data:post.url + "&title=" + data:post.title" class="drop-a"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBpmp-zP9C_-E7DclnefU0690p7ipX_41bf-ekU4H8qn6qVbtbw8WsfIxK9LoXGqIwFGXsHbt5NUXl1NkxxDYVGYAwYHtuJ2-NM3MGq6l9o3GSBeA4-FmWkxSLgFfKsxnA3_Qv-jCtq4hI/s1600/delicious_mini.png"/><!--[if gte IE 7]><!--></a><!--<![endif]--></li>
<li class="drop-li"><a expr:href=""http://www.stumbleupon.com/refer.php?url=" + data:post.url + "&title=" + data:post.title" class="drop-a"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwkg_12bpBHvv5V8aQuzZ88G8YYurrMpyqHmXnhpAbIrFvwAjMjkpNn7GKtxLjhpNpMisEinDhQI7JBp2uyQOMceGOqLJLbwYuJYS5EKQsurgVUIkjv8-VBQVL2YKMbSSp8_nva5cKyFCy/s1600/stumbleupon_mini.png"/><!--[if gte IE 7]><!--></a><!--<![endif]--></li>
<li class="drop-li"><a expr:href=""http://digg.com/submit?phase=2&url=" + data:post.url + "&title=" + data:post.title" class="drop-a"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirHJm7sLjYm0Rm3ayhVu_xmS6DOYk7xwgaME16JWBPhgpmHVAASQBvOu6pjP0OKqKdxpweW4pAdUQUgqmxGs6U6EVUTH8oIbJLC10zTfm1a6gpbXvNigfB88E1UV_ANzmzs8T3grJd5GxB/s1600/digg_mini.png"/><!--[if gte IE 7]><!--></a><!--<![endif]--></li>
<li class="drop-li"><a expr:href=""http://www.technorati.com/faves?add=" + data:post.url" class="drop-a"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEiYQfndCncG3mFkzDFqybjaFluGwGR9N8yb78LO7QTk8aVvPyT33BQpEnp0iyEsoPazIqpoasiwFtrsw-z35PQ_YAkMkJKPKkxUK8KxmzwE0u1nJOXuL7Q6Ia1gNztdcV5TCDT3Bhw6aS/s1600/technorati_mini.png"/><!--[if gte IE 7]><!--></a><!--<![endif]--></li>
<li class="drop-li"><a expr:href=""http://reddit.com/submit?url=" + data:post.url + "&title=" + data:post.title" class="drop-a"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgq0zNwPhwyRPSu-aKnGaglUnaOIXpNUQ1rybNamq_LST6cVxIXDg3bQTgfPqMMb2tb2n6RgPwnNhYPTgkOlA74PgHSRhF_C6jjweuUfdaHAI885rvxKZxZbeN4AIum8j9RLkRQjnBoXPLz/s1600/reddit_mini.png"/><!--[if gte IE 7]><!--></a><!--<![endif]--></li>
<li class="drop-li"><a expr:href=""http://myweb2.search.yahoo.com/myresults/bookmarklet?t=" + data:post.url + "&title=" + data:post.title" class="drop-a"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsmp9OU8QHAf5eg_Thfvpecb2qFb-0gVI6awlrb7FZwBDo1-BG9yHEtEexhFlBlmnJaVjaNdbVHa6emHJUxqo24VVhZXZV7rlLWXnUZVTci9DPHpcWGCl6iqbouTi6CBPp7pDKWg25bqoN/s1600/yahoo_mini.png"/><!--[if gte IE 7]><!--></a><!--<![endif]--></li>
<span class="get_mintshare"><a href="http://www.bloggermint.com/2011/01/mintshare-social-bookmarking
-sharing-button-widget/">Get MintShare Now</a></span>
</ul>
</div>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</div>
</div>
<!-- MintShare Compact End-->
Hiç yorum yok:
Yorum Gönder