إضافة هل أعجبك الموضوع...؟ في مدونتك

السلام عليكم و رحمة الله أحبابي أتمنى أن تكونوا بخير
في هذه التدوينة الجميلة سوف نناقش على إضافة أداة جميلة إلى مدونتك ألا و هي **هل أعجبك الموضوع**
و فيها أزرار الإشتراك في المواقع الإجتماعية

إضافة هل أعجبك الموضوع...؟ في مدونتك

ما عليك إلا التوجّه إلى مدونتك ثم إختر قالب 
و بعدها تحرير HTML و ما عليك الضغط
داخل المستطيل ضغطة واحدة
و من ثم من لوحة المفاتيح Ctrl+F 
تذهب إلى المستطيل الصغير و تدرج هذا الكود

<data:post.body/>

ثم ضع أسفله مباشرة هذا الكود

<b:if cond='data:blog.pageType == &quot;item&quot;'> <style> form.emailform{ margin:20px 0 0; display:block; clear:both; } .text{ background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRQR2KvcjVDj5G4wrJAlpwNX1wnyJyC1VIz6sfqmWVGkSDZOOKaKrrFFAuk1Zpci6uN2oC5CBMtolxZwRcbBlQNL85Nr6Ivwcj07Q3A-5ik8f6eTi1YdNISefqzG_KpYbhyphenhyphenweCRZ0B71HD/s28/w2b-mail.png) no-repeat scroll 4px center transparent; padding:7px 15px 7px 35px; color:#666; font-weight:bold; text-decoration:none; border:1px solid #D3D3D3; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 1px 1px 2px #CCC inset; -webkit-box-shadow: 1px 1px 2px #CCC inset; box-shadow: 1px 1px 2px #CCC inset; } .button{ color:#666; font-weight:bold; text-decoration:none; padding:6px 15px; border:1px solid #D3D3D3; cursor: pointer; -moz-border-radius: 4px; -webkit-border-radius: 4px; -goog-ms-border-radius: 4px; border-radius: 4px; background: #fbfbfb; background: -moz-linear-gradient(top, #fbfbfb 0%, #f4f4f4 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#f4f4f4)); background: -webkit-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%); background: -o-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%); background: -ms-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=&#39;#FBFBFB&#39;, endColorstr=&#39;#F4F4F4&#39;,GradientType=0 ); background: linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%); } #doulike-outer { -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; -goog-ms-border-radius: 10px 10px 10px 10px; border-radius: 10px; background: none repeat scroll 0 0 transparent; border: 1px solid #000000; padding: 8px; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; width:480px; } #doulike-outer:hover{ background: none repeat scroll 0 0 #FFF; -moz-box-shadow: 1px 1px 2px #CCC inset; -webkit-box-shadow: 1px 1px 2px #CCC inset; box-shadow: 1px 1px 2px #CCC inset; } #doulike-outer td{ padding:3px 0; } </style> <div id='doulike-outer'> <div id='doulike'> <table width='100%'> <tbody> <span style='font-style: bold; font-size: 30px; font-family: arial,sans-serif, verdana; color:#11958A;'>هل أعجبك الموضوع ...&#1567;</span> <tr> <td> <div id='fb-root'/><script src='https://connect.facebook.net/en_US/all.js#xfbml=1'/><fb:like font='' href='' layout='button_count' send='true' show_faces='false' width='300'/> </td> </tr> <tr> <td align='right'> <p style='color:#666; font-style:normal; margin:0px 0px 5px 0px; '> اشترك معنا و تابع جديد المدونة :) </p> <form action='https://feedburner.google.com/fb/a/mailverify' class='emailform' method='post' onsubmit='window.open(&apos;https://feedburner.google.com/fb/a/mailverify?uri=tntbystc&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' style='margin: 0pt;' target='popupwindow'> <input name='uri' type='hidden' value='norojhony'/> <input name='loc' type='hidden' value='ar'/> <input class='text' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;بريدك الإلكتروني...&quot;;}' onfocus='if (this.value == &quot;بريدك الإلكتروني...&quot;) {this.value = &quot;&quot;}' type='text' value='بريدك الإلكتروني...'/> <input alt='' class='button' title='' type='submit' value='اشترك'/> </form> </td> <td><p style='color:#666; font-style:normal; margin:0px 0px 5px 0px; '>كن من متابعينا </p> <a href='https://feeds.feedburner.com/norojhony' rel='nofollow' target='_blank' title='تابعنا عبر خلاصات المدونة'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhm1_QuHIeSKR2fRq9UnzLX_ODxfHpQcEZ2FxWQGCY91KrEtzsvTsbENCGA04XH-P2OWoxVr9QborK7vZlC1OcOxtRFjJgrmaxqaSXqfK2uUBOtxNIvypssUPepdKzqKiOAmnVAQ_YC9xk/s1600/RSS.png'/></a> <a href='https://twitter.com/norojhony/' rel='nofollow' target='_blank' title='تابعنا عبر تويتر'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilqWPKgUS8g4reb7a7mepeiq_DCDSvSLjKPH28ADN8EITN4V3HF3iD08mOMQx-kgRDYIeMFR-VU9sbjrVD4LV9QtexVI6kVjtYKap9in3zjJ6V6_vxk_9WBf7JU6rztyL3CRHUPNAkSGo/s1600/twitter.png'/></a> <a href='https://www.facebook.com/2Pc.Prof/' rel='nofollow' target='_blank' title='تابعنا عبر صفحتنا على الفايسبوك'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrNxEe4S9EZGklCgMkaCTdyRe-_O91IbsLGmt4Y-sXWcq8cdUsVIW2c0GTlGrWYFO88o0EHOS4XsHkOtlFrznlv2_7EHm53QHLUMLn22Q5JVjxVFQJa1UxVvR7fOL1OvEBeNe_p2Z-E_g/s1600/facebook.png'/></a> </td> </tr> </tbody></table></div></div> </b:if>

غير ما مكتوب الأزرق إلى إسم صفحتك على الفيس بوك
و ما مكتوب باللون الأحمر إلى حسابك على التويتر
و بالنسبة إلى اللون البنفسجي ألى إسم التغذية RSS 
ثمّ قم بحفض القالب 
و مبروك عليك الإضافة
أتمنى أن الفكرة راقت إعجابكم 
أستودعكم في الله و السلام عليكم 
تعليقات



حجم الخط
+
16
-
تباعد السطور
+
2
-