إضافة أزرار الشبكات الإجتماعية لمدونة بلوجر

بسم الله الرحمن الرحيم 

اهلا بكل زوار ومتابعى مدونة اربح مجانا من الانترنت

في درسنا اليوم سنشرح فيه اضافه الشبكات الاجتماعية الى مدونتك او موقعك

هي بالطبع اضافه هامة ويبحث عنها الكثير من المدونيين 

شكل الاضافه :

طريقة التركيب :

لوحة تحكم بلوجر 1- التخطيط  2- اضافه اداه 3-  HTML/JavaScript

1- التخطيط :

2- اضافه اداه :

3-  HTML/JavaScript :

بعد  ذلك ضع الكود التالى :

<style>p#hb_socialicons img {

 /* Spinning Social Icons Widget By MoneyArabia.blogspot.com */

    -moz-transition: all 0.8s ease-in-out;

    -webkit-transition: all 0.8s ease-in-out;

    -o-transition: all 0.8s ease-in-out;

    -ms-transition: all 0.8s ease-in-out;

    transition: all 0.8s ease-in-out;

}

p#hb_socialicons img:hover {

    -moz-transform: rotate(-360deg);

    -webkit-transform: rotate(-360deg);

    -o-transform: rotate(-360deg);

    -ms-transform: rotate(-360deg);

    transform: rotate(-360deg);

}

/* Spinning Social Icons Widget By MoneyArabia.blogspot.com */

</style> 

<center><p id="hb_socialicons">

    <a href="http://www.facebook.com/MoneyArabia/">

<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGL-H7m8WjmKChE5dBG3_CzP5n7ZYfsdGRe0ZB0Gr7FP43EzqWwh5gWV1t8Z6d1VDeAJAmH6dl-kKoe2UBoDq5-Q3CWitNyy2ijxSQtcDv6ibeuwi5DWBlwtf9-2PYhHZ6rTaaaJRd9ro/s1600/helperblogger.com-facebook.png" /></a>

    <a href="https://twitter.com/MoneyArabia/">

<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVfABvFRZWqA7vTjL9oxwSa33FG6gUyM3h54-y_ZpqRjFqbO2GsRRgKQoCSgO7nGj3lVY9M_1yqQaCr_s_Knmi76zd5j1EmieKy5zDV0qII1bHPA243Em3-xeANZEBk_mmGfkZ6h7vDjI/s1600/helperblogger.com-twitter.png" /></a>

    <a href="https://plus.google.com/114982553877059316024/posts">

<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLpIOqnoJI517jjvIcE4PZrgTCtChBuFTZNh60J_7GjVXg-KeE01zFWBIpNv4G_EdSY48ArEI2VOk-2mAIA4dPfWGq3M1A422x2mkLX64h6epeH3o9SXdI0J2_W67b6tR61XuliajBgQY/s1600/helperblogger.com-google_plus.png" /></a>

    <a href="http://feeds.feedburner.com/MoneyArabia/">

<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpweBs4cdfwi-arkuH9_wDFQa9y3ZwOZ0u2_UB-8PtCDMWCJa59B_a1jGHba3nkNX5KfaZAp2VNWUJW4A9aNO5RlzJjuYM74_i8EJJDO_njyO75VFcJ9atfQQh6x1qlhP41teqxFrd7OE/s1600/helperblogger.com-rss.png" /></a>

    <a href="http://www.youtube.com/MoneyArabia/">

<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhY4vMQXQrcs3P-1i0k-TeOxw2z1H0lO3z70ySHCV3nMZS9Ji-n6fll0c09xEGrf6OUq_U2qHdw6tu_cFGZoOVRpry1OIGu0TWtReNwq6z51Z854P4GmfiaEuFjGvHkGXYYXrwh0cgdnrc/s1600/helperblogger.com-youtube.png" /></a>

</p></center>

قم بتغيير التالى " ما باللون الاسود الى ما يناسب " :

1. facebook
https://www.facebook.com/MoneyArabia  

2. twitter
 https://twitter.com/MoneyArabia

3. +google

https://plus.google.com/114982553877059316024

4. feedburner
http://feeds.feedburner.com/MoneyArabia

5. Youtube 

http://www.youtube.com/MoneyArabia

انتهينا الف مبروك على الاضافة 

انتظر ردودكم ورايكم فى الاضافة