Facebook Like Button pentru platforma Blogger / Blogspot

Socializarea este un punct vital in dezvoltarea unui proiect web in vremurile pe care le traim. Dupa ce v-am prezentat Twitter Button pentru platorma Blogger/Blogspot intr-un material anterior, acum a venit momentul sa va prezint butonul de socializare in mediul Facebook.

Butonul "Like" de Facebook este modul prin care cititorul isi arata admiratia pentru textul tau scris si prin care imprastie scrierea ta pe fluxul lui de facebook, retelei de prieteni si cunoscuti pe care si-a creat-o.

• Cum instalam butonul?
  
  Pentru inceput trebuie sa intrati in platforma de administrare a blogspot-ului:
  - pentru versiunea in engleza mergeti la sectiunea: " Layout >> Edit HTML >> Expand Widget Templates "
  - pentru versiune in limba romana: " >Design >> Editati HTML >> Extindeti sabloanele control ".



• In cazul in care doriti sa se afiseze acest buton pe homepage la finalul oricarei introduceri de text, cautati linia "<data:post.body/>" din tema site-ului de blogger/blogspot si imediat dupa el adaugati codul de mai jos:
  
  
  

  <b:if cond='data:blog.pageType == &quot;item&quot;'>
  <span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left"><data:post.body/></span> <data:post.body/></span>
  </b:if>




• Pentru afisarea doar pe pagina articolului introduceti codul urmator:
  
  

  <span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left"><data:post.body/></span> <data:post.body/></span>

Mult succes la socializare pe Facebook si Blogger!

Sursa articol: BloggerUser

Ora exacta a Romaniei

Am descoperit recent pe net un widget dragut pentru blog/site care sa ofere cititorului posibilitatea de a stii ce ora este in Romania.

Site-ul de unde se poate descarca widget-ul de ora exacta a Romaniei se numeste chiar OraExacta.Net.

Printre modele regasim:

1.

<iframe src="http://oraexacta.net?ceas=ceas7" width="170" height="170" frameborder="0" allowtransparency="true" ></iframe>

2.

<iframe src="http://oraexacta.net?ceas=ceas5" width="170" height="170" frameborder="0" allowtransparency="true" ></iframe>

3.

<iframe src="http://oraexacta.net?ceas=ceas1" width="234" height="135" frameborder="0" allowtransparency="true" ></iframe>

4.

<iframe src="http://oraexacta.net?ceas=ceas3" width="170" height="170" frameborder="0" allowtransparency="true" ></iframe>

5.

<iframe src="http://oraexacta.net?ceas=ceas2" width="170" height="170" frameborder="0" allowtransparency="true" ></iframe>

Nu ezitati sa afisati pe blog/site-ul personal ora exacta a Romaniei pentru a oferi un serviciu folositor celui care te urmareste/citeste/comenteaza.

Sursa: Ora exacta a Romaniei pe site-ul tau.

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