الجمعة، 16 أغسطس 2013
3:43 ص

اضافة صندوق الاشتراك بالقائمة البريدية في مدونتك سهل جدا

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


للاضافة نفذ ما يلي :

1-  اذهب للوحة تحكم بلوجر ثم قالب ثم تحرير HTML  . 



ثم قم بالبحث عن ]]>  واضف بعدها الكود الاتي

.ins{
width: 100%;
height:63px;
margin-top:19px;
}
.ins .txt2 {
border: none;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnzNCWvSW13BREsE0iJAIHMk5WLFWOPz86yY9s3GuGS_SwVhpDq4b9ryaC6W1plNcWhCyo59sCi_hbOCXr2VxavXs0NSJ1Tmz9PWCp_AIG87DrGAutgnMjDbNRFyNO8XG_2bJ21eHZVG4/s1600/back-sub.png);
font: 13px Tahoma, Geneva, sans-serif;
color: #adadad;
padding: 24px 7px 23px;
float: right;
margin: 0;
text-align: right;
width: 243px;
}
.ins .btn2 {
background: #ffb546 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHo9XZ_iHry4cFK9YjHyu1iV1kibjEF9aT7dPPDtvxMJzMtsYlXeSmfo2QOF6GdEGkh9_X5WT1_OZ1wB4Pfr_4mBvxEvpjk9PiAByQPQ7Ez203lV1wbK6KR2IgCAXECQMM5TDwvGzGDbI/s1600/btn-sub.png) center no-repeat;
float: right;
border: none;
border-right: 3px solid #ffa116;
width: 63px;
height: 63px;
cursor: pointer;
}
.ins .btn2:hover {
background: #ffb546 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-DePsk84vviPnIkkuihKZ5f1FsPQvnKDzjBTrJjN68CC5ijgABJwhQ_nTm5-UJYYE-3nbtcV3oLypHrJ2vU_mewaAkWM_KtK5WZ-SfmsvJXLHMWwd2UU95A8sCrAHPIadPAADf6YS5zk/s1600/back-sub2.png) center no-repeat;
}

2- بعد اضافة الكود السابق توجه الى تخطيط ثم قم باضافة اداة جافا اسكربت واضف الكود 

<div class="ins">
        <center>
        <div id="sleek-subscribe">

<form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open("http://feedburner.google.com/fb/a/mailverify?uri=00internet", "popupwindow", "scrollbars=yes,width=550,height=520"); return true" target="popupwindow">

<input class="follow-by-email-address txt2" name="email" placeholder=" ضع ايميلك هنا ليصلك كل جديد" type="text" />
<input class="follow-by-email-submit btn2" type="submit" value="" />
<input name="uri" type="hidden" value="00internet" />
<input name="loc" type="hidden" value="en_US" />



غير ما كتبته بالأحمر إلى ما يخصك 
ثم قم بحفظ حفظ 
 أي مشكل إطرحه في تعليق

0 التعليقات:

إرسال تعليق