Twitter Button pentru platorma Blogger / Blogspot

Mediile de socializare sunt foarte importante in bucataria propagarii informatiei pe care o rulezi pe un site/blog. In ultima vreme lumea vorbeste tot mai mult de strategii de abordare a pietei online prin prisma mediului de socilizare de tip twitter sau facebook si de aceea am ales sa adaug acestui blog un buton de twitter pentru usurarea trimiterii articolelor pe acest mediu social. Cum platforma blogger/blogspot nu permite o usoara utilizare a aplicatiilor independente de tema blog-ului atunci s-a ales introducerea unui mic script direct in tema de baza, dupa cum se descrie pe blog-ul http://www.anshuldudeja.com.

Cum functioneaza?

Pentru inceput trebuie sa intrati in platforma de administrare a blogspot-ului si acolo sa mergeti la sectiunea: " Layout >> Edit HTML >> Expand Widget Templates " pentru versiune in engleza si " >Design >> Editati HTML >> Extindeti sabloanele control " pentru cei ce au ales sa aibe zona de administrare in limba romana.

Aici trebuie sa bifati casuta de "Extindeti sabloanele control" care se regaseste in partea dreapta deasupra zonei unde apare codul temei blog-ului pe care va aflati.

Mutati cursorul in spatiu destinat codului html si dati cautare in browser-ul prin care deschideti pagina respectiva dupa urmatorul cod: "<data:post.body/>". Cand ati gasit informatia cautata, inlocuiti codul respectiv cu urmatorul cod:

1.) Pentru aparitia in dreapta jos a articolului din blog:

<p> <data:post.body/>
<div style='float:right; margin-left:10px;'>
<script type="text/javascript">
tweetmeme_url = '<data:post.url/>';
</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"> </script>
</div></p>

2.) Pentru aparitia in stanga jos a articolului din blog:

<p> <data:post.body/>
<div style='float:left; margin-left:10px;'>
<script type="text/javascript">
tweetmeme_url = '<data:post.url/>';
</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"> </script>
</div></p>

3.) Pentru aparitia in dreapta sus a articolului din blog:

<p>
<div style='float:right; margin-left:10px;'>
<script type="text/javascript">
tweetmeme_url = '<data:post.url/>';
</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"> </script>
</div><data:post.body/></p>

4.) Pentru aparitia in stanga sus a articolului din blog:

<p>
<div style='float:left; margin-left:10px;'>
<script type="text/javascript">
tweetmeme_url = '<data:post.url/>';
</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"> </script>
</div><data:post.body/></p>

Butonul v-a arata asa:



Pentru a utiliza o imagine compacta pentru butonul de tweet-er puteti schimba din cod bucata dintre tag-urile "" cu un alt cod:

<script type="text/javascript">
tweetmeme_style = "compact";
</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script>

In acest caz butonul va fi:



Surse articol: www.anshuldudeja.com si solidblogger.com

Sursa foto butoane twitter: solidblogger.com

Sursa foto articol: ifpeople.wordpress.com