اداة المتابعة على المواقع الاجتماعية بشكل انيق

السلام عليكم اعزائي الكرام في تدوينة جديدة واضافة جديدة من اضافات بلوجر هذه الاضافة خاصة بالمواقع الاجتماعية الهامة، اقدمها لكم بشكل راقي وانيق

هذه صورة للاضافة:

كود الاضافة:

<center>

<div class="sub">

 <div class="ico">

<center>

 <a target="_blank" href="https://www.facebook.com/pincos3"><img src="http://cdn1.iconfinder.com/data/icons/flat-social-icons-by-lokas-software/32/facebook.png"/></a>







 <a target="_blank" href="https://twitter.com/pincoweb"><img src="http://cdn1.iconfinder.com/data/icons/flat-social-icons-by-lokas-software/32/twitter.png"/></a>







 <a target="_blank" href="http://feeds.feedburner.com/pincoS3"><img src="http://cdn1.iconfinder.com/data/icons/flat-social-icons-by-lokas-software/32/rss.png"/></a>







 <a target="_blank" href="http://www.youtube.com/Pincosecurity"><img src="http://cdn1.iconfinder.com/data/icons/flat-social-icons-by-lokas-software/32/youtube.png"/></a> 







 </center>



 </div>







  <div class="ins">



        <center>



        <div id='sleek-subscribe'>



        <form action='http://feedburner.google.com/fb/a/mailverify' class='signform' method='post' target='_new'>



       



        <input class='txt2' name='email' onblur='if (this.value == &apos;&apos;) {this.value = &apos;ضع اميلك هنا ليصلك كل جديد&apos;;}' onfocus='if (this.value == &apos;ضع اميلك هنا ليصلك كل جديد&apos;) {this.value = &apos;&apos;;}' value='ضع اميلك هنا ليصلك كل جديد'/>



        



        <input class='btn2' type='submit' value=' '/>



        </form>



        </div>



        </center>



    </div>











</div>







<style>



.sub{



 width:250px;



 height: 100px;



}















.sub .ico{



 width:250px;



 height:40px;



 margin-bottom:10px;



}







.sub .ico img {



float: right;



margin: 0 15px;



}



.sub .ico img:hover {



opacity:0.6;



}











.sub .ins{



 width:250px;



 height:40px;



 float:right;



}







.sub .ins .txt2 {



border: 1px solid #E1E1E1;



border-right: 2px solid #E1E1E1;



background: white;



border-radius: 5px 0 0 5px;



font: 12px Tahoma, Geneva, sans-serif;



color: silver;



padding: 7px 7px 8px 7px;



margin: 0px;



float: left;



margin: 0 0px 0 10px;



text-align: right;



width: 160px;



}







.sub .ins .btn2 {



background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYe1_x9NuWZareQneoN_6v3YUtDBunI8znbBthJXhvVo5y5jup-yd3dwKirkvHQbDchYAJrrBvdJn-XM22aFoPBiA0daq7XaPh9KgXCg2LDATRlyQyLpGzoKhINB7wtiGhK9nYBi1POsQ/s1600/sub.png);



float: right;



border: none;



width: 52px;



height: 31px;



cursor: pointer;



margin-right: 11px;



}











</style>



</center>

المصدر