Add Social Sharing Buttons With Youtube in Right Side of Blogger-Tricks Donor

Friday, 21 December 2012

Add Social Sharing Buttons With Youtube in Right Side of Blogger

Posted by Unknown | 01:35 Categories: Blogger, Blogger Widgets

Friendzz im going to show u how to Add Social Sharing Buttons With Youtube in Right Side of Blogger.

This widget is not scrolling .....it does'nt move....

1 Go to Layout.
2 Add a Gadget then HTML/JavaScript.
3 After that Copy below code and paste in HTML/JavaScript.

<style type="text/css">
.WD_Align {
 left:100%;    
}
</style>

<script type='text/javascript'>
<!--
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>

<div class="WD_Align" style="position:absolute; z-index:51; top:240px;">
<a href="http://www.youtube.com/user/saeedaquibahmed" target="_blank" onmouseover="MM_swapImage('b_youtube','','https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlqsNjjzQrMyYhHkS2gC4W8qTInQmQH-gdUxof0y5DoJCZ9lPsYyj9L81i4MMb-jeuPAJmDP4vKp_gJF1qVk5xYGaa_aKw7Kyg8nMjC-D3NitgnvgdJkLxYZbV1RvTKvdO8diL7SumYz0V/s1600/b_youtube_1.png',1)" onmouseout="MM_swapImgRestore()"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyB24OPS3zik2jaMr1g8np4yWMQGwsrQVqgWUnvG-HnMSlNpy7DPvIH0UqoNE3enX583CP9sndSZMnPJTh-3BUTCU1NfxERqaTEfZDkc4GeaBdt9JJsJ2imSQgVBLy-MxaVnIYR4Dw-ogR/s1600/b_youtube.png" alt="YouTube" name="b_youtube" width="80" height="70" border="0" id="b_youtube" /></a></div>
<div class="WD_Align" class=""style="position:absolute; z-index:52; top:320px; ">
<a href="http://www.twitter.com//tricksdonor" target="_blank" onmouseover="MM_swapImage('b_twitter','','https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihmXG3PSBjC3IjS2t2IcTdBg0J0Gx0Z1YqnIjsRPXikHBlo0saZw_uzeSvOA7gsVrpkLb8nqUKLOgXLtaoZVsKBjYbRSSP306gU16hJmKbgSP39xSCJUPGiy0F1PptOOs9asEXQOHNyw6e/s1600/b_twitter_1.png',1)" onmouseout="MM_swapImgRestore()"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuGtClUEEh1ODmiLJc0FeuBh-fjAGhrJUa6umCD3VU4-Km-dopccM-AixgeUsc3VnnZA_sojYSadVb1wL5K38NC3FOEg0VMXxHC7qaLQ5qOT_sncmmRwXRnu59-bdDkx8Dsk2rmIiGduhB/s1600/b_twitter.png" alt="Twitter" name="b_twitter" width="80" height="70" border="0" id="b_twitter" /></a></div>
<div class="WD_Align" style="position:absolute; z-index:53; top:400px; ">
<a href="http://www.facebook.com/tricksdonor" target="_blank" onmouseover="MM_swapImage('b_facebook','','https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVftYaUvImosXjjpgmSVRLOTXRofuNlTXjV7WLUOERTybPz5g0EnPgEOQE0HMOZ7CvEKNqPH_iGHtwprR1hlghWylvIE-G0pJHybhrS7hzy3FcUekja0pX5V3RX39tYxuuxg3A6aRBn9DJ/s1600/b_facebook_1.png',1)" onmouseout="MM_swapImgRestore()"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDDMDqa3JjMn18jymxexfji2W_T6Vq2NcUEIJ0Zky-k6sJND6YOa7biJmwm0i2kuveZfdJMxYe88uuRsYnIPxBIKLbFGGAT5HzgOShQqbfw35EEItGR0FzEdzyUvX4DalWnrNlN93-skfk/s1600/b_facebook.png" alt="Facebook" name="b_facebook" width="80" height="70" border="0" id="b_facebook" /></a></div>
<div class="WD_Align" style="position:absolute; z-index:54; top:480px; ">
<a href="http://www.tricksdonor.blogspot.com/feeds/posts/default" target="_blank" onmouseover="MM_swapImage('b_blog','','https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieSpzYe2TtnDirArEUiA1NdoUQqBT3kJT47OAcEmyu6he_jHX87RwYUMvRKSznSZYVPwXnpf23Bmcpkzlym2fCoDg8U6KUE2cO-v6blfnvTXLkBRotPHVEU7NffDIGH5mB3_GDUIWjD2Vt/s1600/b_blog_1.png',1)" onmouseout="MM_swapImgRestore()"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMc3_TMFPOpwIX3842PkP1nTiNG7f5JbsDu1VnB3f46ep0LWgNJNAOb4J3V60_HwUfIiDkuqg_b_D3k47_xGgfCiQfevf9tE2KZeBHSmP83EXx1gu8sH8S5aLDfmUKGAI0asq6HjkI0OWX/s1600/b_blog+copy.png" alt="Blog" name="b_blog" width="80" height="70" border="0" id="b_blog" /></a></div>
<div class="WD_Align" style="position:absolute; z-index:55; top:560px;">
<a href="https://plus.google.com/u/0/100759077772592521298" target="_blank" onmouseover="MM_swapImage('b_vimeo','','https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxOzUgHa3tLCFXAjNX978yNlkeeIKFYhHcZKjZwJGrdV8cEVGsx1IeKBbP-SdHQbhyphenhyphencrDSS9CMLdiPLzpkNZHJ6J9c3X3QjS7bUw8jPIHTHmt_nf2Fy-BsB30PJTRm97Al9X944dhWPxpG/s1600/b_vimeo_1.png',1)" onmouseout="MM_swapImgRestore()"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAb3G96OOJR-oxDVWxvZry7Bl1n79wLBmKVr3Pob6YG5_Ho2PmmVQvn1hXI9k-MfWLt8i_yF_u1XDpoCk3djurF2wRJ48WCTG3w-qfBpbzFC8Fy5tlWyNPBhDiyrBErhGFV6HaY0q9chQJ/s1600/b_vimeo+copy.png" alt="Vimeo" name="b_vimeo" width="80" height="70" border="0" id="b_vimeo" /></a></div>

Change yellow colour text :

<style type="text/css">
.WD_Align {
left:100%;

}
</style>

Thankzzzzzzzzzzzzz pls comment...

0 comments:

Post a Comment

Confused? Feel free to ask

Your feedback is always appreciated. We will try to reply to your queries as soon as time allows.

Note:
1. You Can add HTML CODE in comments.
2. You can always Test the tutorial.
3. No cheesy/spam Comments tolerated Spam comments will be deleted immediately upon our review.

Regards,
Saeed Aquib Ahmed :)

Subscribe to: Post Comments (Atom)