اعلان

صفحة خطأ ):
الصفحة التي تبحث/ي عنها غير موجودة

يمكنك محاولة كتابة كلمة البحث مضبوطه أو الضغط على الزر التالي للعودة للرئيسية

الرئيسية

29‏/8‏/2013

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


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

مشاهد مباشر


 CTRL Fابحث عن الكود التالى : <data:post.body/>

ثم اضف تحته مباشر الكود التالى

<h2 class="title" style="font-weight: normal;">
<b><span style="font-size: medium;">الاشتراك في المدونه  اليوم! تلقي آخر تعليمي عبر البريد الإلكتروني!</span></b></h2>
<style type="text/css">
#bloggerheroe-subscribe-wrapper {
background: url(http://3.bp.blogspot.com/-aODT1aPqGbk/UVWexY1iIYI/AAAAAAAABNw/Ish68tnLhy0/s320/border.png) repeat scroll 0 0 transparent;
padding: 3px;
}
#bloggerheroe-subscribe-box {
background: url(http://4.bp.blogspot.com/-bOXD6-VgQKo/UVWemXW75-I/AAAAAAAABNo/tA09_6CqBYk/s320/bg.png) repeat scroll 0 0 #F7F7F7;
border-radius: 15px;
padding:5px;
overflow: hidden;
}
a.linkopacity img {
filter:alpha(opacity=75);
-moz-opacity: 0.5;
opacity: 0.5;
-khtml-opacity: 0.5;
-webkit-transition:All .5s ease;
-moz-transition:All .5s ease;
-ms-transition:All .5s ease;
-o-transition:All .5s ease;
transition:All .5s ease;
padding: 3px;
border: 1px solid #999;
}
a.linkopacity:hover img {
filter:alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
-khtml-opacity: 1;
-moz-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.44);
-webkit-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.44);
box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.44);
}
#bloggerheroe-subscribe-box:hover table {
    top: 0;
}
#bloggerheroe-subscribe-box h1{
margin-top: 5px;
color: black;
font-family: arial;
font-size: 15px;
margin-bottom: 5px;
line-height: 14px;
font-weight: bold;
text-align: center;
letter-spacing: -1px;
}
#bloggerheroe-subscribe-box table {
position: relative;
top: 40px;
-webkit-transition:All .5s ease;
-moz-transition:All .5s ease;
-ms-transition:All .5s ease;
-o-transition:All .5s ease;
transition:All .5s ease;
margin-bottom: 0px;
}
#bloggerheroe-subscribe-box td {
padding: 2px;
}
#bloggerheroe-subscribe-box input{
background: white;
border: medium none;
font-size: 12px;
padding: 10px;
width: 150px;
color: #666;
font-family: arial;
margin-bottom: 3px;
width: 55%;
}
#bloggerheroe-subscribe-box input:focus{outline:none;}
#bloggerheroe-subscribe-box .submit{
background: #E73827;
color: #fff;
cursor: pointer;
font-weight: bold;
text-shadow: 0 1px 2px black;
width: 90px;
font-family: arial;
margin-left: -3px;
font-size: 14px;
}
</style>
<br />
<div id="bloggerheroe-subscribe-wrapper">
<div id="bloggerheroe-subscribe-box">
<form action="http://feedburner.google.com/fb/a/mailverify" 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">
<center>
<input name="email" onblur="if (this.value == &quot;&quot;) {this.value = &quot;enter your email address...&quot;;}" onfocus="if (this.value == &quot;enter your email address...&quot;) {this.value = &quot;&quot;}" size="20" type="text" value="enter your email address..." />
<input name="uri" type="hidden" value="bloggerheroe" />
<input name="loc" type="hidden" value="en_us" />
<input class="submit" type="submit" value="subscribe" /></center>
</form>
<center>
<table>
<tbody>
<tr><td><a class="linkopacity" href="http://feeds.feedburner.com/bilokr" target="_blank"><img src="http://3.bp.blogspot.com/-bL0ZrYeR_10/UVWeD1FEJgI/AAAAAAAABNU/sJ2wAKbZdOs/s1600/rss.png" /></a></td>
<td><a class="linkopacity" href="http://www.facebook.com/siedabougabal3" target="_blank"><img src="http://1.bp.blogspot.com/-e1Gl9tsqQ6w/UVWeD8e7lhI/AAAAAAAABNM/1wM80rp3n1E/s1600/facebook+logo.png" /></a>
</td>
<td><a class="linkopacity" href="https://twitter.com/omarsied" target="_blank"><img src="http://4.bp.blogspot.com/-yQkh7bVmpwg/UVWeEjAmuLI/AAAAAAAABNg/sUT-BLXGEqM/s1600/twitter.png" /></a>
</td>
<td><a class="linkopacity" href="https://plus.google.com/118207094828936742122" target="_blank"><img border="0" src="http://4.bp.blogspot.com/-macQB4GW5lw/UVWeDt184XI/AAAAAAAABNI/_Ioo5xZegwQ/s1600/Google.png" /></a>
</td>
</tr>
</tbody></table>
</center>
</div>
</div>
غير ما فى الكود بحسابك فى جوجل بلس والفيس بوك وغيرة

ليست هناك تعليقات:

يمنع نشر التعليقات ذات الروابط الدعائية أو تعليقات بإسلوب غير لائق أو التى تحتوى على معلومات شخصية كالبريد الإلكترونى
أعتذر عن الرد على طلبات التوزيع لضيق الوقت أو التبادل الإعلانى

لتصلك إشعارات ردود هذا الموضوع على البريد الإلكترونى أضف علامة بالمربع بجوار كلمة "إعلامى"

جميع الحقوق محفوظة لــ بلوجر توب ©