السلام عليكم ورحمة الله وبركاته ...
اعضاء مدونة الربح عبر الانترنيت اهلا و سهلا بكم . .. اليوم سأقدم لكم موضمع خاص بالمدونين وهو كيف يمكننا إضافة صنوق الاشتراك بالقائمة البريدية .. مثل مدونة الربح عبر الانترنيت ..علما ان هده الاضافة مهمة جدا و هي جميلة جدا وشكلها بسيط . يتناسب مع معظم المدونات.
للاضافة نفذ ما يلي :
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;
}
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;
}
<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 التعليقات:
إرسال تعليق