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

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

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

اقرا ايضا :أسهل طريقة لإزالة "الإشتراك في رسائل ATOM"

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

 

اقرا ايضا :جديد تم إضافة نمودج إشترك في خدمة RSS إلى Blogger

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

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

اقرا ايضا :إزالة عبارة "الإشتراك في: الرسائل (Atom)"

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

<a href=http://www.facebook.com/Your-Name-Page onmouseover= "if (document.images) document.facebook.src= 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjP-gHRHgFBd_TuIGexuK8Q01nCvANiaEKGcyGAhbzkYIfzxkL2C6tyqsXfIZFVIQss3Fa9SaTvvs1m3bAKX7ViSNQvaf0_FeAeBI_xnQwQCvO3mQiyOzue4GlLCKMIHqt3WHRipUwAqQiU/s1600/facebook.png';" onmouseout= "if (document.images) document.facebook.src= 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWLC09HuvJPeki7JYUklJHDc4zwf2lbfSFvoWI1nc7IHpjypjDsBYzMt7bNgzBvNDonfVgSBbSuO8c0ozWpWeIOLGVTS_PasEB8IBzPUw37n6yu5ocGnA9jgPeua2BtwyNI_L5-Cpi9Njl/s1600/facebook.png';"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWLC09HuvJPeki7JYUklJHDc4zwf2lbfSFvoWI1nc7IHpjypjDsBYzMt7bNgzBvNDonfVgSBbSuO8c0ozWpWeIOLGVTS_PasEB8IBzPUw37n6yu5ocGnA9jgPeua2BtwyNI_L5-Cpi9Njl/s1600/facebook.png" name="facebook" border="0" width="64" height="82"/></a>

اقرا ايضا :إضافة قائمة بريدية لمدونتك (FeedBurner)

<a href=http://twitter.com/Your-Psodo onmouseover= "if (document.images) document.twitter.src= 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgP02J-6rQlJEHOTySWEVFj6miZ8wOkNWTk_9Mxim4LWwaQVyK3AEbcDkSiyj5m8gDYbRxkXsZIPRrTURAcpqiklX1pj4r9zNiVT0nAcLPffPc8w1TJDMU2OS7Z2btAUFifefS7WKRtVQeu/s320/twitter.png';" onmouseout= "if (document.images) document.twitter.src= 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg78AmPoaImZAaPnAJy5nJgbkZ8JvgKWKShMCYcH-TA1NCIqZxlawEl8EpObcOvdpHC6jHna205u-zACd-jES9D4WaH5DqIlgsSmQbWY56gHjOuV4Uu_AeFJg3PMT66pUAEmk959nctddp6/s1600/twitter.png';"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg78AmPoaImZAaPnAJy5nJgbkZ8JvgKWKShMCYcH-TA1NCIqZxlawEl8EpObcOvdpHC6jHna205u-zACd-jES9D4WaH5DqIlgsSmQbWY56gHjOuV4Uu_AeFJg3PMT66pUAEmk959nctddp6/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/AVvXsEivYWQKCzjEZIi6WfZJTGcgOZ_INd9Gt8n0_yeNu3ZiQqrddI7sd4KyK6dWCkebTDS27dO4WfG-KQzWa07bwr9zFG9hpcCKji-sOMbeKfPDDEeQWteLmHQLPQzfqnu46Yglz1yxGDP-Imfx/s1600/rss.png';" onmouseout= "if (document.images) document.rss.src= 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVb82lyA4bZQrx6FQAk-1m-h87620o832Vzgnd8cxvScf0mcETftBoQwLT-MnmI3vDEBpgErsImW8BxB2AnwPAApUnsBPwnCFm5HTqVR-RAVtkCcIRt9Kik-yTFAxEi-hgmntBk-XRtNG3/s1600/rss.png';"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVb82lyA4bZQrx6FQAk-1m-h87620o832Vzgnd8cxvScf0mcETftBoQwLT-MnmI3vDEBpgErsImW8BxB2AnwPAApUnsBPwnCFm5HTqVR-RAVtkCcIRt9Kik-yTFAxEi-hgmntBk-XRtNG3/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 ثوان لشاركه مع أصدقائك.