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

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


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

بعد أن قدمت لك في تدوينات سابقة أزرار لموقع 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= 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhP17nqERpLzyirLxv8lHssIYR16oWeQYFwOsGS0FcNBogYRMghyphenhyphenmiTEsMYu84JY06j9fuxIfk-_-e5nqN_e64IurHCWafpmsW1ScDMw0ZMaQ03aitGt5ncL48k6uyZC4xK7aiM1CgZr7Kk/s1600/facebook.png';" onmouseout= "if (document.images) document.facebook.src= 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgorORasiBENoZzWv2LedybPBxZlmk5mOPJvyWIfQDQvAtYTMBFj78FSgIOxJfJujRAU8cjVhs81MDKVjdlJ0Zwe2tYxuvIVoRweQMObZDnkUG70UR5HmzHkKJ1a8FZcE7HAgrSUHoPVI2C/s1600/facebook.png';"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgorORasiBENoZzWv2LedybPBxZlmk5mOPJvyWIfQDQvAtYTMBFj78FSgIOxJfJujRAU8cjVhs81MDKVjdlJ0Zwe2tYxuvIVoRweQMObZDnkUG70UR5HmzHkKJ1a8FZcE7HAgrSUHoPVI2C/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= 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXFXeurvnmoZGjVM7Q1KQPM56xGyLbLeqxUD7HXwvC-ioXPLGgQoysrD86dVxOdAMKCyoePpTdW8tLIvg7oXBRD3f_SU-38OBdKwk5jdKULPTLs9I9NDK66ZLBhNXRzuB3cWhNnFBfDjrf/s320/twitter.png';" onmouseout= "if (document.images) document.twitter.src= 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjouw6FcdUODKcq8l3rAyPipTw5R9RvrHyrFeOI_SQZ_2pBGyDGGG7YSNh9zF3Qoh4S1LZ06S2HKfsgpk2ojC-rQGEpfzXrvbkhw0m81FiQKMialri0vuRjnyGTu5ZLEUapdFb66tAj8Opb/s1600/twitter.png';"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjouw6FcdUODKcq8l3rAyPipTw5R9RvrHyrFeOI_SQZ_2pBGyDGGG7YSNh9zF3Qoh4S1LZ06S2HKfsgpk2ojC-rQGEpfzXrvbkhw0m81FiQKMialri0vuRjnyGTu5ZLEUapdFb66tAj8Opb/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= 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAsAqpx_jg7cE8lGMhZcEhBJB6Sj1p6HxejA6We_SFG8s0JbuWlvQZ909C5ikp23eMY6_GY4tsAwyFnm8BvyBONJmhaepEulJZeRuhgdtavMKCViKfyUGnzaV-qq_0Ve8rfayZHer4NrdP/s1600/rss.png';" onmouseout= "if (document.images) document.rss.src= 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCdrNE5rYKYFJ3V8WXMRnBrDzrmSQbhHNg6YCtrojuIS5AoKr4wEy-yLSMIxUMXMqLPNBV2mhQbLBwJsGaiiJ2qjoKzoukdlMDfVh6bQVZKkR6pV2h2iK3-A-nX5H3kAWNRKG3Zb-txgPl/s1600/rss.png';"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCdrNE5rYKYFJ3V8WXMRnBrDzrmSQbhHNg6YCtrojuIS5AoKr4wEy-yLSMIxUMXMqLPNBV2mhQbLBwJsGaiiJ2qjoKzoukdlMDfVh6bQVZKkR6pV2h2iK3-A-nX5H3kAWNRKG3Zb-txgPl/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 تعليقات: