اضافة صندوق الاشتراك بالقائمة البريدية مثل مدونة تعلم الامن المعلوماتي

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

للاضافة نفذ الاتي 

1- اول شيئ اذهب للوحة تحكم بلوجر ثم قالب ثم تحرير  . 
ثم قم بالبحث عن ]]>  واضف قبلة الكود الاتي

.ins{
width: 100%;
height:63px;
margin-top:19px;
}
.ins .txt2 {
border: none;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4DisKl6ZnAR58amV9WM9q-9kYVot5bUdCvts1_bVczL1Kx4vERBlOmrtgLB94uMRoZPt14gBMuhDBQfJCsEvQiTTNY-NHQraG4xSisGeNik6dvKBmxyLVzOf5MJhmtTcqPABuDV_QmwU/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/AVvXsEif6KaWFxqOWFTyrhY80WyPRc0K7KKiohkgSEtLvqmvH969d1Q1RLyfAfrwjgiMJ1_8ziaeKaEzwGwbYBZxqmIQ8sfMkCG49MBwU0rM-AnEw1Vy_89kzK8mZ5VQRLy4BV3IAt3zTIjOv5Y/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/AVvXsEjy9Bm8ktSbVyIVCCW97oRyE1yO9h3SSVOdg8e26h8Ym5ZPNwDnh3y49LpR45j8ZmIapBiwYnpNrCaIrJNq-zxh1V39oLTA5cMm2NmEs2CV1tB-pEE2aF34klKiu48HrIrdh4XcLyXsDLY/s1600/back-sub2.png) center no-repeat;
}

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

       

       

4thepro", "popupwindow", "scrollbars=yes,width=550,height=520"); return true" target="popupwindow">

4thepro" />

غير ما بالأحمر إلى ما يخصك
ثم إعمل حفظ وتمتع بالإضافة
إذا واجهت أي مشاكل يمكن طرحها في تعليق

***********************

***********************

اذا لم تجد المطلوب في الصفحة يمكنك البحث هنا في جوجل للتحويلك الي موضوع اخر

: شارك

Tweet

✚

مواضيع ذات صلة