Subcribe to our RSS feeds Join Us on Facebook Join Us on Facebook Join Us on Facebook Follow us on Twitter Add to Circles

اضافة الأشتراك عبر البريد الالكترونى مع ازرر المشاركات الأجتماعية email subscribe box

كينج نت ملك النت | 2/07/2015 |
اليوم اتيت لكم بأضافة جديدة اتمنى انها تعجب الجميع وهى خاصية اضافة الاشتراك عبر البريد الالكترونى مع ازرر المشاركات الاجتماعية الشهيرة اهمها الفيس بوك وموقع تويتر وخدمة 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://lh5.googleusercontent.com/-p2kGnX_gVfI/VNVEiedCaHI/AAAAAAAADP0/WjEtTNjevXQ/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 == &quot;&quot;) {this.value = &quot;Enter email address here&quot;;}" onfocus="if undefinedthis.value == &quot;Enter email address here&quot;) {this.value = &quot;&quot;;}" 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="http://2.bp.blogspot.com/-Q8hDSuiQ4oY/UfP3MWGR4KI/AAAAAAAAAxc/uVUQS9B4gOA/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="http://4.bp.blogspot.com/-EzgBX_HRueU/UfP3N9XacmI/AAAAAAAAAx0/VdVrFJVGGms/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="http://2.bp.blogspot.com/-is8jlQvTrQ8/UfP3Mir4_ZI/AAAAAAAAAxg/Wm3hYEiddAo/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="http://4.bp.blogspot.com/-FlACrdB0NMc/UfP3Mz_pZlI/AAAAAAAAAxs/gVGD99Bi-xs/s1600/btrix-Pinterest-icon.png" /></a></td>
</tr></tbody></table></div></div>
قبل حفظ التغيرات قم بوضع هذه التغييرات :
  • الكود المحدد باللون الاحمر ضع حسابك الشخصى فى Feedburner
  • الكود المحدد باللون الاصفر ضع رابط صفحتك بالفيس بوك
  • الكود المحدد باللون الاخضر ضع لاابط صفحتك باتويتر
  • الكود المحدد باللون السماوى ضع رابط تغذية مدونتك
  • الكود المحدد باللون الاورنج ضع حساب صفحتك بموقع pinterest
الان قم بالضغط على زر الحفظ واذهب الى رئيسية المدونة لتشاهد الاضافة .
اتمنى بأن هذه الاضافة اعجبتكم وانتظرونى باضافة جديدة قريبا .
مصدر هذه الاضافة من موقع : bloggertrix.com

ليست هناك تعليقات :

إرسال تعليق

قال تعالى ( مَا يَلْفِظُ مِن قَوْلٍ إِلا لَدَيْهِ رَقِيبٌ عَتِيدٌ )

الأرشيف