باسم الله الرحمان الرحيم

السلام عليكم و رحمة الله تعالى وبركاته

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

نبدأ الشرح على بركة الله

#طريقة_التركيب.

إذهب إلى لوحة التحكم في بلوجر>التخطيط>إضافة أداة>HTML/Java Script

بعدها قم بنسخ الكود الموجود في الأسفل في المكان المناسب كما هو مبين في الصورة.

الكود:

<div class="widget-content"><center><div class="sub"><h5>ضع إيميلك ليصلك كل جديد عالم المعلوميات</h5><div class="ins"><div id="sleek-subscribe"><form action="http://feedburner.google.com/fb/a/dashboard?id=qp6ohhs18fvhhdr2srqskn4dc0" class="signform" method="post" target="_new"><input class="txt2" name="email" onblur="if (this.value == '') {this.value = 'ضع اميلك هنا';}" onfocus="if (this.value == 'ضع اميلك هنا') {this.value = '';}" value="ضع اميلك هنا" /><input class="btn2" type="submit" value="إشترك الأن " /><br /></form><br /></div><br /></div><br /></div><br /><style>
.sub{
width: 300px;
height: 130px;
background: #fff;
border-bottom: 2px solid #e74c3c;
border-radius: 5px;
}
.sub h5{
color: #34495e;
font: 19px ge_dinar;
margin: 0;
padding: 25px 0 0 0;
text-align: center;
}
.sub .ins{
width:261px;
height:35px;
margin: 12px auto 0;
}
.sub .ins .txt2{
border: 1px solid #E1E1E1;
background: white;
font: 12px Tahoma, Geneva, sans-serif;
color: silver;
padding: 10px 7px 9px 7px;
margin: 0px;
border-radius: 3px;
float: right;
text-align: right;
width: 168px;
}
.sub .ins .btn2{
background: #34495e;
float: left;
border: none;
width: 71px;
font-family: ges;
border-bottom: 2px solid #e74c3c;
height: 33px;
color: #fff;
border-radius: 3px;
cursor: pointer;
margin-top: 1px;
}
.sub .ins .btn2:hover {
background:#e74c3c;
}</style></center></div>

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

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