مرحبا بكم في مدونة افتخر
إضافة اداة المواقع الاجتماعية بشكل رائع
الاضافة خفيفة وانيقة وجد احترافية للاشتراك والمتابعة في المواقع الاجتماعية لمدونات بلوجر . الاضافة جميلة ومميزة في القائمة الجانبية للمدونة المعروفة ب (السايد بار) بلوجر بتأثيرات Css , كما يمكنك ان تقوم بتغييرات ان اردت ذالك .
طريقة التركيب :
1~ اذهب الى تخطيط.
2~ إضافة أداة
3~ اختار Html/Javascript
<div class="btnt-chronicl-social">
<ul> <li><a class="rss" href="http://feeds.feedburner.com/eftakhir">إشترك عبر البريد</a></li> <li><a class="twitter" href="https://twitter.com/eftakhir">تابعني على تويتر</a></li> <li><a class="facebook" href="https://www.facebook.com/eftakhir">إدعمنا على الفايسبوك</a></li> <li><a class="google" href="https://plus.google.com/u/0/b/7351531211955933302/">تابعني Google+</a></li> <li><a class="linkedin" href="http://in.linkedin.com/in/eftakhir">اتصل بي على لينكيدن</a></li> <li><a class="youtube" href="http://www.youtube.com/user/eftakhir">شاهدني على يوتيوب</a></li> </ul> </div> <style type='text/css'> /*<![CDATA[*/ .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; } .btnt-chronicl-social ul li .youtube { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/Youtube-1.png") no-repeat scroll 10px center #C6312B; background-size: 20px; padding: 17.5px 45px; } /*]]>*/ </style> |
يجب تغيير عنوان افتخر باللون الاحمر الى عنوان موقعك
:
.png)
