إضافة أزرار المشارك لمدونتك بشكل جذاب و مميز

إضافة أزرار المشارك لمدونتك بشكل جذاب و مميز


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

بعد أن قدمت لك في تدوينات سابقة أزرار لموقع Twitter و Facebook لمشاركة المواضيع و نشرها فيها. اليوم أقدم لك إضافة ل 3 أزرار رائعة هي Twitter/Facebook/RSS بتقنية رائعة و شكل أروع ستضفي على مدونتك المزيد من الجمال و الرقي و ستشجع زوارك على مشاركة مواضيعك مع من يحبون.

إضافة أزرار المشارك لمدونتك بشكل جذاب و مميز

و لمعاينة الأزرار مرر المواس عليها و ستلاحظ التأثير.

 

view demo


طريقة تركيب الأزرار


الأمر في غاية البساطة قم بالدخول للوحة تحكم المدونة / تصميم / إضافة أداة / Html/Javascript

إدراج الكود

بعد ذالك قوم بلصق الكود التالي في الخانة الخاصة به.

<a href=http://www.facebook.com/Your-Name-Page onmouseover= "if (document.images) document.facebook.src= 'http://1.bp.blogspot.com/-23R7iMQYXos/TcCnWEQwPtI/AAAAAAAADlc/jGPp-_QBi8Y/s1600/facebook.png';" onmouseout= "if (document.images) document.facebook.src= 'http://4.bp.blogspot.com/-OlVAPY5N4DU/TcCr-NGtkrI/AAAAAAAADlw/TYJpdwMUpwU/s1600/facebook.png';"><img src="http://4.bp.blogspot.com/-OlVAPY5N4DU/TcCr-NGtkrI/AAAAAAAADlw/TYJpdwMUpwU/s1600/facebook.png" name="facebook" border="0" width="64" height="82"/></a>
<a href=http://twitter.com/Your-Psodo onmouseover= "if (document.images) document.twitter.src= 'http://2.bp.blogspot.com/-QBSeBdg2pn8/TcCqOfT-6SI/AAAAAAAADlo/ks47LssGaRs/s320/twitter.png';" onmouseout= "if (document.images) document.twitter.src= 'http://2.bp.blogspot.com/-zpBYTS7b0Kw/TcCsDEBdHqI/AAAAAAAADl4/j3TvkL4luC0/s1600/twitter.png';"><img src="http://2.bp.blogspot.com/-zpBYTS7b0Kw/TcCsDEBdHqI/AAAAAAAADl4/j3TvkL4luC0/s1600/twitter.png" name="twitter" border="0" width="64" height="82"/></a>
<a href=http://feeds.feedburner.com/widget-blogger onmouseover= "if (document.images) document.rss.src= 'http://2.bp.blogspot.com/-SJF6UBDPtmU/TcCnWl9-gaI/AAAAAAAADlg/NVgsWS3Kefk/s1600/rss.png';" onmouseout= "if (document.images) document.rss.src= 'http://1.bp.blogspot.com/-34I9Zv8nr0k/TcCsCJjlt3I/AAAAAAAADl0/Hmioi9iUEnU/s1600/rss.png';"><img src="http://1.bp.blogspot.com/-34I9Zv8nr0k/TcCsCJjlt3I/AAAAAAAADl0/Hmioi9iUEnU/s1600/rss.png" name="rss" border="0" width="64" height="82"/></a><br/><a href="http://widget-blogs.blogspot.com" target="_blank"><small>Blog Gadgets</small></a>
بعد ذالك إحفظ الإضافة و انتهى الأمر مبروك عليك.

ملاحظة : الكود عبارة عن Code Html يمكنك وضعه في المكان اللذي تريد داخل المواضيع مثلا كما هو في المثال.

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

هناك 4 تعليقات: