السلام عليكم ورحمة الله وبركاته.درس اليوم حول كيفية اضافة ازرار روابط المواقع الاجتماعية وهل اعجبك الموضوع واضنم الينا تحت المواضيع.
1-ادهب الى القالب ثم اضغط على ctrl+f ابحث عن <data:post.body/>
2- اضف تحتح الكود
<b:if cond='data:blog.pageType == "item"'> <style> form.emailform{ margin:20px 0 0; display:block; clear:both; } .text{ background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5RC4ZZLMHuYtbt_oaAvDaawvlkrQs9Y32tiBGARsBQfP1jXraSOWTLoXGESERndtDu0BQ1SnHUL2qRhyB5tViB5_hA62kPe-JIY6Qn0kyMzDvNUzodQPkEFTMWq5rE4DgzXp61bZo5kNt/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='#FBFBFB', endColorstr='#F4F4F4',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;'>هل أعجبك الموضوع ...؟</span> <tr> <td> <div id='fb-root'/><script src='http://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='http://feedburner.google.com/fb/a/mailverify' class='emailform' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=tntbystc', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' style='margin: 0pt;' target='popupwindow'> <input name='uri' type='hidden' value='blogspot/ZCvgi'/> <input name='loc' type='hidden' value='ar'/> <input class='text' name='email' onblur='if (this.value == "") {this.value = "بريدك الإلكتروني...";}' onfocus='if (this.value == "بريدك الإلكتروني...") {this.value = ""}' 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='http://feeds.feedburner.com/Zi' rel='nofollow' target='_blank' title='تابعنا عبر خلاصات المدونة'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEht1TEU3sbm9WvpWhrhGJPAw4xL6cBYvdCzIF3NgU3Yx0ng6knPCvOuu9bPPanc4WLJd24KPjdRB_AKM93LhGgpte5BTlDUJ5wkJoHPLwJ9gm6db5tl9UXzDkoTqPy2kyQEPqQRY-MYeYo/s1600/RSS.png'/></a> <a href='http://twitter.com/ss/' rel='nofollow' target='_blank' title='تابعنا عبر تويتر'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxMaV4ZumepGxIRj36PMG_DvrH4f0YlpqXIPpr4XbhayiaCLGTluUAJLQyiI6B_flvoKTCL3Ydnb269W4pM8sOaohg9MsJfQd3I8bEJO_fdWbHmFjXtltbeESh0Fd2aR5ExfYISzWzJRA/s1600/twitter.png'/></a> <a href='http://www.facebook.com/R/' rel='nofollow' target='_blank' title='تابعنا عبر صفحتنا على الفايسبوك'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKDjbVFNOnrhNmRGEPgiefSnTWi3hBv7Ly4sRjbdWIRDOnUfowhTYgMOpIez7__YkM2Inaw7qkMv31yF95IB1MLd6tguX3stEEFkODwRgfAY_dRqtWHKMY1JquUwViQ1lOFRKyO-uL_gw/s1600/facebook.png'/></a> </td> </tr> </tbody></table></div></div>
ملاحظة
غير R الى رابط الفيسبوك الخاص بك
غير SS الى رابط تويتر الخاص بك
2- اضف تحتح الكود
<b:if cond='data:blog.pageType == "item"'> <style> form.emailform{ margin:20px 0 0; display:block; clear:both; } .text{ background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5RC4ZZLMHuYtbt_oaAvDaawvlkrQs9Y32tiBGARsBQfP1jXraSOWTLoXGESERndtDu0BQ1SnHUL2qRhyB5tViB5_hA62kPe-JIY6Qn0kyMzDvNUzodQPkEFTMWq5rE4DgzXp61bZo5kNt/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='#FBFBFB', endColorstr='#F4F4F4',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;'>هل أعجبك الموضوع ...؟</span> <tr> <td> <div id='fb-root'/><script src='http://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='http://feedburner.google.com/fb/a/mailverify' class='emailform' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=tntbystc', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' style='margin: 0pt;' target='popupwindow'> <input name='uri' type='hidden' value='blogspot/ZCvgi'/> <input name='loc' type='hidden' value='ar'/> <input class='text' name='email' onblur='if (this.value == "") {this.value = "بريدك الإلكتروني...";}' onfocus='if (this.value == "بريدك الإلكتروني...") {this.value = ""}' 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='http://feeds.feedburner.com/Zi' rel='nofollow' target='_blank' title='تابعنا عبر خلاصات المدونة'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEht1TEU3sbm9WvpWhrhGJPAw4xL6cBYvdCzIF3NgU3Yx0ng6knPCvOuu9bPPanc4WLJd24KPjdRB_AKM93LhGgpte5BTlDUJ5wkJoHPLwJ9gm6db5tl9UXzDkoTqPy2kyQEPqQRY-MYeYo/s1600/RSS.png'/></a> <a href='http://twitter.com/ss/' rel='nofollow' target='_blank' title='تابعنا عبر تويتر'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxMaV4ZumepGxIRj36PMG_DvrH4f0YlpqXIPpr4XbhayiaCLGTluUAJLQyiI6B_flvoKTCL3Ydnb269W4pM8sOaohg9MsJfQd3I8bEJO_fdWbHmFjXtltbeESh0Fd2aR5ExfYISzWzJRA/s1600/twitter.png'/></a> <a href='http://www.facebook.com/R/' rel='nofollow' target='_blank' title='تابعنا عبر صفحتنا على الفايسبوك'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKDjbVFNOnrhNmRGEPgiefSnTWi3hBv7Ly4sRjbdWIRDOnUfowhTYgMOpIez7__YkM2Inaw7qkMv31yF95IB1MLd6tguX3stEEFkODwRgfAY_dRqtWHKMY1JquUwViQ1lOFRKyO-uL_gw/s1600/facebook.png'/></a> </td> </tr> </tbody></table></div></div>
ملاحظة
غير R الى رابط الفيسبوك الخاص بك
غير SS الى رابط تويتر الخاص بك
غير ZI الى رابط RSS الخاص بك
ليست هناك تعليقات:
إرسال تعليق