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

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

 

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

 

 

 

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

 

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

 

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

 

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

</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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0lmJ97rNNxcqjhJlcSvfvpX6meP6WSe9mkEvPJTB2JWMlVK10nQeytsv0DCnrhOCO0r4HhIQuVxxgodwQQyelegEN2WSSykKb_mI2D0UDbUH9aOqrn0xlpTUV20XeckRMcQgfuMEOWb8S/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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0lmJ97rNNxcqjhJlcSvfvpX6meP6WSe9mkEvPJTB2JWMlVK10nQeytsv0DCnrhOCO0r4HhIQuVxxgodwQQyelegEN2WSSykKb_mI2D0UDbUH9aOqrn0xlpTUV20XeckRMcQgfuMEOWb8S/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 ثوان :)