بسم الله والحمدلله والصلاة والسلام على رسول الله ، الكثير منا يعرف اهمية المواقع الاجتماعيه في نشر المدونات والحصول على زوار منها فاليوم جئت لكم بإضافة ازرار المواقع الاجتماعيه الاضافه جميله جداً و تحوي على فيس بوك Facebook ، تويتر twitter، جوجل بلس google plus، الخلاصات feedburner، واداة الاشتراك عبر البريد Email Subscription
تركيب الاضافة سهل جداً فقط قم بإضافة الكود التالي في اداة HTML/JavaScript
وهذه صوره لمعاينه الاضافه
كود الإضافة
<center>
<div align="center" id="face-alarab-Subscribe-wrapper">
<div id="ig-subscription-optin" style="border: 3px solid #000000; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55AAEE', endColorstr='#003366',GradientType=0 ); width: 250px;">
<h3 id="face-alarab-title-text" style="color: white; font-size: 20px;">
تابعنا لتتوصل بالجديد</h3>
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=face-alarab', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
<a class="social-icons" href="https://facebook.com/blogger.face.alarab"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMn1fAYpZ3tMLP-AUgIc4vLoNA3W8_4LazbQ1YirfiXi7fIFCntDY4gSzvquY0aqS1s4R8HzJvvxbILraGXtu4IwBRtC8qxy-bJANaA_HsCX80Z-BxH4xiM_0eMqUZmQVYeX7z6LLy26wL/s1600/Bloggertrix-facebook.png" /></a>
<a class="social-icons" href="https://twitter.com/face_alarab"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimAqmCdFAGBRodcB3Fas6y6f9qtNYSG9iVJi7tITggJERQArKhzTiKRiayEtkiXKHBT_emcR6rd9Xb2h61unwaPvLZQMQ2V4QTtGUcDC5w6PbrTaEotguwBFB1fAlTbPSyt1my-544LB8C/s1600/bloggertrix-twitter.png" /></a>
<a class="social-icons" href="https://plus.google.com/userId"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1J6imuwKYWzbVnIQQ238QR-VA3D8flElIvEJmxJooHWTMs6nYGIG4R6dka20CYrS6xAhNhBhxitE_akZVVq-9uioXSMjDdvk8E7RAXtczY0SGM61gqKajD5iV25fLVTdCb45O6VwAWEqL/s1600/Bloggertrix-Googleplus.png" /></a>
<a class="social-icons" href="http://www.feedburner.com/face-alarab"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHoNPrg2FtLyf8oZfqySn2_IWB169CO4wROdjPCFnE9y4WVsu1DAlSwGar3GWGL2SzTH3BC8TiZuBNgkBaEsddnR7FC-oWa7qKzatnxzSmjfCwzfjJLwcSn6fMcmRHMSCfZg73wEpm4HXT/s1600/Bloggertrix-Rss.png" /></a>
<input class="email" id="face-alarab_Subscriber_email" name="from" onblur="if(this.value=='')this.value=this.defaultValue;" onfocus="if(this.value==this.defaultValue)this.value='';" style="width: 130px;" type="text" value="ضع بريدك الإلكتروني هنا" /><br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<input name="uri" type="hidden" value="face-alarab" /><input name="loc" type="hidden" value="en_US" /> <input id="digitalhubinc_Submit_Text" style="height: auto; padding: 5px 0;" type="submit" value="إشتراك" /></form>
</div>
</div>
</center>
<style>
a.social-icons {margin-right: 5px; height:40px;width:40px;}
a.social-icons:hover {opacity: .7;filter:alpha(opacity=70); }
#ig-subscription-optin {margin: 0px;padding: 10px;background: #2A6DA9;
background: -moz-linear-gradient(top, #5AE, #036);background: -webkit-gradient(linear, left top, left bottom, from(#5AE), to(#036));height: auto!important;color: white !important;padding: 20px 15px !important;
text-align: center !important;font-family: Georgia, Times, "Times New Roman", serif !important;margin: 10px;margin: 0px;padding: 10px;
margin: 8px 0 0 !important;line-height: 22px;font-family: Georgia, Times, "Times New Roman", serif;padding: 5px;border: none;}#ig-subscription-optin p {margin: 8px 0 0 !important;line-height: 22px;font-family: Georgia, Times, "Times New Roman", serif;
padding: 5px;border: none;}#ig-subscription-optin input.name {
background: white url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUjALGAe0y4vHB2X8X23iz6kFwgCMXte-aw4RQHrB7iOBzCdX-WJTEIrUPULWu3CzljwVUmTs4foXRdYYA-qy0Q-6AQ9wPEUhIXBUnC1gVA4AZXryn5ZDGFo7jBYHb2yqozKY_4ljTal9k/s1600/subscribe-name.png) no-repeat center right;}
#ig-subscription-optin input[type="text"] {border: 1px solid #111 !important;
font-size: 15px !important;margin-bottom: 10px !important;padding: 8px 28px 8px 10px !important;width: 80% !important;height: auto !important;}
#ig-subscription-optin input.email {background: white url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEia2XSsrkmuiA528F_SorU_eWIbBIKvKuDQoCKUuFwyrjXiOZJRWE4Jlw4DQxLtU9tllQh1gd39xPZWfrF17Q6sYrgPBzxtvDojDO6rMI8GuKs-PsN1q5Um8B1kXeVnpCtsew7c8XoMDHBN/s1600/subscribe-email.png) no-repeat center right;}#ig-subscription-optin input {
font-family: Georgia, Times, "Times New Roman", serif;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;box-shadow: 0 2px 2px #111;-moz-box-shadow: 0 2px 2px #111;-webkit-box-shadow: 0 2px 2px #111;margin: 0px;padding: 0px;}#ig-subscription-optin h3 {margin-top: 10px !important;margin-bottom: 8px !important;margin-left: 10px !important;margin-right: 10px !important;
font-weight: bold !important;line-height: 26px !important;letter-spacing: normal;
text-transform: none;text-decoration: none;
text-align: center !important;font-family: Georgia, Times, "Times New Roman", serif;
border: none;padding: 0px !important;float: none;}input:hover[type="submit"] {
background-color: #0094D2;border: 1px solid #0094D2;color: white;text-decoration: none;}input[type="submit"] {background-color: #00A7ED;border: 1px solid #0094D2;
color: white;cursor: pointer;font-family: 'Droid Sans', sans-serif !important;font-size: 13px;font-weight: normal;padding: 5px;text-decoration: none;}input {
color: #333;font-family: 'Droid Sans', sans-serif;}#ig-subscription-optin input[type="submit"] {background: #960E17 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4QCYla-n4jq5FKiUfUzo-yxQFwIYBI8SgrrrwAvsSSL4843cHVduOl3YVQk7bAE9IECoX3pg5kESaEttvwzBhdlwWX83flPMCO-zN_8fH9jldXJBmQy_AUQw9a3mQBfWRhfXLYQpOZumC/s1600/subscribe-red.png) repeat-x top;border: 1px solid #111 !important;color: white;cursor: pointer !important;font-size: 18px !important;font-weight: bold !important;
padding: 6px 0 !important;text-shadow: -1px -1px #3A060A !important;width: 90% !important;height: auto !important;line-height: 24px !important;}
#ig-subscription-optin input[type="submit"]:hover {color: #FFA5A5;}</style>
تنسيق الإضافه
استبدل Blogger.Face.alarab برابط صفحتك على فيس بوك
استبدل face-alarab بمعرف حسابك على فيديا برنر
استبدل face_alarab بإسم حسابك على تويتر
استبدل userId برابط صفحتك على جوجل بلس
هل أعجبك الموضوع ؟
ليست هناك تعليقات: