<<{ كل ما هو جديد في عالم تكنولوجيا تجده هنا مجاناً }>>

Banner 468


Browse my-tech1.blogspot.com now in many languages

.

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

-
zakaria mohamed

do_you_like_this_story 
طريقة إضافة أداة ( هل أعجبك الموضوع…؟ ) لمدونة البلوجر  تحتوي هاته الأداة على خاصية الإشتراك عبر البريد الإلكتروني و زري النشر و الإعجاب من الفايسبوك و كذلك حسابك على الشبكات الإجتماعية ( الفايسبوك – تويتر ) بالإضافة إلى خلاصة المواضيع, لقد عدلت على هاته الأداة و خصصتها لتناسب المدونات العربية. يمكنك مشاهدة مثال مباشر للأداة أسفل هاته التدوينة, ولإضافتها إلى مدونتك يجب عليك اتباع الخطوات التالية : 

اتجه إلى لوحة التحكم في مدونتك => اختر تصميم => ثم تحرير HTML. هذا بالنسبة لواجهة البلوجر القديمة.
أما بالنسبة لواجهة البلوجر الجديدة فتوجه إلى => لوحة التحكم في مدونتك => ثم قالب=> بعد ذلك اختر تحرير HTML => ثم اضغط على متابعة.
قم بتوسيع القالب.
وابحث عن الكود التالي : <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/AVvXsEjTDMBR2VAoYcUiZkMYKJAOawn0QUuTIqb8wK2AHtR44EACRfcHqT0ldU-3jg4BjW-gFZvj_58cHlm2WNq03QNc-9LHVuHxgWGdda35QpJNGRN9marZVBkGqLqe2BZ1Kl2EmHJgFCW-DhpP/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='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(&apos;http://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=my-tech1'/>
<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='http://feeds.feedburner.com/my-tech1' rel='nofollow' target='_blank' title='تابعنا عبر خلاصات المدونة'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlfZ0_50rJ4F3N0x0zb88uL_VcFZD0mjQlUMdKPZpkM9lF2z-sERM1mkQJZ8bqmf5SjDnHxgcDKlzduihuPze1MS2LSFgwkUgPm_66ixKYsbl7ovShi_pf51eTFsf9PobzKh9WWzKs5Vo/s1600/RSS.png'/></a>
<a href='http://twitter.com/zakaria09' rel='nofollow' target='_blank' title='تابعنا عبر تويتر'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaJwaQnoEdtG2ZLZt7iizksy5xoyab7Bx_HewgyISaLsGv2iA72hJ4dV-xY4V7Pmm1HL6ZvC918FVXdDI_fRbe54hIGuib1Ckk4I-4NL7TmxI2CZAD67Sc4dfVUHD7wUtgSUIIBWvIxf4/s1600/twitter.png'/></a>
<a href='http://www.facebook.com/mytechno.one' rel='nofollow' target='_blank' title='تابعنا عبر صفحتنا على الفايسبوك'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjik4RHdD2_q5ikPNLGZIM3l7460TmfhcGrk0L1mvPCXKclZ6-n764GbdGNRe_f0a0chkFm-QuOv4wMCOAOm6cVe_0H3xMBRdsNqebXORqAPmYnzmo0WSz-a90X0BRkt3GzhtPK-nf5SJA/s1600/facebook.png'/></a>
</td>
</tr>
</tbody></table></div></div>
</b:if>
التعديل على الكود :
mytechno.one : اسم صفحتك على الفايسبوك.
zakaria09 : الإسم الخاص بك على تويتر.
my-tech1 : الإسم الخاص برابط التغدية.

إذا واجهتكم أي مشكلة فلا تترددو في طرحها لنجد لها حلا بإذن الله 

روابط هذه التدوينة قابلة للنسخ واللصق
URL
HTML
BBCode
هل أعجبك الموضوع ...؟

اشترك معنا و تابع جديد المدونة :)

كن من متابعينا

اترك تعليقك . تعليقاتـكم تهـمونا أرجو الإدلاء برأيكم في التعليقات

.
_______________________________________________________
_______________________________________________________