Bubblicons Social Media Sharing Widget
Bagi kalian yang ingin menambahkan Facebook, twiiter atau social media sharing dengan menggunakan Bubblicons Social Media Sharing Widget bisa mencoba cara dibawah ini:
1. Blogger Dashboard > Design > Page Element
2. Click on Add Gadget > HTML/Javascript
3. Copy dan paste script dibawah ini.
<style>
/* Bloggertrix */
.bubblewrap{
list-style-type:none;
margin:0;
padding:0;
}
.bubblewrap li{
display:inline;
width: 60px;
height:60px;
}
.bubblewrap li img{
width: 50px; /* width of each image.*/
height: 50px; /* height of each image.*/
border:0;
margin-right: 4px; /*spacing between each image*/
-webkit-transition:-webkit-transform 0.1s ease-in; /*animate transform property */
-o-transition:-o-transform 0.1s ease-in; /*animate transform property in Opera */
}
.bubblewrap li img:hover{
-moz-transform:scale(1.8); /*scale up image 1.8x*/
-webkit-transform:scale(1.8);
-o-transform:scale(1.8);
}</style>
<br />
<center>
<br />
<ul>
<li><a href="http://www.digg.com/Username"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQPzyJ5qqDRdKwwQ8DdSkXJ9sLuj-2tX3ylTlAhmNMUSWPFtw88KeXhONLGc5mtZAaqMIvtcllcHaa9c1o62zOV_r5LlEP6Dx7EzET7cPXphVImdDL1jJFGEVB3SQOpGUD46e2pIenTA/s1600/bloggertrix-digg.png" title="Add to Digg" /></a></li>
<li><a href="http://www.facebook.com/Username"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIsIT3CK2BEbGEg0ibH9EFbJNc1gLIgtG1ffDidKnqDfp2nDPjcaDrceqhyphenhyphenNNK2ooXa-2a_4ujFAAdGi92NRVCgXeB0O2E8KR6T8EHqUTtNpEKXjlUdE7qwf2GQNdPMo0SIN8cYwB_lQ/s1600/bloggertrix-facebook.png" title="Add to Facebook" /></a></li>
<li><a href="http://www.stumbleupon.com/Username"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikanq9_UqYtjzyPpnj7SIUiOfj6t0XUi9kSj1_Ia88N_dfhGXK4dePJOjMjT72rRyn9Mke_4mZYczRycEQ9EbbifsDSuEaPF5Dian6gwA9TQB06hm-eT46g-DigwYgBvjanRw-8NnHSw/s1600/bloggertrix-stumbleupon.png" title="Add to Digg" /></a></li>
<li><a href="http://www.twitter/Username"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtdwsz75pmcn02-rgOhTbAqFURZvmMJfyuV-fQLIDXQeCUc6aTHNyNr5srGFcfxFdRymWwvf8fp84e89ShFIT4uxusWbIKhyd_v5dpO9Skofcjxk4X6gFih3riBcsw8lZUOIxnVvd21A/s1600/bloggertrix-twitter_alt.png" title="Add to Twitter" /></a></li>
<li><a href="http://feeds2.feedburner.com/Username"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguu_5R621aK8GyaEH914JvmhRne5L1KlQD54i-Zofq-ZHKhSJXl-t4QhAn5v8XEJSho6mChBWsYx0OZraieNCsYNuKREtBI4iKdY4Cc_v76xLbxcP2STxc5KAbgvFa_EkPQrBnIUCCxA/s1600/bloggertrix-RSS.png" title="Add RSS Feed" /></a></li>
</ul>
4. Ubah nama Facebook, Twitter, Digg, Feedburner, Stumbleupon dengan username anda.
5. Simpan
2. Click on Add Gadget > HTML/Javascript
3. Copy dan paste script dibawah ini.
<style>
/* Bloggertrix */
.bubblewrap{
list-style-type:none;
margin:0;
padding:0;
}
.bubblewrap li{
display:inline;
width: 60px;
height:60px;
}
.bubblewrap li img{
width: 50px; /* width of each image.*/
height: 50px; /* height of each image.*/
border:0;
margin-right: 4px; /*spacing between each image*/
-webkit-transition:-webkit-transform 0.1s ease-in; /*animate transform property */
-o-transition:-o-transform 0.1s ease-in; /*animate transform property in Opera */
}
.bubblewrap li img:hover{
-moz-transform:scale(1.8); /*scale up image 1.8x*/
-webkit-transform:scale(1.8);
-o-transform:scale(1.8);
}</style>
<br />
<center>
<br />
<ul>
<li><a href="http://www.digg.com/Username"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQPzyJ5qqDRdKwwQ8DdSkXJ9sLuj-2tX3ylTlAhmNMUSWPFtw88KeXhONLGc5mtZAaqMIvtcllcHaa9c1o62zOV_r5LlEP6Dx7EzET7cPXphVImdDL1jJFGEVB3SQOpGUD46e2pIenTA/s1600/bloggertrix-digg.png" title="Add to Digg" /></a></li>
<li><a href="http://www.facebook.com/Username"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIsIT3CK2BEbGEg0ibH9EFbJNc1gLIgtG1ffDidKnqDfp2nDPjcaDrceqhyphenhyphenNNK2ooXa-2a_4ujFAAdGi92NRVCgXeB0O2E8KR6T8EHqUTtNpEKXjlUdE7qwf2GQNdPMo0SIN8cYwB_lQ/s1600/bloggertrix-facebook.png" title="Add to Facebook" /></a></li>
<li><a href="http://www.stumbleupon.com/Username"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikanq9_UqYtjzyPpnj7SIUiOfj6t0XUi9kSj1_Ia88N_dfhGXK4dePJOjMjT72rRyn9Mke_4mZYczRycEQ9EbbifsDSuEaPF5Dian6gwA9TQB06hm-eT46g-DigwYgBvjanRw-8NnHSw/s1600/bloggertrix-stumbleupon.png" title="Add to Digg" /></a></li>
<li><a href="http://www.twitter/Username"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtdwsz75pmcn02-rgOhTbAqFURZvmMJfyuV-fQLIDXQeCUc6aTHNyNr5srGFcfxFdRymWwvf8fp84e89ShFIT4uxusWbIKhyd_v5dpO9Skofcjxk4X6gFih3riBcsw8lZUOIxnVvd21A/s1600/bloggertrix-twitter_alt.png" title="Add to Twitter" /></a></li>
<li><a href="http://feeds2.feedburner.com/Username"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguu_5R621aK8GyaEH914JvmhRne5L1KlQD54i-Zofq-ZHKhSJXl-t4QhAn5v8XEJSho6mChBWsYx0OZraieNCsYNuKREtBI4iKdY4Cc_v76xLbxcP2STxc5KAbgvFa_EkPQrBnIUCCxA/s1600/bloggertrix-RSS.png" title="Add RSS Feed" /></a></li>
</ul>
5. Simpan
Posts
-- No comments --
Post a Comment
Silakan berkomentar dan tidak melakukan spam.