شرح تركيب صندوق الإشتراك عبر البريد الالكترونى لمدونات بلوجر
1- لابد اولا ان تشترك فى خدم جوجل لخلاصات المواقع أو Google FeedBurner وبالطبع الاشتراك بها مهم جدا لإن كل طلبات الاشتراك بالبريد لمدونتك ستعتمد اعتمادا كليا على تفعيل موقعك بها. لكى يتم ارسال أى موضوع جديد يتم نشرة بمدونتك مباشرة للمشترك دون تدخل منك. وبالتالى تعمل هذه على مد الثقه بينك وبين الزوار المشتركين وكذلك معاودة المشتركين للزيارة مره اخرى لموقعك ممايقلل من معدل الإرتداد بموقعك . ويرفع من قيمته لدى محركات البحث.
![]() |
تحميل سكربت صنوق الاشتراك لمدونات بلوجر |
2- للإشتراك أدخل على Google FeedBurner وستظهر لك قائمة بمواقعك وستجد موقعك موجود بالفعل هناك . ولكن يحتاج الى بعض التعديلات البسيطه لضمان وصول الموضوعات بمدونتك للمشترك بطريقة سليمة.
3- بعد الدخول للموقع ستظهر لك واجهة الموقع على سبيل المثال كالشكل التالى :
4- إضغط على اسم الموقع الخاص بك من القائمة ، وانا هنا اخترت اسم مدونتى إتعلم التقنيه ستظهر لك صفحه شبيهه كمابالصورة التالية.
5- اتبع الخطوات بالترتيب كما بالصورة بالضغط على Puplicize من القائمة العلوية ستظهر لك قائمة جانبية إضغط فيها على Email Subscriptions ستظهر لك قائمة يمينا أنزل بالاسفل وإضغط على Active او تفعيل.
![]() |
طريقة الأشتراك فى جوجل فيدبورنر Google feedburner |
6- من خلال الصفحة السابقه انت هنا فعلت ايميلك وفعلت الFeed الخاصة بمدونتك.
7- مايهمنا الآن هو الكود المظلل باللون الأصفر وسيكون لديك شبيها به أبقى على هذه الصفحة وانتقل الآن لتركيب صندوق الإشتراك عبر البريد الالكترونى لمدونات بلوجر.
طريقة التركيب:
من خلال التخطيط بمدونتك اختر إضافة اداة من السايدبار ثم أختر اداة HTML/JavaScript والصق بها الكود التالى
- <style type="text/css"> .hbzsignup-form { background: transparent url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvgXPT1FcQAfFGDcnArGUtR8HQes6G7ttCjXCI3uflz8kw5nXQHQYwLSa2gavWtDbn824OZldNSyWmJeVKW88whSvyr1HzZAARz2SnA4ZrrbtoQNrJsOAttjwjDZ4mOEc8OXOeY7IqUSWU/s1600/Email-bg.jpg") no-repeat scroll center center / 250px 150px; height: 150px; width: 250px; margin: 10px auto 60px auto; } .hbzform-inner p { text-align: center; color: #fff; padding: 10px; font: bold 18px "trebuchet MS","Tahoma"; } .hbzemailform { margin: 120px auto 5px; width: 215px; } #hbzemailbox { background: #FEFEFE none repeat scroll 0% 0%; border: medium none; font: 12px/12px "HelveticaNeue",Helvetica,Arial,sans-serif; box-shadow: 0px 0px 4px rgb(207, 207, 207) inset, 1px 1px 1px rgb(186, 186, 186); padding: 7px; box-sizing: content-box; height: 15px; width: 100%; } #hbzemailbutton { background: transparent linear-gradient(to bottom, rgb(202, 48, 40) 0%, rgb(235, 88, 78) 100%) repeat scroll 0% 0%; box-shadow: 0px 0px 2px rgb(182, 37, 32) inset; border: medium none; color: #FFF; cursor: pointer; font: 13px/13px "HelveticaNeue",Helvetica,Arial,sans-serif; padding: 6px; border-radius: 5px; height: 27px; width: 231px; margin-top: 10px; } #hbzemailbutton:hover { background: transparent linear-gradient(to bottom, #CA3028 0%, #B72420 100%) repeat scroll 0% 0%; } .hbzsocial-icons { margin-top: 111px; overflow: hidden; display: block; text-align: center; } .hbzsocial-icons ul { display: inline-block; margin: 0 auto !important; text-align: center; padding: 0px } .hbzsocial-icons ul li { background: transparent !important; border: none !important; float: left; list-style-type: none !important; margin: 0 4px 10px !important; padding: 0 !important; } .hbzsocial-icons ul li::before, .hbzsocial-icons ul li::after { display: none !important; } .hbzsocial-icons ul li a, .hbzsocial-icons ul li a:hover { background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgA3Dl4W0103c0SiMktQpk5OWpk40Rn5bA0MPX7RATJOslUXQCLgZh32ANoZz2yiEqmEpYjnDAvydsASY1DMsbwheMQlGm3vMfGEMvsJ-eKExteZ7zrxaayPV3gh5gKXRt4mNr4cU2Qgtpf/s1600/sprite_32x32.png") no-repeat scroll 0 0; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; display: block; height: 38px; overflow: hidden; text-indent: -999px; transition: all 0.25s linear 0s; width: 38px; } .hbzsocial-icons ul li.social-facebook a { background-color: #3b5998; background-position: -60px 3px; } .hbzsocial-icons ul li.social-twitter a { background-color: #00aced; background-position: -253px 3px; } .hbzsocial-icons ul li.social-pinterest a { background-color: #cb2027; background-position: -157px 3px; } .hbzsocial-icons ul li.social-rss a { background-color: #F87E12; background-position: -189px 3px; } .hbzsocial-icons ul li a:hover { background-color: #333; } .hbzsocial-like { display: block; text-align: center; } .hbzsocial-like tbody, .hbzsocial-like tbody tr { display: block; } .hbzfb-likes { display: inline-block; padding-bottom: 15px; margin-right: 5px; } .hbztw-follow { display: inline } </style> <div> <div class='hbzsignup-form'> <div class='hbzform-inner'> <p>إشترك ليصلك جديد المواضيع.</p> </div> <div class='hbzemailform'> <form action='https://feedburner.google.com/fb/a/mailverify' id='subscribe' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=ataalm/heHR', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'> <input name='uri' type='hidden' value='[feedborner ID]'/> <input name='loc' type='hidden' value='en_US'/> <input id='hbzemailbox' name='email' required='' type='text' placeholder='أدخل البريد الالكتروني...'/> <input id='hbzemailbutton' title='' type='submit' value='إشترك'/> </form> </div> </div> <div class="hbzsocial-icons"> <ul> <li class="social-facebook"><a href=https://www.facebook.com/profile.php?id=100003105951058&ref=bookmarks target="_blank" title="Facebook">Facebook</a></li> <li class="social-twitter"><a href="https://twitter.com/ataalmtk" target="_blank" title="Twitter">Twitter</a></li> <li class="social-pinterest"><a href="https://www.pinterest.com/ataalmtech/" target="_blank" title="Pinterest">Pinterest</a></li> <li class="social-rss"><a href=http://feeds.feedburner.com/ataalm/hehr target="_blank" title="RSS">RSS</a></li> </ul> </div></div>
وقم بتغيير الكلمات الاتيه بالكود الخاص بك, التغيير يشمل الكلمة كاملة بالأقواس وليس مابداخل الأقواس فقط بالكود.
[FeedBorner ID] غيره بـ ID للفيد برونر (الذي حددناه سابقا باللون الأصفر).
[Fb url] غيره برابط صفحتك الخاصة بالمدونة او الشخصيةعلى الفيسبوك.
[Twitter url] رابط حسابك على تويتر.
[Pinterest url] رابط حسابك على Pinterest.
[RSS url] غيره برابط RSS وهو الخاص بالفيد برنر الخاص بمدونتك.
[Twitter Username] غيره باسم مستخدم حسابك على التويتر.
[Fb url] غيره برابط صفحتك الخاصة بالمدونة او الشخصيةعلى الفيسبوك.
[Twitter url] رابط حسابك على تويتر.
[Pinterest url] رابط حسابك على Pinterest.
[RSS url] غيره برابط RSS وهو الخاص بالفيد برنر الخاص بمدونتك.
[Twitter Username] غيره باسم مستخدم حسابك على التويتر.
الخلاصة .....
وجود الدعوه لتسجيل الإشتراك بمدونتك من قبل الزوار مهم جدا لتبنى قاعده عريضه من المتابعين لمواضيع مدونتك. فلاتهملها.
جوجل يبنى تقدم اى موقع على الزوار التى تتردد بصفه مستمره على موقعك ، مما يعطى انطباع جيد لدى محركات البحث بنجاح تجربة المستخدم لهذا الموقع. وبالتالى توليه اهميه فى نتائج البحث.
تعليقات
إرسال تعليق