Baguje.COM

Kako da dodate Twitter dugme na Blogger ili WordPress blog?

Verovatno ste na Internetu nailazili na različite Twitter dugmiće uz pomoć koji možete određeni tekst, sliku ili post sa bloga da podelite sa vašim twitter prijateljima. Ti svi razni dugmići nisu bili zvanični twitterovi, već različitih drugih sajtova, a od pre nekoliko dana, twitter je predsavio svoje twitter dugme.

Postupak instalacije za blogger i za wordpress blogove.

Blogger

Učitajte vaš blogger na adresi www.blogger.com, prijavite se, otiđite na Design željenog bloga, pa zatim na “Edit HTML”. Označite “Expand widgets”. Zatim, u polju gde je kod blogger teme, kliknite CTRL+F i unesite <data:post.body/> u polje za pretragu. Nakon što ste pronašli taj kod u svojoj temi,  postavite sledeći kod ispred, ukoliko želite dugme ispred posta, ili iza, ukoliko želite dugme nakon posta.

Za vertikalno dugme

[html]<b:if cond=’data:blog.pageType == &quot;item&quot;’><div style=’float:right; margin-left:10px;’><a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" data-via="TWITTER-USERNAME">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script></div></b:if>[/html]

Za horizontalno dugme

[html]<b:if cond=’data:blog.pageType == &quot;item&quot;’><div style=’float:right; margin-left:10px;’><a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="TWITTER-USERNAME">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script></div></b:if>[/html]

Za dugme bez brojača

[html]<b:if cond=’data:blog.pageType == &quot;item&quot;’><div style=’float:right; margin-left:10px;’><a href="http://twitter.com/share" class="twitter-share-button" data-count="none" data-via="TWITTER-USERNAME">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script></div></b:if>[/html]

To bi bilo to. U zavisnosti od vaše teme, možda ćete želeti da menjate pozicioniranje i margine, a tu treba da zamenite samo float:right u float: left i marginu. Takođe, treba da promenite “Twitter-username” u vaše korisničko ime na twitteru.

WordPress

Najlakši način je da instalirate plugin za wordpress koji će dodati ovo dugme tamo gde želite. Plugin možete da skinete sa adrese http://wordpress.org/extend/plugins/twitter-tweet-button/

Exit mobile version