[إضافات] تابعنا على شبكاتنا الإجتماعية بلوجر

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

إضافة إنضم إلينا عبر شبكاتنا الإجتماعية هي إضافة مهمة جدا لكل مدونة بلوجر وتعد من الإضافات الأكثر إستخداما في منصات بلوجر ووردبريس وتقريبا جميع مواقع الويب ، وتتواجد هذه الإضافة بأشكال وألوان مخنلفة فقررت أن أعطيكم التى أستخدمها أنا خصيصا في مدونة عقول الويب بدون إطالة نأتي الآن إلى طريقة وضع إضافة تابعنا عبر شبكاتنا الإجتماعية إلى مدونتك الرائعة :
1- نسجل دخولنا إلى منصة BLOGGER

2- نتجه إلى التخطيط او Mise en page

3- نضغط إضافة أداة جديدة Ajouter un gadget

4- نبحث عن HTML/JavaScript ثم ، نلصق الكود التالى في المكان المخصص له :

<style> #R91481-WG { width:300px; border:1px solid #aaa; border-radius:3px; padding:3px 0; } .R91481-WG-wrapper { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwuSDRqxAaUjDgIVGv5_DoubCWdDE7CGnicJqJVHXwD0F6h-gYs6gBlGl8cpAr7H2cDMiQjPmoBO7OmnfTy4Wfj5jGBPTtKKBuTbVXSHOtMJf9v6wodHfUX7jbpjSnesW2M7EgPM9RgjM/s1600/background.png) repeat scroll 0 0 #f7f7f7; color:#111; font-size:14px; line-height:20px; text-align:center; text-transform:uppercase; padding:1px 20px 10px; } .R91481-WG-form { clear:both; display:block; margin:10px 0; } form.R91481-WG-form { clear:both; display:block; width:auto; margin:10px 0 0; } .R91481-WG-email-field {

-moz-border-radius: 4px;

-webkit-border-radius: 4px;

background: #fff url(http://harvardpress.typepad.com/social-media-icons/icon-email_red.png) no-repeat -0px;

border: 4px double #8B8B8B;

border-radius: 5px;

width: 68%;

margin: 0 0 15px;

padding: 10px 40px;

} .R91481-WG-email-button {

background: #55acee;

border: 1px solid gray;

color: #fff;

cursor: pointer;

font-family: DroidKufi-Bold,verdana;

font-weight: 700;

text-transform: uppercase;

width: 100%;

padding: 10px;

} .R91481-WG-email-button:hover, .R91481-WG-email-button:focus {

background: #E4E4E4;

border-radius: 4px;

border: 1px gray solid;

color: gray;

}

.R91481-WG-email-button:active { -moz-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset; -webkit-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset; box-shadow:0 1px 4px rgba(0,0,0,0.5) inset; outline:0; } iframe,object,embed,.yt-border iframe,.yt-border object,.yt-border embed,table { width:100%; } embed { border-radius:3px; -moz-box-shadow:0 2px 4px rgba(0,0,0,0.2); -webkit-box-shadow:0 2px 4px rgba(0,0,0,0.2); background:#FFF; border:1px solid #ddd; box-shadow:0 2px 4px rgba(0,0,0,0.2); margin:0; padding:4px; } #footer-section { border-top:1px solid #aaa; box-shadow:inset 0 4px 6px -3px #aaa; font-family:cambria; font-size:14px; height:100px; text-align:center; width:100%; margin:10px -30px 5px; padding:0 30px; } a.social-icons { margin-right:5px; height:45px; width:45px; } a.social-icons:hover { opacity:.7; filter:alpha(opacity=70); } </style>

<div align="center">

<div id="R91481-WG"> <div class="R91481-WG-wrapper"> <br/><a href='http://www.th3prosadoun.blogspot.com/'></a> <a class="social-icons" href="https://facebook.com/sad0un"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiy9JWlfklIeQhQJvuP0QUpErhRx24zuK5KpdnhEm4WyT6oJ6KROYQ5DCP8mgogSHe5VeKRsgynaezsCgbPDSlhQWpfncrfk1m9a6lBBcKV6708euRGUwL8Kxmnxa1L-Fp9Mw9usTFMNfx8/s1600/btrix-facebook-icon.png" /></a> <a class="social-icons" href="https://twitter.com/th3prosadoun"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5gOxPHgvVB9UUUcRO1xjC5jGZeErEThIt212tjiueksRxlAZ8-Xebk7ahMwJikgcApWhU-PsOyss7vu1EUgEzRUTkV5uWdV3v7wtwN7gu9F2U26dA_WbFPrqzFd757t9eiPtiMqiimeYt/s1600/btrix-twitter-icon.png" /></a> <a class="social-icons" href="https://plus.google.com/+aminesadoun"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2ZgaCR2cz8POBqbsx7MKkdmaHuJDNKNUWxaAPClLYyLOOJCvVAD993i4X1kwSKww4IGDGaCCG17DdbMqL2IshAbFkQpGuBpa4JrC8VWALQdFeSVemWGPI6XTdlcmqnm-K2ljnpKLGaDCS/s1600/btrix-google-icon.png" /></a> <a class="social-icons" href="http://feeds.feedburner.com/th3sd"><img src="http://icons.iconarchive.com/icons/designbolts/minimalist-social/48/RSS-icon.png" /></a> <font face="DroidKufi-Bold,verdana"><p><b>تابع جديد المدونة مباشرة وبسرعة إلى إيميلك .</b> </p></font> <div class="R91481-WG-form"><form action="http://feedburner.google.com/fb/a/mailverify?uri=umerprince" class="R91481-WG-form" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=umerprince', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow"><input name="uri" type="hidden" value="umerprince" /> <input name="loc" type="hidden" value="en_US" /><input class="R91481-WG-email-field" name="email" autocomplete="off" placeholder="ضع إيـميلك هـنا ... "/> <input class="R91481-WG-email-button" title="" type="submit" value="اشترك الآن" /></form> </div></div></div></div>