الجمعة، 15 أغسطس 2014

إضافة الإشتراك عن طريق البريد الإلكتروني بشكل إحترافي لمدونة بلوجر

إضافة الإشتراك عن طريق البريد الإلكتروني بشكل إحترافي لمدونة بلوجر

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


لإضافتها اتبع الخطوات التالية :


1- ادخل الى مدونتك عن طريق الرابط التالي:

http://blogger.com/


2- اذهب الى لوحة التحكم تم اضغط على تخطيط


3- تم اضغط على اضافة أداة ، HTML/JavaScript


ثم الصق الكود التالي:


<!--- Thesis Widget by  mymour.blogspot.com --->
<div class="widget-content">
<div class="lefts">
<h1>إنضم لأكثر من <b>3025</b> متابع للمدونة</h1>
<div class="social"><a rel="nofollow" target="_blank" href="http://feeds.feedburner.com/mymour"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKRJ-qYPAX9pVKfCTiSego4bUuslY5ae67X9hlSP_FtdYqitpUZNAnDhNJBiEoPhN18LRWWtFfuArjFNl7SBJMGUcGtDf5_AlJ4uhs5Nb_JhspIYDnGqDpxqQE_6ETLIvfIj6RhlJt3QQ/s1600/rss.png" /></a>
<a rel="nofollow" target="_blank" href="http://twitter.com/mymour"><img src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOFoeFqfBHhjkCIpePBWvy3fEOsOehk58ctk-oke5GUJvHbGMSkqqPUbVCY9WxhzL54EDgNumikb5IbeSe-alqlwKiU7_5PtcsymIX-uspXvKRX_wXokcNf2P7pW5U3J9poReq7pvzyzc/s1600/tw.png " /></a>
<a rel="nofollow" target="_blank" href="http://www.facebook.com/mymour"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcAv-K0o7w93ptwTVoWkjfwxSo5Kmb7eJSFtqmwwEnP7Q5k5yazh527y9f7TsheMOgRbyhlpob7fVPn5jwneEBj-w_bilqoLePsQMQ4-S3tl1Qg8nqPSn84sJejHQKTiA-bcNVOJricPg/s1600/face.png" /></a>
</div>
<div class="ins"> <center><div id="sleek-subscribe">
<form action="http://feedburner.google.com/fb/a/mailverify?uri=ْ-mymour" method="post" rel="nofollow" target="_new"> <input class="txt2" name="email" onblur="if (this.value == &#39;&#39;) {this.value = &#39;ضع اميلك هنا ليصلك كل جديد&#39;;}" onfocus="if (this.value == &#39;ضع اميلك هنا ليصلك كل جديد&#39;) {this.value = &#39;&#39;;}" value="ضع اميلك هنا ليصلك كل جديد" /><input class="btn2" type="submit" value=" " />
<a href="http://7loll.blogspot.com"></a>
</form>
</div>
 </center>
</div> </div>
<style>
.lefts{
width:300px;
height:182px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJzX9pyoqZAbzpTHhH-hQcVHgbipKAvz9fxy-u4eQMAu-pKzLOPxLmvFu4p4o7jyv9z1_nZBYUuvvtl4HQFpZvO2xUkApvlW3b922aRdxiHiSCYzc8H6ofktOnmVlGzzE26BnF8rnWPjo/s1600/left.png);
}
.lefts h1{
color:#767676;
margin:0;
text-align:center;
font:14px  'DroidKufi-Bold';
padding:10px;
padding-top:20px;
}
.lefts b{
font:18px Arial, Helvetica, sans-serif;
color:#ffc000;
}
.lefts .social{
margin-right:50px;
}
.lefts .social a img{
float:right;
margin-right:20px;
margin-top:8px;
}
.lefts .ins{
width:300px;
height:40px;
float:right;
margin-top:15px;
}
.lefts .ins .txt2{
border:1px solid #e1e1e1;
background:#fff;
border-radius:5px;
font:12px Tahoma, Geneva, sans-serif;
color:#c0c0c0;
padding:6px 7px 7px 7px;
margin:0px;
float:right;
margin:0 20px 0 5px;
text-align:right;
    width: 175px;
}
.lefts .ins .btn2{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiroIO4hodHidGdonz8md7vi_JZjFV4xgbQtY2iD7aFbXcsjfxh9zHcrpG-TVNTsjC-DT8JVh-a3UWjviehjP_AIujTqc105u0besWcFSUtNvd8Fnl4B9wpekBRNZEQRCuLaXkA-MJmlHY/s1600/sub.png);
float:right;
border:none;
width:64px;
height:28px;
cursor:pointer;
}
</style>
</div>

4- الأن قم بتغير ما لون بالأزرق بحساباتك


و أخيرا قم بالضغط على حفظ و مبروك عليك الاضافة.



هل اعجبك الموضوع ؟

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

إرسال تعليق