الاشتراك بالقائمه البريديه+المشاركه في المواقع الاجتماعيه ( اسفل التدوينه)

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

صورة توضيحيه للاضافه



مثال حي للاضافه 

كيفية اضافة هذه القائمه الى مدوناتكم

     1- من  لوحة التحكم -> قالب -> تحرير HTML -> تابع
     2- خذ نسخه احتياطيه لـ قالب المدونه قبل إجراء أية تغييرات 
     4- قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F)

<data:post.body/>
والصق الكود التالي بعده تمامآ

<!--Social Subscription Box by http://alb33dani.blogspot.com-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>
.tbibox {
background: #fff;
border: 1px solid #ddd;
height: 360px;
margin: 10px auto;
padding: 10px;
width: 572px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.tbisubscribe {
border: 1px solid #D3D3D3;
padding: 8px;
width: 300px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.tbisubscribe:hover {
-moz-box-shadow: inset 1px 1px 10px 1px rgba(249, 215, 126, 1);
-webkit-box-shadow: inset 1px 1px 10px 1px rgba(249, 215, 126, 1);
box-shadow: inset 1px 1px 10px 1px rgba(249, 215, 126, 1);
}
.tbimailbox {
border: 1px solid #D3D3D3;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow: 1px 1px 1px 1px rgba(255, 172, 84, 0.4) inset;
-webkit-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.4) inset;
box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.4) inset;
color: #666;
font: 14px "trebuchet ms", sans-serif;
padding: 7px 15px;
width: 160px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.tbimailbox:hover {
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.tbisubmit {
font: bold 12px Tahoma, Geneva, sans-serif;
font-style: normal;
color: #ffffff;
background: #ff5714;
border: 0px solid #ffffff;
text-shadow: 0px -1px 1px #222222;
box-shadow: 2px 2px 5px #000000;
-moz-box-shadow: 2px 2px 5px #000000;
-webkit-box-shadow: 2px 2px 5px #000000;
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
padding: 8px 15px;
cursor: pointer;
margin: 0 auto;
}
.tbisubmit:active {
cursor: pointer;
position: relative;
top: 2px;
}
.tbisubmit::-moz-focus-inner {
border: 0;
padding: 0;
margin: 0;
}
.tbisharebox {
border: 1px solid #D3D3D3;
margin: -157px 0 0 330px;
padding: 8px;
width: 225px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.tbisharebox:hover {
-moz-box-shadow: 1px 1px 2px #CCC inset;
-webkit-box-shadow: inset 1px 1px 55px 1px rgba(249, 215, 126, 1);
box-shadow: inset 1px 1px 55px 1px rgba(249, 215, 126, 1);
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
</style>
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css' />
<div class='tbibox'>
<div class='tbisubscribe'>
<div style='color: #666666; font-weight: bold; font: 22px Oswald, cursive; margin: 0px 0px 10px 15px;'>اشترك عبر القائمه البريديه ليصلك جديدنا</div>
<div style='margin: 10px 0 0 6px;'>
<form action='http://feedburner.google.com/fb/a/mailverify' class='albaadani'
method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=tntbystc&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true'
style='margin: 0pt;' target='popupwindow'>
<input name='uri' type='hidden' value='albaadani' />
<input name='loc' type='hidden' value='en_US' />
<input class='tbimailbox' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Enter your email...&quot;;}'
onfocus='if (this.value == &quot;Enter your email...&quot;) {this.value = &quot;&quot;}'
type='text' value='ادخل ايميلك هنا...' />
<input alt='' class='tbisubmit' title='' type='submit' value='Subscribe'/>
</form>
</div>
<div style='border: none; color: #666666; font: 22px Oswald, cursive; margin: 25px 0 0 5px;'>Follow us on:</div>
<div style='margin: -32px 0 0 120px;'>
<a href='https://www.facebook.com/alb33dani' target='_blank' title='Join us on Facebook'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZubjMWLUeLlKI7K6fIomFJLKxbmYYImbfpkakqv2KyQatIx1bEpJ6PpPnCiKT0bnG8Jd10jtoQ98kLay7OZ5Xv0Lcev4qTi2AX29HiyW_BFrk_ePv8Ih01MJXh46Pde3SCn78s0-gB48/s32/facebook500.png' alt='facebook'/></a>
<a href='https://twitter.com/albaadani1' rel='nofollow' target='_blank'
title='Follow us on Twitter'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDs932Oaok9T11z35f66dKIyaQCRl7fUdm61U3u5hl8hvitnW6Fxr26gR2DEU7VEKie-qpSb_Jm1pLlUt_N-Vw_YMwKShF7M0ZOfh5aAVj3QI36zrD4v2UrEgldABdeSPrJSZVrLa8fik/s32/twitter.png' alt='twitter'/></a>
<a href='https://plus.google.com/103499777490414306950' rel='nofollow' target='_blank'
title='Follow us on Google+'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhO8Td7I25cwSvdDyF0v4nmU0DuRgopEc-dpXHtmxYGG5IIl6hJY-emeQbx_MPE-evCMRwzcUmkei5zG5Xk7k9dMsBa8sTpSdQevTC9pQCLiLj6lS-dEuGWTP8ZAAd1LxaWL335TxwGW_Q/s32/googleplus-revised.png' alt='gplus'/></a>
<a href='http://pinterest.com/albaadani' rel='nofollow' target='_blank'
title='Follow us on Pinterest'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtO-0WJrd4I-GDd5Rm-obXhUVmAjN8Tp_RPpTnhN6MhyphenhyphenOzhALrVLtt1w7QCo3ghPiu42yXI863V9_sHOLB3xqRxmdmA99bLqwXlFSfTkM0zfHEG76ZGBqqu-A8_yDzEOAj0Lu3kBo93ts/s32/pinterest.png' alt='pinterest'/></a>
<a href='http://feeds.feedburner.com/albaadani' rel='nofollow' target='_blank'
title='Subscribe to RSS'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjsU2Bk3-5AAliAFa6QXdnH29JRc3O_kyslNYxHfXNhVYIVKUiRE8YRTrlGnmMrgyXxnJXQm_uRovHJoLGItt8orRJYrEVMA4W-gfcZla2c_5AMx7Sxb6Cb4ZsT2_Pj2l257lETyTMHc8/s32/rss.png' alt='rss'/></a>
</div>
</div>
<div class='tbisharebox'>
<script type='text/javascript'>
var switchTo5x = true;
</script>
<script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/>
<script type='text/javascript'>
stLight.options({
onhover: false
});
</script>
<div style='margin: 5px 5px;'>
<span class='st_fblike_hcount' displaytext=''></span>
</div>
<div style='margin: -30px -20px 0 0; float: right;'>
<a href='http://twitter.com/share' rel='nofollow' class='twitter-share-button'
expr:data-url='data:post.canonicalUrl' expr:data-text='data:post.title'
data-count='horizontal'  data-lang='en'></a>
<b:if cond='data:post.isFirstPost'>
<script type='text/javascript' src='http://platform.twitter.com/widgets.js'></script>
</b:if>
</div>
<div class='addthis_toolbox addthis_default_style' style='margin: 10px 0 12px 85px;'>
<a class='addthis_counter'></a>
<script type='text/javascript' src='http://s7.addthis.com/js/250/addthis_widget.js'></script>
</div>
<div style='margin: 5px 5px;'>
<su:badge layout='1'></su:badge>
<script type='text/javascript'>
(function () {
var li = document.createElement('script');
li.type = 'text/javascript';
li.async = true;
li.src = ('https:' == document.location.protocol ? 'https:' : 'http:') + '//platform.stumbleupon.com/1/widgets.js';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(li, s);
})();
</script>
</div>
</div>
<div style='float: right; margin: -40px -5px 0 0;'>
<div class='g-plusone' data-size='medium' expr:data-href='data:post.url'></div>
<script type='text/javascript'>
(function () {
var po = document.createElement('script');
po.type = 'text/javascript';
po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(po, s);
})();
</script>
</div>
<div style='margin-top: 20px;'>
<iframe allowTransparency='true' frameborder='0' scrolling='no' src='http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Falb33dani&amp;width=570&amp;colorscheme=light&amp; show_faces=true&amp;stream=false&amp;header=false&amp;height=180'
style='border:none; overflow:hidden; width:570px; height:180px;' />
</div>
</div>
</b:if><!--Social Subscription Box by http://alb33dani.blogspot.com-->

     

الان قم باستبدال ما بالالوان باسماء حساباتك في فيس بوك وتويتر وجوجل وفيدربنر

* استبدل      alb33dani          باسم حسابك في فيس بوك
* استبدل      albaadani          باسم حسابك في فيد برنر
* استبدل      albaadani1        باسم حسابك في تويتر
* استبدل      103499777490414306950  رقم الاي دي الخاص بحسابك في جوجل
* استبدل      alb33dani                باسم حسابك في موقع pinterest     
* استبدل      albaadani          باسم حسابك في فيد برنر(القائمه البريديه)
 

وبالاخير قم بحفظ الاداه ومبروك عليك الاضافه 

اذا كان عندكم اي استفسار او واجهتكم مشكله عند اضافة الاداه يمكنكم وضع تعليق وسيتم الرد عليكم ان شاء الله

 

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

  1. غير معرف25/7/13 00:37

    Howdy would you mind sharing which blog
    platform you're working with? I'm looking to start my own blog in the near future
    but I'm having a tough time selecting between BlogEngine/Wordpress/B2evolution and Drupal. The reason I ask is because your design seems different then most blogs and I'm looking for something
    unique. P.S Sorry for getting off-topic but I had to ask!


    Here is my homepage - what is the best way to lose weight

    ردحذف
  2. في اكثر من اي وحده فيهم ؟

    ردحذف