إضافة أزرار المواقع الإجتماعية الفيسبوك وتويتر وجوجل بلس واليوتيوب منبثقة لمدونات بلوجر | مدونة هوم بلوجر

طريقة تركيب الإضافة

1- أدخل إلى مدونتك | ثم أختر تحرير قالب

2- إبحث عن الوسم </head>

3- ضع الكود التالي فوقه | ثم إحفظ القالب

الكود

<!-- This Is A CopyRight Code.It Is Free To Use But With HTML Design Code.
If AnyOne Found To Be Changing This Code Should Be Under Legal Action Via DMCA. -->
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
jQuery(document).ready (
function(){jQuery(&quot;#facebook_right&quot;).hover(function(){ jQuery(this).stop(true,false).animate({right: 0}, 500); },
function(){ jQuery(&quot;#facebook_right&quot;).stop(true,false).animate({right: -249}, 500); });
jQuery(&quot;#twitter_right&quot;).hover(function(){ jQuery(this).stop(true,false).animate({right: 0}, 500); },
function(){ jQuery(&quot;#twitter_right&quot;).stop(true,false).animate({right: -264}, 500); });
jQuery(&quot;#google_plus_right&quot;).hover(function(){ jQuery(this).stop(true,false).animate({right: 0}, 500); },
function(){ jQuery(&quot;#google_plus_right&quot;).stop(true,false).animate({right: -264}, 500); });
jQuery(&quot;#youtube_right&quot;).hover(function(){ jQuery(this).stop(true,false).animate({right: 0}, 500); },
function(){ jQuery(&quot;#youtube_right&quot;).stop(true,false).animate({right: -303}, 500); });
jQuery(&quot;#feedburner_right&quot;).hover(function(){ jQuery(this).stop(true,false).animate({right: 0}, 500); },
function(){ jQuery(&quot;#feedburner_right&quot;).stop(true,false).animate({right: -303}, 500); });
});
</script>
<!-- This Is A CopyRight Code.It Is Free To Use But With HTML Design Code.
If AnyOne Found To Be Changing This Code Should Be Under Legal Action Via DMCA. -->

4- اذهب إلى تخطيط  | ثم أختر إضافة أداة

5- الصق الكود التالي في صندوق الأداة 

الكود

<!-- This Is A CopyRight Code.It Is Free To Use But With HTML Design Code.
If AnyOne Found To Be Changing This Code Should Be Under Legal Action Via DMCA. -->
<style>
img, a { border: 0; }
#on {visibility:visible;}
#off {visibility:hidden;}
#facebook_div {width:245px;height: 210px;overflow: hidden;}
#twitter_div {width:260px;height: 238px;overflow: hidden;}
#google_plus_div {width:260px;height: 230px;overflow: hidden;}
#knfeedburner_div {width:300px;height: 97px;overflow: hidden;}
#youtube_div {width:300px;height: 97px;overflow: hidden;}
/* right side style */
#facebook_right {z-index: 10005;border:2px solid #3c95d9;background-color: #fff;width:245px;height: 210px;position: fixed;right: -249px;}
#facebook_right img {position: absolute;top: -2px;left: -35px;}
#facebook_right iframe {border:0px solid #3c95d9;overflow: hidden;position: static;height: 210px;width: 245px;left:-2px;top:-3px;}
#twitter_right {z-index: 10004;border:2px solid #6CC5FF;background-color: #6CC5FF;width:260px;height: 238px;position: fixed;right: -264px;}
#twitter_right_img {position: absolute;top: -2px;left: -35px;border: 0;}
#google_plus_right {z-index: 10003;background-color: #fff;border:2px solid #0056a0;width:260px;height: 230px;position: fixed;right: -264px;}
#google_plus_right_img {position: absolute;top: -2px;left: -33px;border: 0;}
#youtube_right {z-index: 10002;background-color: #fefefe;border:2px solid #ff0000;border-top:2px solid #5b5b5b;border-bottom: 2px solid #5b5b5b;border-right:2px solid #5b5b5b;border-left: hidden;width:301px;height: 100px;position: fixed;right: -303px;}
#youtube_right_img {position: absolute;top: -2px;left: -33px;border: 0;}
#feedburner_right {z-index: 10001;background-color: #fefefe;border:2px solid #5b5b5b;border-top:2px solid #5b5b5b;border-bottom: 2px solid #5b5b5b;border-right:2px solid #5b5b5b;border-left: hidden;width:300px;height: 97px;position: fixed;right: -303px;}
#feedburner_right_img {position: absolute;top: -2px;left: -33px;border: 0;}
.box-title1 {border:1px solid #ddd;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;box-shadow: 5px 5px 5px #CCCCCC;padding:10px;margin: 10px 0;}
.enteryouremail{background: #fff !important;border: 1px solid #d2d2d2;padding: 0px 8px 0px 8px;color: #a19999; font-size: 12px;height: 25px; width: 165px;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;margin:0px;}
.submitbutton{background:#F66303;border: 1px solid #F66303;text-shadow: 1px 1px 1px #333;box-shadow: 3px 3px 3px #666;font:bold 12px Arial, sans-serif;color: #fff;height: 25px;padding: 0 12px 0 12px;margin: 0 0 0 5px;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;cursor:pointer;}
</style>
<div id="on">
<div id="facebook_right" style="top: 8%;">
<div id="facebook_div">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3WqfwNcxjOA_esXxCPeYsMcqcTX6PA7TcG_VWBdSkCQVvCOsyKFLH3WBtjjgvcuyQn3uf8qUDTiSaEpNB-Y4FoGhJiDq6LraA6NLfcX75zKpI5s_4KcmWqdFV_wIh-UUbuKawI52cRw/s1600/Facebook.png" />
<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Ffacebook.com%2FChristiaUnion&amp;locale=en_GB&amp;width=200&amp;connections=9&amp;stream=&amp;header=false&amp;show_faces=0&amp;height=260" scrolling="no"></iframe>
</div>
</div>
</div>
<div id="on">
<div id="twitter_right" style="top: 25%;">
<div id="twitter_div">
<img id="twitter_right_img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMvJLEzv4ZJj_WTvHurahsp9FQSU73Mwxj0R9A5kOt1ZdwheuiLTywfHLPN7ZRxk4tCCulnWFjUU0XNdxa-9FR-Boy8h27s49zTHYJmylI9rg3dKmhDz3SHSxXUk4uqMIB2XAx0Mz5lQ/s1600/Twitter.png" />
<iframe name="Qardardahjif" frameborder="0" allowtransparency="true" src="http://s.moopz.com/connect.html?user=Qardardahjif" class="Qardardahjif" scrolling="no" style="width: 260px; height: 250px; border-top-style: none; border: none; border-width: initial; border-color: initial; "></iframe>
</div>
</div>
</div>
<div id="on">
<div id="google_plus_right" style="top: 42%;">
<div id="google_plus_div">
<img id="google_plus_right_img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFsLmCWky_SHrEReyOnrQB9M9RLR7rsRfYd0jTay_7Umn_rJfci29B6q7AaJ1oqzDGpBS65e2ztnhsD5_FwkdnVMdC8EHLfpSRfHqT5Zzu-Em6GJFQjBo2G7CTLKzEWz7rjHUJM9ovww/s1600/Google+Plus.png" />
<div style="float:left;margin:1px 0px 0px 2px;">
<div class="g-plus" data-action="followers" data-height="260" data-href="https://plus.google.com/111639037193968470844" data-source="blogger:blog:followers" data-width="260">
</div>
<script type="text/javascript">
(function() {
window.___gcfg = {'lang': 'en'};
var po = document.createElement('script');
po.type = 'text/javascript';
po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(po, s);
})();
</script>
</div>
</div>
</div>
</div>
<div id="on">
<div id="youtube_right" style="top: 59%;">
<div id="youtube_div">
<img id="youtube_right_img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOUjnx66gD9chTMt9sisG3KA_C817dB3g5VMjspXk8zlb1j8kkcm-JxyBUbvh9utQs6Bo5c9Z7SeCLh9l3QJY3dY_Jhq4Q7bY5IaAuRGzRXnw0Pce9C74-H-tdVPSJ6CKL6W3lPZNZfg/s1600/YouTube.png" />
<div style="float:left;margin:1px 0px 0px 2px;">
<iframe src="http://www.youtube.com/subscribe_widget?p=UCTUlr_Ro7-SPYY0LQWsF-6g" style="height: 105px; width: 300px; border: 0;" scrolling="no" frameborder="0"></iframe>
</div>
</div>
</div>
</div>
<div id="on">
<div id="feedburner_right" style=" top: 76%;">
<div id="knfeedburner_div">
<center>
<br />▼▼▼▼▼▼▼▼▼▼▼▼
<h4 style="color:#F66303;">You Can Also Receive Free E-Mail Updates:</h4>
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=blogspot/pxrPG', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><input gtbfieldid="10" class="enteryouremail" name="email" value="Enter Your E-Mail Here..." onblur="if (this.value == &#39;&#39;) {this.value = &#39;Enter Your E-Mail Here...&#39;;}" onfocus="if (this.value == &#39;Enter Your E-Mail Here...&#39;) {this.value = &#39;&#39;;}" type="text" /><input value="Trickstreasure" name="uri" type="hidden" /><input value="Submit" class="submitbutton" type="submit" /></form>
</center>
<img id="feedburner_right_img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-GNXO87gu9pTBpz5gljuh2eEv9g9T0Dkux1Nl7XFUxoYspeQheLqPFJmg-iMqbGq8GpLYRyGF_zrxvw2jdXPk6HXD_1rdSUyYrkXhB0CkZGvHR22rpUminP4LImSApv2UXlRB_AYZ6Q/s1600/Subscribe.png" />
</div>
</div>
</div>
<!-- This Is A CopyRight Code.It Is Free To Use But With HTML Design Code.
If AnyOne Found To Be Changing This Code Should Be Under Legal Action Via DMCA. -->

* عدل مايلي :

* feedburner : blogspot/pxrPG

* youtube :UCTUlr_Ro7-SPYY0LQWsF-6g

* plus.google :111639037193968470844

* twitter :Qardardahjif"

* facebook :ChristiaUnion"