http://4.bp.blogspot.com/-0Zc5is-UUI...9%88%D9%86.png




كود تابعنى عبر الشبكات الاجتماعيه بشكل رائع وجميل حيث يظهر مدونتك بشكل افضل

عن باقى الاضافات هذه الاضافه مميزه حقاً جربها بنفسك وهى تضم الفيس بوك تويتر
جوجل بلس تغذيه المدونة واليوتيوب عند مرور الماوس عليها تنبثق قليلاً الى الامام
فقط لمدونات بلوجر


http://4.bp.blogspot.com/-Bk-3xiJUQb...9%81%D9%87.png


توجه للوحة التحكم الخاصة بمدونتك
تصميم
أضافة أداة
وأختار منها الجافا هتمل
أضف الكود التالي داخل الصندوق المخصص لذلك

<style>

#main_cbt_icons {

width:222px;

height:37px;

}

#facebook {

width:37px;

height:37px;

float:right;

margin:0px;

padding:1px 1px 1px 1px;

}

#twitter {

width:37px;

height:37px;

float:right;

margin:0px;

padding:1px 1px 1px 1px;

}

#google_plus {

width:37px;

height:37px;

float:right;

margin:0px;

padding:1px 1px 1px 1px;

}

#rss {

width:37px;

height:37px;

float:right;

margin:0px;

padding:1px 1px 1px 1px;

}

#youtube {

width:37px;

height:37px;

float:right;

margin:0px;

padding:1px 1px 1px 1px;

}

img:hover {

-webkit-transform: scale(1.1) skewX(2deg) skewY(2deg);

-webkit-transform-origin: 0% 0%;

-moz-transform: scale(1.1) skewX(2deg) skewY(2deg);

-moz-transform-origin: 0% 0%;

-o-transform: scale(1.1) skewX(2deg) skewY(2deg);

-o-transform-origin: 0% 0%;

-ms-transform: scale(1.1) skewX(2deg) skewY(2deg);

-ms-transform-origin: 0% 0%;

transform: scale(1.1) skewX(2deg) skewY(2deg);

transform-origin: 0% 0%;

}

</style>

<div id="main_cbt_icons">

<div id="facebook">

<a href="http://www.facebook.com/mdwanblog.blogspot.com/" target="_blank" title="تابعنا على الفيسبوك"><img src="http://2.bp.blogspot.com/--QvDoVgwlpI/T9czuJvq0dI/AAAAAAAAAv0/_14V5tk8GzQ/s1600/social-facebook-box-white-icon.png" /></a>

</div>

<div id="twitter">

<a href="http://www.twitter.com/mdonti-n.blogspot.com" target="_blank" title="تابعنا على تويتر"><img src="http://2.bp.blogspot.com/-iu65ymR84i0/T9czv_09TzI/AAAAAAAAAwM/GApdf1SDvrY/s1600/social-twitter-box-white-icon.png" /></a>

</div>

<div id="google_plus">

<a href="https://plus.google.com/mdwanblog.blogspot.com/" target="_blank" title="تابعنا على قوقل بلس"><img src="http://1.bp.blogspot.com/-yKxJvs3MgQg/T9czukoVC1I/AAAAAAAAAv8/-yYrjIeT1qU/s1600/social-google-box-white-icon.png" /></a>

</div>

<div id="rss">

<a href="http://feedburner.google.com/fb/a/mailverify?uri=mdwanblog.blogspot.com/&amp;loc=en_US" target="_blank" title="أشتراك بتغذية المدونة"><img src="http://1.bp.blogspot.com/-0er4uLA1YIk/T9czvZ2sdpI/AAAAAAAAAwE/p2iZlz2H3uA/s1600/social-rss-box-white-icon.png" /></a>

</div>

<div id="youtube">

<a href="http://www.youtube.com/mdwanblog.blogspot.com/" target="_blank" title="شاهد الفيديو"><img src="http://4.bp.blogspot.com/-CPKKJbZKPG0/T9czsRmntKI/AAAAAAAAAvU/UIxJtrQsLdI/s1600/YouTube-icon+%25281%2529.png" /></a>

</div>

</div>

مع أستبدال كل ما أشير له في الكود بلون الأحمر بصفحات مدونتك في الفيسبوك وتويتر وقوقل بلس ويوتيوب وكذلك رابط التغذية

معاينه الأداه علي مدونه عرب ميكس

http://3arbmex.blogspot.com/


المصدر: مدونة مدوّن http://mdwanblog.blogspot.com/2012/1...#ixzz2JbMoVdOa