• اخر المشاركات

    كينج نت الدعم الفنى لمدونات بلوجر

    موقع كينج نت الدعم الفنى لمدونات بلوجر ونظم التشغيل الكمبيوتر والانترنت

    السبت، 7 فبراير، 2015

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

    اليوم اتيت لكم بأضافة جديدة اتمنى انها تعجب الجميع وهى خاصية اضافة الاشتراك عبر البريد الالكترونى مع ازرر المشاركات الاجتماعية الشهيرة اهمها الفيس بوك وموقع تويتر وخدمة 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

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

    إرسال تعليق

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

    الربح من الانترنت

    الامن والحماية من الفيروسات

    عالم الكمبيوتر والإنترنت