127- أداة اشترك في القائمة البريدية بشكل احترافي وجذاب

السلام عليكم ورحمة الله وبركاته

أحبابي في الله اليوم سوف أشرح لكم
أداة اشترك في القائمة البريدية

تتميز هذه الأداة باحتوائها على اكثر من اداة

فيوجد بها اداة فيس بوك تعرض المشتركين ويوجد بها زر الإعجاب ايضا وعدد المشاركة لهذه التدوينه واكثر اكتشف ذلك بنفسك الفضل كله للأستاذ جلال البعداني

طريقة التركيب: سهلة جدا وبسيطة تابع الخطوات معي بالضبط

خذ نسخة من القالب إحتياطية

- Theme >> Edit HTML - أ- تتوجه إلى لوحة تحكم القالب

- Ctrl + F - ب- تبحث في القالب بواسطة الضغط على

- <data:post.body/> - جـ- تكتب في مربع البحث كلمة

د- وتضع الكود التالي بعد/أسفل الكلمة التي بحثت عنها


<!--أداة اشترك في القائمة البريدية‎-->
<b:if cond='data:blog.pageType == "item"'>
<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('http://feedburner.google.com/fb/a/mailverify?uri=tntbystc', 'popupwindow', 'scrollbars=yes,width=550,height=520');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 == "") {this.value = "Enter your email...";}'
onfocus='if (this.value == "Enter your email...") {this.value = ""}'
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/GeekHamada' target='_blank' title='Join us on Facebook'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh039vAh4FsVRIW-yiIvdckbtN6o9BYDV9VK7RLukzzZsUCknjOp_CoCQQtcVWWnHNboYlpArjBEXsPJ-qvlZ50nn0Db-PWg2S8rDOy-bUQezOarHW7kQS7TbASrB7HObYhWu97IkRqmYE/s32/facebook500.png' alt='facebook'/></a>
<a href='https://twitter.com/GeekHamada' rel='nofollow' target='_blank'
title='Follow us on Twitter'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLt2cCZqWs2ILMZTejWUEG712bnI5x8FAd5uYTair_nj_azn4wveeH_Ue7aP3PjGyq7HiiPd1WV5OjOLjs0ahZ8CgdRY0DH4alEmWSjooY8m3IF5B6IvKc9H3Md6y-BAa2uGkgOraxj_Y/s32/twitter.png' alt='twitter'/></a>
<a href='https://plus.google.com/153499745687414309875' rel='nofollow' target='_blank'
title='Follow us on Google+'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBCMjCieY711pEjTruVItyyfKpF5JMi_c_9CxCnaPPBINGITO8pPUuT4dVK5zo7L1QIJ1kfHjFxm79A7zuae9OTrp4qvXfxV5gL6slM5kbKa6xFzBNDwsxk90F3n1n470Jo6LOQGM_cxA/s32/googleplus-revised.png' alt='gplus'/></a>
<a href='http://pinterest.com/GeekHamada' rel='nofollow' target='_blank'
title='Follow us on Pinterest'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIcnOohOQ381Sx5ocixVGP1ajZhghRD_mO8hLlExoS3NTUHqLHcvBpASIasQzS5FjWZRbnRmN1nsUj5Cyo9l_n5bU-YuSXCjGd7YiBAneu1cKv0dIW_bCVBaqLBjZ_9yuKeuTLiWWRJAk/s32/pinterest.png' alt='pinterest'/></a>
<a href='http://feeds.feedburner.com/GeekHamada' rel='nofollow' target='_blank'
title='Subscribe to RSS'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8zOcaEbatLTWAZ7AykHEYuB2QG51tU3Y7zV2l31ULkT4sdNsI_96DHPESZOx6Q1AEvdXyGrhwV48ABy1weu2mBcE4-cygWFa-uLI7FfrWqqCtMR_oTwu7T_bdjpWtoUgmvyUVu1_fduQ/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%2FGeekHamada&width=570&colorscheme=light& show_faces=true&stream=false&header=false&height=180'
style='border:none; overflow:hidden; width:570px; height:180px;' />
</div>
</div>
</b:if><!--أداة اشترك في القائمة البريدية-->

1- استبدل GeekHamada باســم حساب فيس بوك
2- استبدل GeekHamada باســم حساب فيد برنر
3- استبدل GeekHamada باســم حساب تويتر
4- استبدل 153499745687414309875 رقم الاي دي الخاص بحساب جوجل
5- استبدل GeekHamada باســم حسابك في موقع pinterest
6- استبدل GeekHamada باســم حساب فيد برنر>القائمة البريدية
ز- قم بحفظ القالب

إذا واجهتك مشاكل في التركيب لا تردد في التعليق

مصدر الأكواد

albaadani.com

كيفية المساعدة التي حصلت عليها؟

فظيع

سيئة

حسنا

جيد

عظيم

بقلم : جيك حماده

أنا حماده محمد علي صلاح محب للمعلوميات ومصمم مونتاج وفوتوغرافيا و السلام عليكم ورحمة الله تعالى وبركاته