اليوم اتيت لكم بأضافة جديدة اتمنى انها تعجب الجميع وهى خاصية اضافة الاشتراك عبر البريد الالكترونى مع ازرر المشاركات الاجتماعية الشهيرة اهمها الفيس بوك وموقع تويتر وخدمة RSS والموقع الشهير pinterest هذه الاضافة رايتها بأحدى المدونات الاجنبية وقمت بالتعديل عليها لكى تتناسب مع المدونات العربية . الان جاء دور طريقة تركيب هذه الاضافة بالمدونة .
صورة لشكل الاضافة :
كما تلاحظون شكل الاضافة اعتقد بأنها اكثر من رائعة .
طريقة تركيب الاضافة :
اذهب لوحة التحكم ثم الى التخطيط وقم بأضافة اداء جديدة واختار HTML/JAVA SCRIPT
الان قم باضافة هذا الكود :
<style>قبل حفظ التغيرات قم بوضع هذه التغييرات :
.btrixsocial_box-email{
background:Fff no-repeat 0px 12px ; width:270px;float:center;font-size:1.4em;font-weight:bold;margin:2px 20px 0px 10px;color:#686B6C;
}
.btrixsocial_box-emailsubmit{
background:#0084CE;cursor:pointer; color:#fff; border:none;padding:3px;margin:0 0 0px 0;text-shadow:0 -1px 1px rgbaundefined0,0,0,0.25);
-moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; font:12px sans-serif;
}
.btrixsocial_box-emailsubmit:hover{
background:#E98313;
}
.textarea{
padding:2px; margin:0px 2px 0px 2px; background:#f9f9f9; border:1px solid #ccc; resize:none; box-shadow:inset 1px 1px 1px rgbaundefined0,0,0,0.1);
-moz-box-shadow:inset 1px 1px 1px rgbaundefined0,0,0,0.1); -webkit-box-shadow:inset 1px 1px 1px rgbaundefined0,0,0,0.1); font-size:13px; width:200px; height:20px;color:#666;}
#socialboxbt
{
text-align:center;font-weight:bold;padding:5px;border:1px solid black;width:300px;
-moz-box-shadow: 0px 0px 8px #000000;-webkit-box-shadow: 0px 0px 8px #000000;box-shadow: 0px 0px 8px #000000;}
</style>
<br />
<div id="socialboxbt">
<a href="http://feeds.feedburner.com/kingnt/oESk" imageanchor="1" rel="nofollow" style="float: center; margin-left: .5em; margin-right: 1em;" target="blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWYhuaEoPe_gSbTSubpkp1-G7BrAd9RtWom9BhPcpeN5mSpEwnujPQHK9rGkTYMwfwDcEwEEozdH5h54pE1PLOQ_dCf_qCfa6YzchlbZereFab0H-hR70_fvfsfQ6-_dh-qx_GS7NTTCw/s1600/rss.gif.jpg" /></a>
اضف عنوان البريد الإلكتروني الخاص بك للحصول على اخر المقالات وجديد المدونة
<br />
<div class="btrixsocial_box-email">
<form action="http://feedburner.google.com/fb/a/mailverify" id="feedform" method="post" onsubmit="window.openundefined'http://feedburner.google.com/fb/a/mailverify?uri=kingnt/oESk', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
<input class="textarea" gtbfieldid="3" name="email" onblur="if undefinedthis.value == "") {this.value = "Enter email address here";}" onfocus="if undefinedthis.value == "Enter email address here") {this.value = "";}" type="text" value="أدخل عنوان بريدك هنا..." />
<input name="uri" type="hidden" value="kingnt/oESk" /><input name="loc" type="hidden" value="en_US" />
<input class="btrixsocial_box-emailsubmit" type="submit" value="إرسال" />
</form>
</div>
<style class="text/css">
table
{border-bottom: 0px solid #E6E6E6;float: center;width: 300px;margin:-8px 0 0 0px;}
.subicons
{border-right: 0px solid #E6E6E6;}
.Fadeout {filter:alphaundefinedopacity=100);opacity: 1.0;border:0;
}
.Fadeout:hover{filter:alphaundefinedopacity=80);opacity: 0.8;border:0;
}
</style>
<br /><div class="table"><table>
<tbody><tr>
<td><div class="subicons">
<a class="Fadeout" href="https://www.facebook.com/blog.kingnt" imageanchor="1" rel="nofollow" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEdgL4oeWteKqlMHq-PGpMoLPlffljts7W8AcJjGRBziaz5g5VsgFoT3Bu39cibrdFDubwaToEbU7b7XxO7qLe9CJH2aShyRRj01hgOZXhxRudOoKb77YI7m0jCdU8karI8QojFWg2YOw/s1600/btrix-facebook-icon.png" /></a></div>
</td><td><div class="subicons">
<a class="Fadeout" href="https://twitter.com/kingntblog" imageanchor="1" rel="nofollow" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSfjUeftKRBIuY8j3IHM55BKV_L-acZX1wiOfuXLfI4fDVFKpfreuPhS743K_NxWovLN95kvQ4C5qRNrFmMN_PX5oUVQpT0mPESvPxDZuRhuzQB-P9aJdexCYBLIrnBHwFRhny5FREQrc/s1600/btrix-twitter-icon.png" /></a></div>
</td>
<td><div class="subicons">
<a class="Fadeout" href="http://www.kingnt.com/feeds/posts/default" imageanchor="1" rel="nofollow" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBzFfAFwDnF5njSgoC_CRdkM2QRLnzZE_jOTYLgYYSeOtyH_XTco_RZYJXfFHc1W1zJ1WdzrBOGr3dxlXV9SS8aWdO_H6H_Z-RPB7kt4Wtyy5lPIwIQuVyvXzEGRAn2o9bt599IOkBarU/s1600/btrix-rss-icon.png" /></a></div>
</td>
<td><a class="Fadeout" href="https://pinterest.com/ekramya7zan" imageanchor="1" rel="nofollow" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZUAvmULpHJ803QP9FUGXWSQJ1zzJ9-j5ilanyKs-pNAq6dDsolmv-K4D1TfnXCJVzRo3F_lDF9e2PbttdSEzC4W1P0-s0cyyiMGO2se7-ScQv3D43wcZPB7wk7a05HdSas4bCV2h7c9Y/s1600/btrix-Pinterest-icon.png" /></a></td>
</tr></tbody></table></div></div>
- الكود المحدد باللون الاحمر ضع حسابك الشخصى فى Feedburner
- الكود المحدد باللون الاصفر ضع رابط صفحتك بالفيس بوك
- الكود المحدد باللون الاخضر ضع لاابط صفحتك باتويتر
- الكود المحدد باللون السماوى ضع رابط تغذية مدونتك
- الكود المحدد باللون الاورنج ضع حساب صفحتك بموقع pinterest
اتمنى بأن هذه الاضافة اعجبتكم وانتظرونى باضافة جديدة قريبا .
مصدر هذه الاضافة من موقع : bloggertrix.com