معهد خبراء بلوجر - كيفية اضافة اداة المواقع الاجتماعية بشكل خرافى

[CENTER]:

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

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

http://2.bp.blogspot.com/-UOVlKQCYcw...s1600/c1sf.jpg

ناتى للشرح

لا ضافة الاداة ادخل الى تخطيط ثم اضافة اداة ثم اختيار 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