حصرياً إضافة أدات طاقم الموقع بشكل إحترافى على شعلة ويب | الأفضل لكم

Unknown 5:54 ص

بسم الله الرحمن الرحيم

اليوم سأقدم لكم أضافة أحترافيه لمدونات بلوجر وهذه الأضافة حصرية

أضافة أدات طاقم الموقع بشكل أحترافى ومنسق لمدونات بلوجر

معى زر متابعة المدونة وهذه الأضافة لاتوجد فى أى مدونة بلوجر

وبها تأثير أحترافى أيضاً وأيضا كود سهل التركيب


لن أطيل عليكم نذهب إلى

أولاً أذهب إلى لوحة التحكم ثم أضف أدات Html\JAVASCKRIPT

  ثم أضف الكود التالى ...

<div class="widget HTML" id="HTML7"> <div class="widget-content"> <style>


a.libya-btn{border:none;cursor:pointer;padding:10px 20px;display:inline-block;margin:15px;text-transform:uppercase;letter-spacing:1px;font-weight:700;outline:0;position:relative;border-radius:3px;-webkit-animation: anim 2s ease-in infinite;animation: anim 2s ease-in infinite;transition:all .3s}


a.libya-btn:after {


content: '';position:absolute;z-index:-1;transition:all .3s;}


a.libya-btn:before{font-family:Fontawesome;font-style:normal;font-weight:400;font-variant:normal}


a.libya-button{background:#4f93c5;color:#fff!important;overflow:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}


a.libya-button:active {background:#4786b5;top:2px;}


a.libya-button span {display:inline-block;width:100%;height:100%;transition:all 0.3s;backface-visibility:hidden;}


a.libya-button:before{position:absolute;height:100%;width:100%;line-height:2.2;font-size:130%;transition:all .3s}


a.libya-button:active:before {color:#fff;}


a.libya-buttona:hover span {-webkit-transform: translateY(300%);-moz-transform: translateY(300%);-ms-transform: translateY(300%);transform: translateY(300%);}


a.libya-buttona:before {left:0;top:-110%;}


a.libya-buttona:hover:before {top:0;}


a.icon-result:before {content: "";}


@-webkit-keyframes anim{5%{-webkit-transform:scale(1.1,.9);transform:scale(1.1,.9)}10%{-webkit-transform:scale(.9,1.1) translateY(-.5rem);transform:scale(.9,1.1) translateY(-.5rem)}15%{-webkit-transform:scale(1);transform:scale(1)}}


@keyframes anim{5%{-webkit-transform:scale(1.1,.9);transform:scale(1.1,.9)}10%{-webkit-transform:scale(.9,1.1) translateY(-.5rem);transform:scale(.9,1.1) translateY(-.5rem)}15%{-webkit-transform:scale(1);transform:scale(1)}}


.socialv3


{width:220px;


}


.bagidua


{


-webkit-column-count: 2;


-moz-column-count: 2;


column-count: 2;


}


 

</style>


<style> #HTML7 { background: URL (http://a.top4top.net/p_852fac1.gif); } #fanpages{padding: 0; position: relative; text-align: center; list-style: none!important; background: #fafafa; border-radius: 4px!important; box-shadow: inset 0 0 0 1px #e8e8e8;} #fanpages p{list-style:none;padding:0;margin:0 0 5px} #fanpages a.a-fans{clear:both;background:#39599a;color:#fff;display:inline-block;font-weight:700;width:100%;max-width:100%;font-size:22px;list-style:none;text-align:center;margin:0 auto;padding:30px 0;border-radius:4px 4px 0 0!important;overflow:hidden;font-family: 'Droid Arabic Naskh',sans-serif;} #fanpages a.a-fans:hover{background:#292929;color:#fff; text-decoration: none!important;} #fanpages a.a-fans p{color:#f1d657!important;display:inline-block} #fanpages a.a-fans:hover p{color:#fff!important} #fanpages a.a-fans span{font-size:13px;font-weight:normal;text-align:center} #libyaw-fbtw,#libyaw-fbtw-msg{margin:0 auto;text-align:center;padding:0 5px 5px;position:relative;line-height:1.3em} #libyaw-fbtw-msg:before{content:"إنضم الينا";font-weight:700;display:table;text-align:center;color:#555;font-size:15px;bottom:0;margin:10px auto} #libyaw-fbtw ul{margin:0 auto;padding:0;text-align:center;margin:0 auto;width:100%} #libyaw-fbtw ul li{display:inline-block;margin:20px 0 0;position:relative} a.libyaw-fbtw-you { float: left; background: #444!important; border: 3px solid #676564!important; } #libyaw-fbtw ul li a{display:inline-block;color:#fff;padding:5px 10px;width:auto;font-weight:700;transition:all .3s} #libyaw-fbtw ul li a.libyaw-fbtw-gp{float:left;background: #CE3838; border: 3px solid #e74c3c;}#libyaw-fbtw ul li a.libyaw-fbtw-tw{float:right;background: #61BBE6; border: 3px solid #5BB0D8;} a.libyaw-fbtw-you:hover {background:#555!important;border-color:#414344!important} #libyaw-fbtw ul li a:hover,a.libyaw-fbtw-you:hover{background:#555;border-color:#414344} </style> <div id="fanpages"> <ul> <a href="#"><img src="http://www.freeiconspng.com/uploads/am-a-19-year-old-multimedia-artist-student-from-manila--21.png" id="img12" style="width: 50px;height: 50px;margin: 24px 0px 0px 0px;border: 3px solid #FFFFFF;border-radius: 33px 33px 33px 33px;position: relative;:" /></a> <a class="g-profile" href="#" rel="author" title="author profile" data-gapiscan="true" data-onload="true" data-gapiattached="true"><img src="https://scontent-cai1-1.xx.fbcdn.net/v/t1.0-9/14089230_681060445384867_6163319696703257419_n.jpg?oh=e05cffac7f31fb885b5b12f5b1a948b0&oe=589B2E8C" id="img12" style="width: 50px;height: 50px;margin: 24px 0px 0px 0px;border: 3px solid #FFFFFF;border-radius: 33px 33px 33px 33px;" /></a> <a href="#"><img src="http://www.freeiconspng.com/uploads/am-a-19-year-old-multimedia-artist-student-from-manila--21.png" id="img12" style="width: 50px;height: 50px;margin: 24px 0px 0px 0px;border: 3px solid #FFFFFF;border-radius: 33px 33px 33px 33px;" /></a> </ul> <div class="clear"> </div> 


<div class="widget-content">


<div style="text-align: center;">


<a class="libya-btn libya-button" href="#" target="_blank">إنضم الينا</a></div>


</div></div></div></div>

وإلى هنا أنتهت تدوينتنا وإللى القاء أنتظرونا 

فى تدوينة أخرى أنشاء الله