Cara Memasang Widget Sosial Media Di Blog

Cara memasang widget Facebook, Twitter, Google Plus, dan RSS Feedburner ini di Sidebar blog.

Cara Pasang di Sidebar:
1. Klik "Layout" > Klik "Add a Gadget".
2. Pilih "HTML/JavaScript"
3. Copy + Paste kode berikut ini di bagian "Content"

<style> .touchme a { display:block; height:50px; width:50px; padding:0 4px; float:left; background:transparent url(http://beautifulbloggerwidgets.googlecode.com/files/Sharing%20Touch%20Me.png) no-repeat; -webkit-transition: ease-in 0.2s all; -moz-transition: ease-in 0.2s all; -o-transition: ease-in 0.2s all; -ms-transition: ease-in 0.2s all; transition: ease-in 0.2s all; cursor:pointer; } .touchme a.googleplus { background-position: 0px -58px; } .touchme a.googleplus:hover { background-position: 0px 0px; } .touchme a.twitter { background-position: 0px -290px; } .touchme a.twitter:hover { background-position: 0px -232px; } .touchme a.facebook { background-position: 0px -406px; } .touchme a.facebook:hover { background-position: 0px -348px; } .touchme a.rss { background-position: 0px -174px; } .touchme a.rss:hover { background-position: 0px -116px; } </style> <p style="display:none;">Social Media Sharing by <a href="http://contohblognih.blogspot.com">CB Bloggerz</a></p> <div class='touchme'>
<!--RSS--> <a class='rss' href="YOUR RSS LINK" rel='external nofollow' target='_blank'></a>
<!--Google Plus--> <a class='googleplus' href="YOUR GOOGLE PROFILE LINK" rel='nofollow' target='_blank'></a>
<!--Facebook--> <a class='facebook' href="YOUR FACEBOOK LINK" rel='nofollow' target='_blank'></a>
<!-- Twitter --> <a class='twitter' href="YOUR TWITTER LINK" rel='nofollow' target='_blank' ></a> </div>

Jangan lupa, ganti/ubah tulisan berwarna merah!

Cara Pasang di Bawah Posting Blog:
1. Klik "Template" > "Edit HTML".
2. Cari (Ctrl+F) kode <data:post.body/>
3. Copy + Paste kode berikut ini di bawah <data:post.body/> tadi.

&lt;b:if cond=&#039;data:blog.pageType == &quot;item&quot;&#039;&gt;
&lt;style&gt; .touchme a { display:block; height:50px; width:50px; padding:0 4px; float:left; background:transparent url(http://beautifulbloggerwidgets.googlecode.com/files/Sharing%20Touch%20Me.png) no-repeat; -webkit-transition: ease-in 0.2s all; -moz-transition: ease-in 0.2s all; -o-transition: ease-in 0.2s all; -ms-transition: ease-in 0.2s all; transition: ease-in 0.2s all; cursor:pointer; } .touchme a.googleplus { background-position: 0px -58px; } .touchme a.googleplus:hover { background-position: 0px 0px; } .touchme a.twitter { background-position: 0px -290px; } .touchme a.twitter:hover { background-position: 0px -232px; } .touchme a.facebook { background-position: 0px -406px; } .touchme a.facebook:hover { background-position: 0px -348px; } .touchme a.rss { background-position: 0px -174px; } .touchme a.rss:hover { background-position: 0px -116px; } &lt;/style&gt; &lt;p style=&quot;display:none;&quot;&gt;Social Media Sharing by &lt;a href=&quot;http://contohblognih.blogspot.com&quot;&gt;CB Bloggerz&lt;/a&gt;&lt;/p&gt; &lt;div class=&#039;touchme&#039;&gt;
&lt;!--RSS--&gt; &lt;a class=&#039;rss&#039; href=&quot;YOUR RSS LINK&quot; rel=&#039;external nofollow&#039; target=&#039;_blank&#039;&gt;&lt;/a&gt;
&lt;!--Google Plus--&gt; &lt;a class=&#039;googleplus&#039; href=&quot;YOUR GOOGLE PROFILE LINK&quot; rel=&#039;nofollow&#039; target=&#039;_blank&#039;&gt;&lt;/a&gt;
&lt;!--Facebook--&gt; &lt;a class=&#039;facebook&#039; href=&quot;YOUR FACEBOOK LINK&quot; rel=&#039;nofollow&#039; target=&#039;_blank&#039;&gt;&lt;/a&gt;
&lt;!-- Twitter --&gt; &lt;a class=&#039;twitter&#039; href=&quot;YOUR TWITTER LINK&quot; rel=&#039;nofollow&#039; target=&#039;_blank&#039; &gt;&lt;/a&gt; &lt;/div&gt;
&lt;/b:if&gt;

Jangan lupa, ganti/ubah tulisan berwarna merah!