اضافة الاشتراك في القائمه البريديه على شكل نافذه انيقة الشكل

السلام عليكم ورحمة الله وبركاته , اليوم مع تدوينه واضافه سريعه وهامه بنفس الوقت وهي اضافة القائمه البريديه لمدونة بلوجر واتاحة الفرصه للزوار كى يشتركو فيها ليصلهم جديد ما يتم نشره في المدونه , الاضافه في الاساس معروفة لمستخدمي الورد بريس وتم تحويلها لكى تتلائم مع مدونات بلوجر ولرؤية مثال حى على الاضافه قم بزيارة الرابط التالي من هنا  . فقط كل ماعليك هو الدخول الى لوحة تحكم بلوجر ثم الوصول الي القالب وندخل الى وضع تحرير HTML ثم نبحث عن</head> ونضيف قبلها مباشرة الكود التالي 
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/>
  بعد حفظ القالب نتجه صوب التخطيط ونقوم باضافة اداة جديده من نوع جافا سكربت ونضع بها الكود الموجود في نهاية تلك التدوينه وقبل حفظ الاداه يجب مراعاة استبدال المتغيرات التاليه بما يتناسب مع مدونتك
نبحث داخل الكود عن كلمة tqarobweblog ونقوم باستبدالها بمعرف حسابك على موقع فيدبرنر . ثم نبحث عن تلك الجمله (
اشترك في القائمه البريديه تصلك المواضيع الجديده فور نشرها على بريدك مباشرة) . ونقوم باستبدالها باي جمله تناسب مدونتك . واخيرا نبحث عن (  تابع مدونة تقارب ) واستبدلها بما ترغب فيه .. ثم تقوم بحفظ الاداه ولا تضع لها اسما . بالتوفيق للجميع.
<style type="text/css">
/*<![CDATA[*/
    #w2bfollowSubscribe {background-color: #464646;width: 220px;color: #fff;position: fixed;z-index: 999999;right: 10px;bottom: 0;}
    .followOpened {-webkit-border-radius: 2px 0 0;-moz-border-radius: 2px 0 0;border-radius: 2px 0 0;-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);}
    .w2bfollowButton {background: #464646;color: #CCC !important;font-size: 13px;line-height: 28px;padding: 0 10px;text-decoration: none;position: absolute;top: -28px;right: 0;display: block;-webkit-box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.2);box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.2);-webkit-border-radius: 2px 2px 0 0;-moz-border-radius: 2px 2px 0 0;border-radius: 2px 2px 0 0;height: 28px;}
    .w2bfollowButton span {background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1zgTKkcB1nj-giiu2UQmwP_qp8QbedmZKzzKsEvgLgQb3CbClYnSO5z6goSCcDtjgj5Ryu6tKdhri6VHhZnc-XGu0o4LI2bVDfmEh5sXIaW2gE6U9_vhpe9HkrohLmyzsR14WNXD1XDrZ/s1600/follow-w2b.png") no-repeat scroll 0 3px transparent;padding-left: 15px;}
    .w2bfollowButton:hover,.followActive {color: #fff !important;}
    .w2bfollowButton:hover span,.followActive span {background-position: 0 -37px !important;}
    .followactive {background-color: #333;}
    .w2bfollowForm {padding: 15px;}
    .w2bfollowForm h3 {font-size: 18px;margin: 0 0 10px;font-weight: normal;}
    .w2bfollowForm p {margin: 0 0 10px;}
    .w2bfollowForm .emailInput {width: 95%;padding: 2px 4px;margin: 0 auto;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;font-size: 15px;border: 1px solid #444;color: #888;display: block;clear: both;}
    .w2bfollowForm form {text-align: center;}
    .w2bfollowForm .emailInput:focus {color: #000;border-color: #000;}
    .w2bfollowForm .emailSubmit {cursor:pointer;padding: 2px 20px;background: #333;background: -webkit-linear-gradient(top, #333 0%, #111 100%);background: -moz-linear-gradient(top, #333 0%, #111 100%);background: -o-linear-gradient(top, #333 0%, #111 100%);background: -ms-linear-gradient(top, #333 0%, #111 100%);background: linear-gradient(top, #333 0%, #111 100%);color: #ccc;text-shadow: 0 1px 0 #000;border: 1px solid #282828;-webkit-border-radius: 11px;-moz-border-radius: 11px;border-radius: 11px;-webkit-box-shadow: inset 0 1px 0 #444;-moz-box-shadow: inset 0 1px 0 #444;box-shadow: inset 0 1px 0 #444;text-decoration: none;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;-o-transition: all 0.25s ease-in-out;-ms-transition: all 0.25s ease-in-out;transition: all 0.25s ease-in-out;margin: 1em 0 1em 0;}
    .emailSubmit:hover {background: #222;background: -webkit-linear-gradient(top, #333 0%, #222 100%);background: -moz-linear-gradient(top, #333 0%, #222 100%);background: -o-linear-gradient(top, #333 0%, #222 100%);background: -ms-linear-gradient(top, #333 0%, #222 100%);background: linear-gradient(top, #333 0%, #222 100%);color: #fff;-webkit-box-shadow: inset 0 1px 0 #4f4f4f;-moz-box-shadow: inset 0 1px 0 #4f4f4f;box-shadow: inset 0 1px 0 #4f4f4f;text-decoration: none;}
    .emailSubmit:active {background: #111;background: -webkit-linear-gradient(top, #111 0%, #222 100%);background: -moz-linear-gradient(top, #111 0%, #222 100%);background: -o-linear-gradient(top, #111 0%, #222 100%);background: -ms-linear-gradient(top, #111 0%, #222 100%);background: linear-gradient(top, #111 0%, #222 100%);color: #aaa;-webkit-box-shadow: inset 0 -1px 0 #333;-moz-box-shadow: inset 0 -1px 0 #333;box-shadow: inset 0 -1px 0 #333;text-decoration: none;}
    .w2bFollowFooter {text-align: center;font: normal 11px "Helvetica Neue", sans-serif;padding: 7px 0;margin: 0 0 -15px !important;border-top: 1px solid #3c3c3c;}
    .w2bFollowFooter a {color: #aaa;text-shadow: 0 1px 0 #262626;background: none;text-decoration: none;}
    .w2bFollowFooter a:hover {color: #fff;background: none;}
/*]]>*/
</style>
<script type="text/javascript">
/*<![CDATA[*/
;(function(w2b){w2b(document).ready(function(){w2b.extend(w2b.easing,{easeOutCubic:function(x,t,b,c,d){return c*((t=t/d-1)*t*t+1)+b}});var followBox=w2b("#w2bfollowSubscribe");var followHeight="-"+followBox.outerHeight()+"px";followBox.hide().css({bottom:"-500px"});setTimeout(function(){followBox.show().animate({bottom:followHeight})},500);w2b(".w2bfollowButton").click(function(e){if(followBox.hasClass("followOpened")){w2b(this).removeClass("followActive");followBox.removeClass("followOpened").stop().animate({bottom:followHeight},{duration:300,easing:"easeOutCubic"})}else{w2b(this).addClass("followActive");followBox.addClass("followOpened").stop().animate({bottom:"0"},{duration:500,easing:"easeOutCubic"})}e.preventDefault()})})})(jQuery);
/*]]>*/
</script>
<div id="w2bfollowSubscribe" style="display:none;">
    <div class="w2bfollowForm">
        <a class="w2bfollowButton" href="#" title="Follow"><span>Follow</span></a>
        <h3>تابع "مدونة تقارب"</h3>
        <p>اشترك في القائمه البريديه تصلك المواضيع الجديده فور نشرها على بريدك مباشرة</p>
        <form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=tqarobweblog', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
            <input type="text" class="emailInput" name="email" placeholder="Enter Your Email..."/>
            <input type="hidden" value="tqarobweblog" name="uri"/>
            <input type="hidden" name="loc" value="en_US"/>
            <input type="submit" value="إشتركــ" class="emailSubmit"/>
        </form>
        <p class="w2bFollowFooter">
            <a href="http://feedburner.google.com" target="_blank">Delivered by FeedBurner</a>
        </p>
    </div>
</div>


أصدقاء(تطوير ويب)
تعليقات Facebook
10تعليقات Blogger

10 عدد التعليقات على موضوع اضافة الاشتراك في القائمه البريديه على شكل نافذه انيقة الشكل

برق الشوق يقول...

عوااافي ابو حميد كانت موجودهـ عندي بس بعد تغييرك القالب اصبحت غير ضاهر للزوار ايضاً كيف معرفة عدد المشتركين في النشرهـ البريدية

tqarb يقول...

الله يعافيك اخي الغالي , لا تقلق ساضيفها لمدونتك مره اخرى , بالنسبه لمعرفة عددالمشتركين فهي تتم من خلال كود يتم وضعه في المدونه وتلك الاداه ليس فيها تلك الخاصيه ولكن الكود نفسه يمكن وضعه في اداه جافا سكربت جديده غير اني لا اجد انه مفيد في شئ ونصيحتي لك التي اود ان تاخذها بعين الاعتبار هي عدم الاكثار من الاكواد التي لا تفيد فهي تسبب ثقل في التصفح وتعيق عناكب البحث في نفس الوقت.

Zainab Mahmoud يقول...

إضافة جميلة ، جزاك الله خيرا ، أنا مدونة جديدة ، أريد رأيك في مدونتي من ناحية التصميم والإضافات لو ممكن ؟
http://quraneiat.blogspot.com/
وإذا كان هذا إعلان لا تنشر الموقع ولكن اعطني رأيك
وشكرا

tqarb يقول...

بالعكس اخي العزيز مجال مدونتك يشرفني وضع رابط له عندي لعل وعسى انال ثواب من ينتل اليه من عندي. بالنسبه لتصميم مدونتك اعتد انه مناسب لمحتوى اسلامي ولكن لا ارى اي اضافات سوى اضافة الشات والتي اراها ليست ذات اهميه للمدونه . ركز على ما تقدمه للناس ولا تلهي الانظار عن التركيز في ما تكتب وتنشر فهذا يضر بالمدونه ولا يفيدها . اكتب موضوعات دينيه فيها ترغيب من حيث العنوان تشد الزائر للضغط عليه ومشاهدة محتواه لكن الشات يجعل زوارك ينشغلون مع بعضهم البعض وينسون المدونه وهمنا الاساسي المدونه ونشرها .

Zainab Mahmoud يقول...

شكرا على النصائح والزيارة ، وبالفعل كنت أفكر في حذف الشات ، أما إضافة مواضيع جذابة فقد خصصت تبويب ( أمتي أمتي ) و ( من هنا وهناك ) لنشر بعض المواضيع المختلفة عن المجال اﻷساسي للمدونة ، ولا تبعد عن الدين واﻷمة . أسأل الله أن يتقبل منا ومنكم صالح اﻷعمال. آمين

tqarb يقول...

لا شكر على واجب اخي الكريم . وساكون من متابعي مدونتك باذن الله تعالى .تمنياتي لك وللمدونه بالتوفيق في مشواركم التدويني .

Admin يقول...

بماذا أغير كلمة tqarobweblog
أين معرف حسابي على موقع فيدبرنر

tqarb يقول...

اخي هل لا تعرف موقع فيدبرنر ان لم تكن تعرفه اخبرني احضر لك شرح سريع لطريقة الاشتراك فيه والحصول على معرف حساب له

Zein يقول...

السلام عليكم اخي الكريم مشكور على مواضيعك الجميله
جزاك الله خيرا .
لقد قمت بتثبيت هذه الاضافة على مدونتي
http://computer-w1.blogspot.com
لاكن كلما يضع احد بريده الاكتروني تأتيه هذه الرسالة:
The feed does not have subscriptions by email enabled
ارجوا منك مساعدتي ولك مني اطيب التحيات

popoflop يقول...

اضافه رائعة بالتوفيق ان شاء الله تحياتى
http://www.mzarita.com

إرسال تعليق

التعليقات متاحه لمستخدمي حساب جوجل فقط.ولاضافة كود: أستعن بهذه الأداة السريعة Encode/HTML .