здравейте,
ще ви представя няколко начина по които може да се добавят бутони за соц.мрежи.
начините са изключително много, кой от кой по-лесен, по-ефектен и т.н.
=========================
Първият изглежда така - http://prikachi.com/images/145/4847145c.png
менюто от дясно - върви със скролирането
1. Редактиране на HTML кода
2. слагате отметка на Шаблоните на приставките да се разгъват
3. записвате промените
4. сваляте темплейта и му пратите резервно копие
5. отваряте го с текстов редактор - горещо препоръчвам notepad++
намирате:
след него поставяте:
намирате
преди него поставяте:
намирате:
пред него поставяте:
6. запазвате промените и качвате новият темплейт
========================================================================
========================================================================
Вторият изглежда така - http://prikachi.com/images/150/4847150A.png
когато се кликне върху зеленият бутон се появяват другите
този зеленият в винаги долу - където е сега и се движи със скролиране
1. Редактиране на HTML кода
2. слагате отметка на Шаблоните на приставките да се разгъват
3. записвате промените
4. сваляте темплейта и му пратите резервно копие
5. отваряте го с текстов редактор - горещо препоръчвам notepad++
намирате:
ПРЕД него поставяте:
6. запазвате промените и качвате новият темплейт
================================================== ======================
================================================== ======================
трети начин - най-лесен
регистрирате се тук - http://sharethis.com/
кликвате на таба - GET SHARING TOOLS
избирате платформа и следвате инстрикциите
изглежда така
http://prikachi.com/images/181/4847181e.png
http://prikachi.com/images/182/4847182M.png
ще ви представя няколко начина по които може да се добавят бутони за соц.мрежи.
начините са изключително много, кой от кой по-лесен, по-ефектен и т.н.
=========================
Първият изглежда така - http://prikachi.com/images/145/4847145c.png
менюто от дясно - върви със скролирането
1. Редактиране на HTML кода
2. слагате отметка на Шаблоните на приставките да се разгъват
3. записвате промените
4. сваляте темплейта и му пратите резервно копие
5. отваряте го с текстов редактор - горещо препоръчвам notepad++
намирате:
Код:
<b:includable id='post' var='post'>
след него поставяте:
Код:
<b:if cond='data:blog.pageType == "item"'>
<div id='share-buttons'><div class='twitter scount'> <a class='twitter-share-button' data-count='vertical' data-via='paulcrowepro' expr:data-text='data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/></div><div class='facebook scount'><iframe allowTransparency='true' expr:src='"//www.facebook.com/plugins/like.php?href=" + data:blog.url + "&amp;send=false&amp;layout=box_count&amp;width=80&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font=arial&amp;height=90"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:80px; height:90px;'/></div><div class='stumble scount'><script src='http://www.stumbleupon.com/hostedbadge.php?s=5'/></div><div class='gplus scount'> <script src='https://apis.google.com/js/plusone.js' type='text/javascript'/><g:plusone size='tall'/> </div><center><a class='pin-it-button' count-layout='vertical' expr:href='"[url]http://pinterest.com/pin/create/button/?url="[/url] + data:post.url'>Pin It</a>
<a href='javascript:void(run_pinmarklet())' style='margin-left:-46px; width:43px; height:20px; display:inline-block;'/>
<script src='http://assets.pinterest.com/js/pinit.js' type='text/javascript'/>
<script type='text/javascript'>
function run_pinmarklet() {
var e=document.createElement('script');
e.setAttribute('type','text/javascript');
e.setAttribute('charset','UTF-8');
e.setAttribute('src','[url]http://assets.pinterest.com/js/pinmarklet.js?r='[/url] + Math.random()*99999999);
document.body.appendChild(e);
}
</script> </center><br/><a href='http://feeds.feedburner.com/spiceupyourblog' rel='nofollow' target='_blank' title='Subscribe To Our Rss Feed'><img src='http://3.bp.blogspot.com/-Gwmjs5V-gQ0/Tx7dIzN3I8I/AAAAAAAAFYM/2V9IaJE1_ww/s1600/rss-seat.png'/></a>
<br/><a href='http://www.spiceupyourblog.com/' target='_blank' title='Get This Scrolling Bookmark Gadget For Blogger'><small>Get Gadget</small></a></div></b:if>
намирате
Код:
]]></b:skin>
преди него поставяте:
Код:
#share-buttons {
background: none repeat scroll 0 0 #fff;
border: 1px solid #CCCCCC;
left: -80px;
padding: 8px;
position: absolute;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-goog-ms-border-radius: 6px;
border-radius: 6px;
}
#share-buttons .scount{
clear: both;
display: block;
margin: 2px auto;
text-align: center;
width: 55px;z-index:-1;
}
.facebook.sbutton .fb_ltr{width:40px !important;}
.post-outer{height:auto;}
#main{position:relative;}
#main-wrapper{position:relative;}
намирате:
Код:
</head>
пред него поставяте:
Код:
<!--Start Sticky Bar Scripts http://www.spiceupyourblog.com-->
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js' type='text/javascript'/>
<script src='https://apis.google.com/js/plusone.js' type='text/javascript'/>
<script src='http://yourjavascript.com/4701293254/share-bar-script.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function () {
$('#share-buttons').stickySidebar({speed: 300, constrain: true})
});
</script>
6. запазвате промените и качвате новият темплейт
========================================================================
========================================================================
Вторият изглежда така - http://prikachi.com/images/150/4847150A.png
когато се кликне върху зеленият бутон се появяват другите
този зеленият в винаги долу - където е сега и се движи със скролиране
1. Редактиране на HTML кода
2. слагате отметка на Шаблоните на приставките да се разгъват
3. записвате промените
4. сваляте темплейта и му пратите резервно копие
5. отваряте го с текстов редактор - горещо препоръчвам notepad++
намирате:
Код:
</body>
ПРЕД него поставяте:
Код:
<div class='shr_ss shr_publisher'>
</div>
<!-- End Shareaholic Sassy Bookmarks HTML -->
<!-- Start Shareaholic Sassy Bookmarks settings -->
<script type='text/javascript'>
var SHRSS_Settings = {"shr_ss":{"src":"//dtym7iokkjlif.cloudfront.net/media/downloads/sassybookmark","link":"","service":"5,7,2,313,38,201,88,74","apikey":"b87f5899d80a5edce8b5e55f58542ef0f","localize":true,"shortener":"bitly","shortener_key":"","designer_toolTips":true,"tip_bg_color":"black","tip_text_color":"white","viewport":true,"twitter_template":"${title} - ${short_link} via @Shareaholic"}};
</script>
<!-- End Shareaholic Sassy Bookmarks settings -->
<!-- Start Shareaholic Sassy Bookmarks script -->
<script type='text/javascript'>
(function() {
var sb = document.createElement("script"); sb.type = "text/javascript";sb.async = true;
sb.src = ("https:" == document.location.protocol ? "https://dtym7iokkjlif.cloudfront.net" : "http://cdn.shareaholic.com") + "/media/js/jquery.shareaholic-publishers-ss.min.js";
var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(sb, s);
})();
</script><small><a href='http://www.spiceupyourblog.com/2012/05/animated-sassy-social-bookmark-gadget.html'>Animated Social Gadget</a> - <a href='http://www.spiceupyourblog.com'>Blogger And Wordpress Tips</a></small>
6. запазвате промените и качвате новият темплейт
================================================== ======================
================================================== ======================
трети начин - най-лесен
регистрирате се тук - http://sharethis.com/
кликвате на таба - GET SHARING TOOLS
избирате платформа и следвате инстрикциите
изглежда така
http://prikachi.com/images/181/4847181e.png
http://prikachi.com/images/182/4847182M.png