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

الصفحات

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


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

مشاهد مباشر


 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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCO8Q_o-CSDXEZH48gAF28B35E1dPd1VSC9k-EFQWGiuIOLz7DOSYAHQ7hCyMFymrdRR4qx4laAidPpdVe8X5Mx3xiCBjun3fKOoZf9k8XjPOcCP5-XLinQm26B4-IQALidcYhJiYJOmQ/s320/border.png) repeat scroll 0 0 transparent;
padding: 3px;
}
#bloggerheroe-subscribe-box {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjO0JDlXUO57FTFN5K3vrotGGQado0w9PwU8pvrDvQNdXWcaUmUzgfbaGV9WguQBbLBJ0DF3Qeprlm_QQaaou_fNm4ZDFFTJElX1mE0AymZSWH4NsccLaUPPd3EO75CIN0UioOwxfdFv-g/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrBSL0P29dzsrHhs16birE8xm42OVfoDX2mRBQTiXOyPbiCFAWUeHdtp2YhgcbtSCGYpZ2qOk5XhtAKYCDqXjuXlfEb5njCx7BuISz52Qje0CTfIejBBLAJ3NxJmkx_rTs6ScPOl5r270/s1600/rss.png" /></a></td>
<td><a class="linkopacity" href="http://www.facebook.com/siedabougabal3" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQDfQRHZaETVw8UzBbHEvhe_g2utmlJXmr5UUVDmADEoOrZGh5Tbts4GVWYX9FJCse2b2qEvPvbqwY6dFQuZJV8uL5Ug6vJcFJ6Kbn6ScLs2UFtGqL-lxiiD0ygur8TZmyXZa7aG32tEA/s1600/facebook+logo.png" /></a>
</td>
<td><a class="linkopacity" href="https://twitter.com/omarsied" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaXGnEUR8mJmrXIX7r0TSPhW1GK7EcPzDRgAAdzcWgJl0EZf2SlTLEF-Jt4SrMN3VB3MKh257iczwrr6O3wKR5lNZ1jBtFq-CdfK0ZHZpY3RcNbWrImdEPsCHYr2w7FsLEfUJkJakYQJE/s1600/twitter.png" /></a>
</td>
<td><a class="linkopacity" href="https://plus.google.com/118207094828936742122" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAArDFudFWNuS46nn5nofIBh-SJB0Uqf_0xmR4zsQJLQ4BPZrtp50bwlMMtM6Y8kh-ETGNxVNkW9gDs8YaXHCpfMFRz67yME3NoudWmAM2k3NkuWzyf2j_i6Ag4YdcC2ppE9Ja6Is3YVs/s1600/Google.png" /></a>
</td>
</tr>
</tbody></table>
</center>
</div>
</div>
غير ما فى الكود بحسابك فى جوجل بلس والفيس بوك وغيرة

Comments

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