السلام عليكم و رحمة الله تعالى و بركاته
بسم الله و الحمد لله و الصلاة و السلام على رسول الله و بعد:-
اليوم أقدم لكم أداة الاشتراك فى المواقع الاجتماعية
و لاشك أنك شكل الاداة سوف تلفت انتباه الزوار لكى يلقوا نظرة على صفحة الفيس بوك الخاصة بك أو تويتر أو google+ .......إلخ
تتبع الخطوات التالية لإضافة الاداة الى مدونتك
1-اذهب الى لوحة التحكم فى مدونتك
2- التخطيط >> اضافة أداة >> Html/java script
3-قم بلصق الكود التالى فى الاداة
ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ
<style type="text/css">
.btnt-chronicl-social { width: 320px; margin: -10px; }
.btnt-chronicl-social ul { margin: 0; padding: 0; }
.btnt-chronicl-social ul li { list-style:none; padding: 0; text-transform: none; }
.btnt-chronicl-social ul li a { color: #fff; display:block; }
.btnt-chronicl-social ul li a:hover { color: #c9c9c9; background-color: #333; }
.btnt-chronicl-social ul li .rss { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/RSS-1.png") no-repeat scroll 10px center #F87E12; background-size: 20px; padding: 17.5px 45px; }
.btnt-chronicl-social ul li .twitter { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/Twitter.png") no-repeat scroll 10px center #4CACEE; background-size: 20px; padding: 17.5px 45px;}
.btnt-chronicl-social ul li .facebook { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/Facebook-1.png") no-repeat scroll 10px center #3B5998; background-size: 20px; padding: 17.5px 45px; }
.btnt-chronicl-social ul li .google { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/google.png") no-repeat scroll 10px center #D44937; background-size: 20px; padding: 17.5px 45px; }
.btnt-chronicl-social ul li .linkedin { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/LinkedIn-1.png") no-repeat scroll 10px center #3692C3; background-size: 20px; padding: 17.5px 45px; }
</style>
<div class="btnt-chronicl-social">
<ul>
<li><a class="rss" href="http://feeds.feedburner.com/technawy">Subscribe to the RSS Feed</a></li>
<li><a class="twitter" href="https://twitter.com/eng17ah">تابعنى على تويتر</a></li>
<li><a class="facebook" href="https://www.facebook.com/tethnia4you">تابعنا على فيس بوك Facebook</a></li>
<li><a class="google" href="https://plus.google.com/116206173797368082294/">Join me on Google+</a></li>
<li><a class="linkedin" href="http://in.linkedin.com/in/eng17ah">اتصل بى من خلال LinkedIn</a></li>
</ul>
</div>
ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ
* قم بتغيير الرقم 320 بالعرض المناسب لمدونتك
* قم بتغيير الكلمات التى باللون البرتقالى بإسم المستخدم الخاص بك على شبكات التواصل الاجتماعى
انتهى الدرس و الحمد لله و اتمنى أن تعجبكم الاداة
ولا تنسونا من صالح دعائكم و السلام عليكم و رحمة الله تعالى و بركاته
موضوع في قمة الروعة شكرا لك تقبل مروري :>)
ردحذفممكن شرح كيف جعلها تفتح في نافذه جديده
ردحذفعبر إضافة
ردحذف'target='_blank
داخل وسم الروابط أي حرف a
لتكون بهذا الشكل أخي الكريم
<a 'target='_blank>