القائمة الرئيسية

الصفحات

إضافة أداة الاشتراك عبر البريد مع المواقع الاجتماعية بتقنيه css

السلام عليكم اهلا ومرحبا بكل اعضاء وزوار مدونة بلوجر توب درس اليوم هو عبار عن اضافة جميله جدا الاشتراك فى عبر البريد مع تائثرات جميله جدا والذى يعجب بيها بعض اصحاب المدونات العربية اضافة الاشتراك بالقائمة البريدية بشكل جميل واحترافي 
اضافه بلغة CSS3 و شكل جديد من اشكال الاشتراك عبر القوائم البريدية بالاضافة الى المتابعة في مواقع التواصل الاجتماعي
أنه لمن الضرورى أن يكون لديك فى مدونتك بلوجر أداه تجعل الزائر يشترك فى خدمة الخلاصات للمدونه RSS
أو متابعتك على تويتر Twitter أو الإشتراك فى خدمة التسليم عبر الإيميل حيث يصله كل مواضيعك الجديده فور نشرها على إيميل المشترك مباشرة مع اضافات الفيس بوك وجوجل بلس وغيرة من الاضافات
وسوف نتعلم معاً كيف تضيف صندوق شاركنا فى مدونتك بلوجر بطريقه سهله وشكل رائع شاهد الصوره

,وهذا فيديو على الاضافة

طريقه التركيب


كيفية اضافة الاداة : 
انتقل إلى لوح تحكم مدونتك: 
إختر "تخطيط" 
ثم إضافة أداة .
ثم اختر HTML/Javascript
الآن الصق الكود التالي مع استبدال ما سأذكره :

<style>
#sub_widget {
margin-bottom: 30px;
max-width: 480px;
background: #ddd;
max-height: 400px;
border: 4px ridge green;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius:12px;
margin-top: 20px;}
#sbsr {height:70px;}
#bts {margin: 9px 0 0 15px;;float:center;}
#bts img {border-style: none;}
.gap {margin: auto 2px;}
#pra {float:left; margin:-6px 0 0px 20px;color:#000;font-size:14px;font-family:arial;font-weight:bold;}
.newsletter {height:35px;float:left;margin: 10px 0 60px 0;}
.button {
margin-top: 5px;
 color: #fff;
width:100px;
font-family:arial;
font-weight:bold;
font-size:16px;
text-margin-left:-10px;
background: green;
}
.email {width:250px;
height:25px;
font-size:12px;
text-margin:0 auto;
pading:10px auto;
background:white}
</style>
<div id="sub_widget">
<center><img id="sbsr" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgx0KV3ivIkG19eeT6H1SCJkCQfTo-PvEEYO13O1bxwXwXkD_6fpJ8Shbyyd8h0uxSHwlPdrVzv4wbZPMGfXzqiZzQhyphenhyphenAxqSjwslP0A4acDQm94Swkug7lCafDW1cPEe6MlV2ECLdjynZA5/s734/rss-subscribe.png"/></center>
<center><div class="newsletter">
<form action="http://feedburner.google.com/fb/a/mailverify" class="subscribe-form" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=bilokr', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
<input class="email" name="email" onblur="if (this.value == '') {this.value = 'E-mail';}" onfocus="if (this.value == 'E-mail') {this.value = '';}" type="text" value="الحصول على كافة التحديثات الأخيرة يوميا في علبة الوارد الخاصة بك..." />
<input name="uri" type="hidden" value="bilokr" />
<input name="title" type="hidden" value="bilokr" />
<input name="loc" type="hidden" value="en_IN" />
<input class="button" name="submit" type="submit" value="ارسال" />
</form>
</div>
</center>
<center>
<div id="bts">
<a rel="nofollow" class="gap" href="http://feeds.feedburner.com/bilokr" target="_blank"><img  onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxvHpws1xsosA-0XA-Nc6w9aJsmDp25YN1DgizCGZMLCu43HpdmX0ZpgdPwNzGWeQpOq1lhQ1DwEG6y1QHAiOxj3Ybm10SQv7yVNBzairtHhujMXhhg5QdcA40QX6q8jziNynBeI_Z0mlC/s1600/Rss.png'" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_9aOPrxKEr-_jJrjtI7IT6pdBtQ6B863MjnoPq-elaljLMnWs_vNVYbp-xzUiLz7cfmDB9mVTjf_ld9jkyIjbTz5ZknvWqEVRVygrV1C_auKjJ34vDc4rvuNzo6K9I5VnPdvhE1nfBXI_/s1600/Rss_pressed.png'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxvHpws1xsosA-0XA-Nc6w9aJsmDp25YN1DgizCGZMLCu43HpdmX0ZpgdPwNzGWeQpOq1lhQ1DwEG6y1QHAiOxj3Ybm10SQv7yVNBzairtHhujMXhhg5QdcA40QX6q8jziNynBeI_Z0mlC/s1600/Rss.png" title="Subscribe Via Rss" alt="RSS" /></a>
<a rel="nofollow" class="gap" href="https://plus.google.com/110865034259031094962/" target="_blank"><img  onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgilQU555UfIuYcN6kWOlBfpa0iqHWXQCmgUdoa4Ftw4_aMDTc2RE77cbgav-ShG4f8uOpno1zEShxrno9fvLtwvvhlxhfXLB4ShU7cK2Z37MIkpxthVDBZvp_N2RnpSsbiMHJ9GOR4Wqm4/s1600/Google.png'" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioZnSJ8egzlmWD-1Vq1N8-Bvi15PrrAKfwEqYzf9OP6eXz5Rjq-nlAN8X9D0rn4JiSpGGdy47gN8fqFCZx4dvpuCpgAc-rBPDvZlwifCQN4SHmMH6fG2-Zlz_BrN6EDFP1ZHmxs4rEc1Mi/s1600/Google_pressed.png'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgilQU555UfIuYcN6kWOlBfpa0iqHWXQCmgUdoa4Ftw4_aMDTc2RE77cbgav-ShG4f8uOpno1zEShxrno9fvLtwvvhlxhfXLB4ShU7cK2Z37MIkpxthVDBZvp_N2RnpSsbiMHJ9GOR4Wqm4/s1600/Google.png" title="Follow Us On Google plus" alt="Google" /></a><br/>
<a rel="nofollow" class="gap" href="http://pinterest.com/siedomar/" target="_blank"><img  onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilrw72ryayZSsdWWffuL2XByqxgUfov8CJWSZViJlENCuYRSWHqYQtzN0_O-yDgvWxY5RdY-CMjCVKh8FV28_6SezU5NS8Db5Q1AZ24lwBRAh2rEm5hZfMWiRC9BcWn4ARspa-1_KN7URz/s1600/pinterst.png'" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJQE4mQ6JAIRSI984XGgHDh89_6yyexFxtSpaZ4N6_YGIJeHKXjoyK3SJsSs36il5uF7eSyL7eZwhip_pK4Gi8LX6Dwb0VQmk0os6-Nt8I7t-rKAjPyihyZl18AwreO-jte5mnUTA8VLSN/s1600/pintrest_pressed.png'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilrw72ryayZSsdWWffuL2XByqxgUfov8CJWSZViJlENCuYRSWHqYQtzN0_O-yDgvWxY5RdY-CMjCVKh8FV28_6SezU5NS8Db5Q1AZ24lwBRAh2rEm5hZfMWiRC9BcWn4ARspa-1_KN7URz/s1600/pinterst.png" title="Follow Us On Pinterest" alt="pinterest" /></a>
<a rel="nofollow" class="gap" href="http://www.facebook.com/maysied2013" target="_blank"><img onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTrpW0wzftlyl0ATb2AtxdzwE1sBvObNelqsNIDz7-dsl4tceTCpzrVQhvrM_iRb9PctpsxuBNWur3CNck845CLm8bUEGU_mgF_YD9eFBAT66xkJ-rceVuiDF5aY8Z7waiQKzOT8tjU8qp/s1600/Facebook.png'" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhelaleCczXy4fy-Z1-phxLskcssv8g6h9mD4gTI5UFC5VbYHyiOyka2v94UhlMVZ5aBP68Dh2ZNOMeDmhaBOvdQ-feDqO-gzAlTpOCCGK8OO-IJOYYgXyxqsOEE5AyHBgbcb4cgqgcvTGU/s1600/Facebook_Pressed.png'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTrpW0wzftlyl0ATb2AtxdzwE1sBvObNelqsNIDz7-dsl4tceTCpzrVQhvrM_iRb9PctpsxuBNWur3CNck845CLm8bUEGU_mgF_YD9eFBAT66xkJ-rceVuiDF5aY8Z7waiQKzOT8tjU8qp/s1600/Facebook.png" title="Like Us On Facebook" alt="Facebook" /></a>
<a rel="nofollow" class="gap" href="http://www.twitter.com/omarsied" target="_blank"><img onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEji-WzaTrmnRPQ2xaJjZPKm2EqYPKn_jvhw95mDwltD-W2XGUIoLUcWoy8BDO_UuUXDmOl-M8yBdk9XiQLKl0dyFyYWeYBbMJAoNnFbBFzJyNmEAkdY0hnvwZfCTc8vj_Kp6ONZ8lrRYxvv/s1600/Twitter.png'" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1K2JbS16fjpFTaUd6BhgsZ7WOYItfdsyAjppdyH7fZbVZ9EFyV-PRT3LK-YxV0J4OmHmxFTW4cpTe2rCUDyW0XJORI3fQ_W6V4XGvYkn-hCaELdt16kkEjBsyJv4gyGdo-NOWrJCYpsJl/s1600/Twitter_Pressed.png'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEji-WzaTrmnRPQ2xaJjZPKm2EqYPKn_jvhw95mDwltD-W2XGUIoLUcWoy8BDO_UuUXDmOl-M8yBdk9XiQLKl0dyFyYWeYBbMJAoNnFbBFzJyNmEAkdY0hnvwZfCTc8vj_Kp6ONZ8lrRYxvv/s1600/Twitter.png" title="Follow Us On Twitter" alt="Twitter" /></a></div></center></div>


يجب استبدال التالي : 

قم باستبدلmaysied2013باسم حسابك في فيس بوك .
قم باستبدلbilokrباسم حسابك في فيد برنر .
قم باستبدل omarsied باسم حسابك في تويتر .
قم باستبدل 110865034259031094962 رقم الاي دي الخاص بحسابك في جوجل .
قم باستبدل siedomar باسم حسابك فى  بينتيريست.
وبالاخير قم بحفظ الاداه ومبروك عليك الاضافه 
اذا كان عندكم اي استفسار او واجهتكم مشكله عند اضافة الاداه يمكنكم وضع تعليق وسيتم الرد عليكم ان شاء الله.

Commentaires

التنقل السريع
    -->