عرض مشاركة واحدة
قديم 03-21-2014, 08:39 AM   #1
jevara
مدون جديد
 
تاريخ التسجيل: Mar 2014
المشاركات: 4
افتراضي كيفية اضافة اداة المواقع الاجتماعية بشكل خرافى

[CENTER]:
ok:بسم الله الرحمن الرحيم
اليوم اقدم لكم درس من دروسنا المميزة
وهو كيفية اضافة اداة المشاركات الاجتماعية على مدونات بلوجر بشكل خرافى
وافسم لك لن تجدة فى مدونة اخرى الا اذا نقل
وارجوا عند نقلة ذكر ان المصدر عالم التدوين وذكر رابط الموضوع
اسف على اطالتى فى المقدمة

نبداء الشرح
اولا صور الاضافة



ناتى للشرح

لا ضافة الاداة ادخل الى تخطيط ثم اضافة اداة ثم اختيار html

ثم اضف الكود التالى

كود بلغة HTML:
<style>
#Reko24 {
position: fixed;
right: 0;
;
z-index:

top: 180p
x999999; }
.Reko24 {
('http://rasoulallah.net/assets/modules/articles/image/paylas.png');
background-repeat: n
background-image: ur
lo-repeat;
height: 42px;
width: 42px;
top: 10px;
margin-left: auto;
}
.Reko24:hover {
cursor: pointer;
}
kground-pos
.home_page{
background-position: 0px 0px;
}
.facebook {
background-position: 0px -43px;
}
.twitter {
ba
cition: 0px -85px;
}
.youtube {
background-position: 0px -127px;
}
.gplus{
background-position: 0px -169px;
}
:hover {
.join_us{
background-position: 0px -212px;
}
.iphone_android{
background-position: 0px -255px;
}
.home_pag
e background-position: 0px 0px;
}
</style>
<!-- Social Icons -->
<div id="Reko24">
<!-- home -->

<a expr:href="data:blog.homepageUrl"><div class="home_page Reko24"></div></a>


<!-- فيس بوك -->

<a href="رابط الفيسبوك" target="_blank"><div class="facebook Reko24"></div></a>

<!-- تويتر -->
<a href="رابط التويتر" target="_blank"><div class="twitter Reko24"></div></a>

<!-- يوتيوب -->

<a href="رابط صفحة اليوتيوب" target="_blank"><div class="youtube Reko24"></div></a>

<!-- جوجل بلص -->

<a href="رابط صفحة جوجل بلص" target="_blank"><div class="gplus Reko24"></div></a>

<!-- انضم الينا -->

<a href="رابط الانضمام الى المتابعين"><div class="join_us Reko24"></div></a>
<!-- اتصل بنا -->
<a href="رابط صفحة اتصل بنا" target="_blank"><div class="iphone_android Reko24"></div></a>
</div>

<!-- End social icons -->
واذا لم يكن لديك واحدة من هذة الروابط احذفها
انتهى الدرس ارجوا ان اكون افدتكم

اى استفسار اكتة فى تعليق

المصدر:http://3alam-b.blogspot.com/2014/03/blog-post_2741.html

الدعم العربي

jevara غير متواجد حالياً   رد مع اقتباس