اضافة المشاركات الاجتماعية الانيقة بلون ازرق مع خلفية رصاصى جذابة

السلام عليكم ورحمة الله وبركاتة

اضافة غير جديدة اليوم ولكن اختلافها فى انها بشكل جذاب ومختلف

المشاركات الاجتماعية باللون الازرق

اترككم مع طريقة التركيب وسهلة جدا :



- اذهب الى لوحة بلوجر - ثم الى التخطيط - اضافة أداة
- افتح

HTML/JavaScript إضافة وظيفة طرف ثالث أو شفرة أخرى إلى مدونتك الإلكترونية. بواسطة Blogger

• Paste this code below:

<style>

#sidebar-subscribe-box{width:300px;border:1px solid #aaa;border-radius:3px;padding:3px 0}

.sidebar-subscribe-box-wrapper{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgM5mWcCIrot4P4YAWoZXpZZrM0_M-HxEr2H72d8V9N8vsht_At6eWg5XPNL9mWjp6WX06qS6FHMROSXfdvhqWEQsa5Zc5Lau4GjwWj5XtS0CkW8N8jOlDSg6YTa3yF0k1wxCmSayo1IZQ/s1600/background.png) repeat scroll 0 0 #f7f7f7;color:#111;font-size:14px;line-height:20px;padding:1px 20px 10px;text-align:center;text-transform:uppercase}

.sidebar-subscribe-box-form{clear:both;display:block;margin:10px 0}form.sidebar-subscribe-box-form{clear:both;display:block;margin:10px 0 0;width:auto}

.sidebar-subscribe-box-email-field{-moz-border-radius:4px;-webkit-border-radius:4px;background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiD4VdhapQ0qitg6BaltxEKZgmiJ6bWUEm4ChlohhtDT9u8H0H4fyK5UPuoLbqa6f9-kJWee5jZkHrFCpJ632tLOqyJETGNOzsmGG1z9t-QU0d3W1WqiF4HGvE-29CNY1oDZA9-d99PdmQ/s1600/icons.png) no-repeat 0 -27px;border:1px solid #ccc;border-radius:4px;color:#444;margin:0 0 15px;padding:10px 40px;width:68%}

.sidebar-subscribe-box-email-button{background:#09f;border:1px solid #007fff;box-shadow:0 1px 0 rgba(255,255,255,0.3) inset, 0 1px 0 transparent;color:#fff;cursor:pointer;font-family:verdana;font-weight:700;padding:10px;text-shadow:1px 1px 0 rgba(0,0,0,.4);text-transform:uppercase;width:100%}

.sidebar-subscribe-box-email-button:hover,.sidebar-subscribe-box-email-button:focus{background:#1ca4ff}

.sidebar-subscribe-box-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 4px 4px}

#footer-section{border-top:1px solid #aaa;box-shadow:inset 0 4px 6px -3px #aaa;font-family:cambria;font-size:14px;height:100px;margin:10px -30px 5px;padding:0 30px;text-align:center;width:100%}

a.social-icons{margin-right: 5px;height:45px;width:45px;}

a.social-icons:hover { opacity: .7; filter:alpha(opacity=70);}

</style>

<div id="sidebar-subscribe-box">

<div>

<br/>

<a href="https://facebook.com/bloggertrix"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjy5PhpbHmbssQOy6Tj02tUlAR7IkNeboNLZDEuxBOa3IxK3EacOYXbhX152N2tXwAOkTiL3NUOj6cgEqSbDOjgNSWOYaYf_acsrAEfeRw3CKfqPYPTQseCykal46uHteywTKQKIha11eYH/s1600/Bloggertrix-facebook.png" /></a>

<a href="https://twitter.com/bloggertrix"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSDczbdGQ6t1dlg3vHofabDQR_dAwVBNTWkkatMbrbnUyCkby_wgLIm8cb8D-hcrjlx32JLl5usHp6qATdAby5TaD4yndwOcr-3-RBOwGA7uAGfAb2yYdEhC1JtUngOJqt7iQB0VypGpqB/s1600/bloggertrix-twitter.png" /></a>

<a href="https://plus.google.com/userId"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjb-Z5D7hZSs2PRkwEmFVBvixPw7Zr616nRz9AGFC_-7YIVgkS8axmcEUsTbFdGhFDuxixB8Q_yWlzDzsPKZcwLHasrjT9r_7goN20FmYWpDt2fmnHmGNwK5LgFED6FWNusNrEbkPppABzg/s1600/Bloggertrix-Googleplus.png" /></a>

<a href="http://www.feedburner.com/bloggertrix"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjn0bFGPanBrpwtlveif43dEAI0PBI0foYkXKJkS6pUuDxRsA_UQU_ctJhvTE5nd5KwX8Xm_7YE5vjWvM8P81QmtAfJKQwMxd69KMoxdjWsENchsh2lPSUMKkJrniNhP4M-rk7KgxQMByGn/s1600/Bloggertrix-Rss.png" /></a>

<p>Subscribe To Our Email Newsletter & Receive Updates Free</p>

<div><form action="http://feedburner.google.com/fb/a/mailverify?uri=bloggertrix" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=bloggertrix', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow"><input name="uri" type="hidden" value="bloggertrix" />

<input name="loc" type="hidden" value="en_US" /><input name="email" autocomplete="off" placeholder="Enter your email address here"/>

<input title="" type="submit" value="Subscribe Now !" /></form>

</div></div></div>

قم بتعديل اللون الاحمر الى الحسابات التى تمتلكها على الفيس بوك والتويتر والجوجل +1 و الفيد بارنر

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

تحياتى - احمد الماجيك