02-17-2014, 09:50 PM
|
#1
|
|
مدون نشيط
تاريخ التسجيل: Feb 2014
المشاركات: 124
|
اضافة تابعنا علي المواقع الاجتماعية - اضافات بلوجر
السلام عليكم ورحمة الله وبركاته
لدينا اليوم اضافة اخري تشبه السابقة ولكن بشكل مختلف اضافة تابعنا عبر المواقع الاجتماعية
تركيبها بسيط فقط تحتاج تغيير الروابط والتركيز في الخطوة القادمة
الشرح :
اذهب الي صفحة القالب ثم تحرير HTML وابحث عن : ]]></b:skin>
واضف اعلاه الكود التالي :
كود بلغة HTML:
#w2b-share ul {position:fixed;right:20px;top:100px;list-style: none;clear: none;padding: 0px 0px ;margin: 5px 0;}#w2b-share ul li a {display: block;float: right;width: 64px;height:64px;background-image: url('http://1.bp.blogspot.com/-fhKt1mgpXbE/T2kFQI-_K2I/AAAAAAAABcE/xNPE5D4-9h4/s1600/omnidal-social.png');margin-top:3px;margin-bottom: 3px;background-repeat: no-repeat;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;}#w2b-share ul li a.facebook {background-position: 0px -0px; }#w2b-share ul li a.facebook:hover {background-position: 0px -65px; }#w2b-share ul li a.twitter {background-position: -66px -0px; }#w2b-share ul li a.twitter:hover {background-position: -66px -65px; }#w2b-share ul li a.flickr {background-position: -131px -0px; }#w2b-share ul li a.flickr:hover {background-position: -131px -65px; }#w2b-share ul li a.google {background-position: -197px -0px; }#w2b-share ul li a.google:hover {background-position: -197px -65px; }#w2b-share ul li a.youtube {background-position: -262px -0px; }#w2b-share ul li a.youtube:hover {background-position: -262px -65px; }#w2b-share ul li a.omnidal {background-position: -327px -0px; }#w2b-share ul li a.omnidal:hover {background-position: -327px -65px; }
ثم ابحث عن : <body> واضف اسفلها الكود التالي :
كود PHP:
<div id='w2b-share'><ul><li><a class='facebook' href='رابط صفحة الفيس' title='اشترك في صفحتي على Facebook'/></li><li><a class='twitter' href='رابط صفحة تويتر' title='تابعني عبر twitter'/></li><li><a class='flickr' href='#' title='تابعني عبر flickr '/></li><li><a class='google' href='رابط صفحة جوجل بلس' title='تابعني عبر google+'/></li><li><a class='youtube' href='رابط قناة اليوتيوب' title='تابع قناتي على اليوتيوب'/></li><li><a class='omnidal' href='رابط نشرة بريدية' title='انضم لأعضاء المدونة'/></li></ul></div>
مع تغيير ما يلزم من روابط لصفحاتك ثم احفظ العمل
__________________
|
|
|