Социализиране на блог

N

nortrant

Well-Known Member
здравейте,
ще ви представя няколко начина по които може да се добавят бутони за соц.мрежи.
начините са изключително много, кой от кой по-лесен, по-ефектен и т.н.
=========================

Първият изглежда така - 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 == &quot;item&quot;'>
 <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='&quot;//www.facebook.com/plugins/like.php?href=&quot; + data:blog.url + &quot;&amp;amp;send=false&amp;amp;layout=box_count&amp;amp;width=80&amp;amp;show_faces=false&amp;amp;action=like&amp;amp;colorscheme=light&amp;amp;font=arial&amp;amp;height=90&quot;' 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='&quot;[url]http://pinterest.com/pin/create/button/?url=&quot;[/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 = {&quot;shr_ss&quot;:{&quot;src&quot;:&quot;//dtym7iokkjlif.cloudfront.net/media/downloads/sassybookmark&quot;,&quot;link&quot;:&quot;&quot;,&quot;service&quot;:&quot;5,7,2,313,38,201,88,74&quot;,&quot;apikey&quot;:&quot;b87f5899d80a5edce8b5e55f58542ef0f&quot;,&quot;localize&quot;:true,&quot;shortener&quot;:&quot;bitly&quot;,&quot;shortener_key&quot;:&quot;&quot;,&quot;designer_toolTips&quot;:true,&quot;tip_bg_color&quot;:&quot;black&quot;,&quot;tip_text_color&quot;:&quot;white&quot;,&quot;viewport&quot;:true,&quot;twitter_template&quot;:&quot;${title} - ${short_link} via @Shareaholic&quot;}};
 </script>
 <!-- End Shareaholic Sassy Bookmarks settings -->
 <!-- Start Shareaholic Sassy Bookmarks script -->
 <script type='text/javascript'>
 (function() {
 var sb = document.createElement(&quot;script&quot;); sb.type = &quot;text/javascript&quot;;sb.async = true;
 sb.src = (&quot;https:&quot; == document.location.protocol ? &quot;https://dtym7iokkjlif.cloudfront.net&quot; : &quot;http://cdn.shareaholic.com&quot;) + &quot;/media/js/jquery.shareaholic-publishers-ss.min.js&quot;;
 var s = document.getElementsByTagName(&quot;script&quot;)[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
 
От: Социализиране на блог

Защо редактираш шаблона в текстови редактор, а не направо в blogger? Иначе браво за темата! Повече такива трябват и по-малко офтопик, както беше писал един колега наскоро ;)
 
От: От: Социализиране на блог

bodyrock89 каза:
Защо редактираш шаблона в текстови редактор, а не направо в blogger? Иначе браво за темата! Повече такива трябват и по-малко офтопик, както беше писал един колега наскоро ;)
Увеличете...

по-удобно ми е
иначе има много ен сайтове с полезни ресурси
всичко е обяснено :rolleyes:
стотици са полезните блогове като http://www.spiceupyourblog.com/ от където съм взел това инфо
 
От: От: Социализиране на блог

nortrant каза:
по-удобно ми е
иначе има много ен сайтове с полезни ресурси
всичко е обяснено :rolleyes:
стотици са полезните блогове като http://www.spiceupyourblog.com/ от където съм взел това инфо
Увеличете...

Така е, специално за блогер има много ресурси, но е добре да ги има и на бг във форума, за хората, които или не знаят английски, или не владеят още силата на търсенето :)

Колкото до редактирането, аз лично винаги като направя промяна по кода (директно в блогер) след това давам визуализация. Ако някъде има грешка, например незатворен таг, блогер ми показва, че сейването е невъзможно поради еди-каква си грешка и аз се връщам да я оправя или направо излизам от кода, без да го сейвам и почвам отначало.

А по темата ще си позволя да шерна може би най-използвания сайт за социални икони, а именно AddThis
 
От: Социализиране на блог

Здравейте,
Стигнах и аз до тези бутони и след известно лутане намерих този "туул" на ShareThis. Изглежда много добре и е лесен за настройване и поставяне, НО... Първо при всяко опресняване или зареждане на страницата, чете от техния сайт някакви огромни .js и още една камара глупости, което доста бави нещата, второ препраща до техния сайт и трето - слага си някакви линкове. Предполагам, че и другите подобне "безплатни" инструменти са на този принцип и затова мисля да опитам сам да сглобя нещо. Проблема е, че бутоните, които предлагат различните социалки не са еднакви... Тоест въпроса ми е, има ли начин да уеднаквя всички бутони без да ползвам разни скриптове?
 
Трябва да си влезнал или регистриран, за да отговориш тук.

Горе