ايقونات التواصل مع الخلاصه والقائمه البريديه معا في شكل واحد

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

اليوم موضوعنا هو كيفيه وضع مواقع التواصل الاجتماعي 

والخلاصه والقائمه البريديه معا في شكل واحد جميل جداكما في الصوره

 الطريقه سهله جدا لاتحتاج الى تعديل في القالب فقط :-

• اذهب الى لوحه التحكم .
• ثم الى تخطيط .
• صثم اضف الكود التي :

<!--- Thesis Widget by  7loll.blogspot.com --->
<div class="widget-content">
<div class="lefts">
<h1>
إنضم لأكثر من <b>3025</b> متابع للمدونة</h1>
<div class="social">
<a href="http://feeds.feedburner.com/blogspot/tYNBJ" rel="nofollow" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWB7tYRpEmCY7sVEAUanHzqKNlfUozCwu_YiBIHpVtF0Qf7bBFx8YJhACQp8tjNgVgFDB3lvEievcNalL0gTrVDdBtUFQSOvFRVV13Gb4_nE9lipP2pZsXSetzpMUMv4ipUOecvUt31Dw/s1600/rss.png" /></a>
<a href="https://twitter.com/alialyaseri5" rel="nofollow" target="_blank"><img src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLrFg_VettGKc8PfOFOTL-vpr6CSf74F-AtZ0sFXZERP0O3YogtvNlh5oEdlnOaMVzK514sKSW1xNw3T-CXUVOiAgKYdhyu6A3GCfJFdmLRe9AQ_j_xpUCNu8hB5Pzzstqyk-CeGUGWJI/s1600/tw.png " /></a>
<a href="https://www.facebook.com/alialjaded?fref=ts" rel="nofollow" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgX6gbKzf1gmYi4nSS_vnddt1a6rGgbtlbSqqb7ZWRkp7Q7XojCandUTi7TYQa-78hwmyiiZ7nzMMG1ggzXzs_KYt8S9Pc9Aiyricc3pq_JDj_bRAnH1HxKsBJLvokt8ObOAsNdExcdjFI/s1600/face.png" /></a>
</div>
<div class="ins">
<center>
<div id="sleek-subscribe">
<form action="http://feedburner.google.com/fb/a/mailverify?uri=nahrelma3refa" method="post" rel="nofollow" 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=" " />
<a href="http://7loll.blogspot.com/"></a>
</form>
</div>
</center>
</div>
</div>
<style>
.lefts{
width:300px;
height:182px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlQUE3ZzbRSUUq1-ehotMut7J-DRF1tNayNip0H0qsKxp9HcH1vG4AG-gRrJ5WMpSzJGwXucInp8ndNpBhLQTyDX_ng0rrkhE3-lx0olap_-Ctq28KGDzwJT1IzVaXl6fLy5CLyH3A7Lc/s1600/left.png);
}
.lefts h1{
color:#767676;
margin:0;
text-align:center;
font:14px  'DroidKufi-Bold';
padding:10px;
padding-top:20px;
}
.lefts b{
font:18px Arial, Helvetica, sans-serif;
color:#575858;
}
.lefts .social{
margin-right:50px;
}
.lefts .social a img{
float:right;
margin-right:20px;
margin-top:8px;
}
.lefts .ins{
width:300px;
height:40px;
float:right;
margin-top:15px;
}
.lefts .ins .txt2{
border:1px solid #e1e1e1;
background:#fff;
border-radius:5px;
font:12px Tahoma, Geneva, sans-serif;
color:#c0c0c0;
padding:6px 7px 7px 7px;
margin:0px;
float:right;
margin:0 20px 0 5px;
text-align:right;
    width: 175px;
}
.lefts .ins .btn2{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgns3a3MwsUIsqLTpDopcAOuVepzFQJDGKkqeNS0hnJEC-u3lymuWnvJxLAv6sdWZyJ9cgZoX1MFtQxQs-6RdYQWR0FzdZ-2q3XYUoFIvydFdb61Lv-Z2byRJ58BBPhqQKUeCJ3rpta0Y/s1600/sub.png);
float:right;
border:none;
width:64px;
height:28px;
cursor:pointer;
}
</style>
</div>

ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

الاحمر العدد .

الوردي تويتر .

الازرق فيسبوك .

والسمائي القائمه .

البنفسجي الخلاصه الفيد.