زر Twitter جميل و أنيق

بسم الله الرحمن الرحيم

 

في هذه التدوينة السريعة ساقدم لك إضافة جميلة لزر Twitter تضفي جمالية على ندونتك.

 

 زر Twitter جميل و أنيق

 

هذه افضافة ستكون موجودة على اليمين من المدونة في العلى تقريبا يمكنك ملاحظة الإضافة على الطبيعة قبل تجريبها.

 

view demo

لتركيب الإضافة إتبع التالي:

 

- توجه للوحة التحكم / قالب / تحرير القالب

 

تعديل القالب 1

تعديل القالب 2

- بعد ذالك إبحث عن الوسم التالي

</head>

- ثم أضف الكود فوقه مباشرة

<!--TWITTER-FOLLOW-ME-STARTS-->
<style type='text/css'>
.feedbacktw {
width: 31px;
height: 116px;
display: block;
font-size: 10px;
text-decoration: none;
background-repeat:no-repeat;
background-image:url(http://3.bp.blogspot.com/-CiUbHquwT60/Ti84izh7xUI/AAAAAAAAAJs/FvMuvAPIj0c/s1600/twitter.png);
position:fixed;
top:20%;
right:2px;
}
.feedbacktw:hover {
width: 31px;
height: 116px;
display: block;
text-decoration: none;
background-repeat:no-repeat;
background-image:url(http://3.bp.blogspot.com/-CiUbHquwT60/Ti84izh7xUI/AAAAAAAAAJs/FvMuvAPIj0c/s1600/twitter.png);
position:fixed;
top:20%;
right:10px;
}
</style>
<!--TWITTER-FOLLOW-ME-STOPS-Widget-by-http://widget-blogs.blogspot.com—>

- الأن قم بحفظ القالب

- توجه الأن إلى تخطيط / إضافة أداة

 

إضافة كود للمدونة

- ثم قم بإضافة الكود التالي لتنهي المهمة

<!--FOLLOW-ME-STARTS--><a style="display:scroll;" href="http://twitter.com/your profile" class="feedbacktw"> </a><!--FOLLOW-ME-STOPS—>

قم بتغير ما هو باللون الأحمر بإسمك على موقع Twitter

 

أتمنى أن يكون الموضوع نال إعجابكم.

إذا أعجبك الموضوع فشاركه مع أصدقائك فلن يأخد منك الأمر سوى 5 ثوان :)

هناك تعليقان (2):

  1. السلام عليكم
    يسعدني ان اكون اول من رد على الموضوع اضافة
    رائعة اخي ومتميزة واعجبني شكل الزر مقالاتك شيقة
    تقبل مروري

    ردحذف
  2. @عرب ويب ديازين العفو أخي الكريم

    و مرورك يشرفني و يشرف مدونتي المتواضعة

    ردحذف