اداة انضم الينا بازار التواصل الاجتماعى لبلوجر

By Unknown vendredi 2 septembre 2016

Share Tweet Share Share Email

اهلا بكم في مدونة زازا للمعلوميات اقدم لكم في هذه التدوينة اضافة اداة تبعونا الي بلوجر  بشكل جديد وبتاثير احترافي للبلوجر وتكمن اهمية هذه الاضافة في ابراز شيئ ما او ايصال ملاحظة او تنويه للزائر بشكل افضل الاضافة متجاوبه مع جميع الاجهزة.

شرح التركيب

اولأ توجه الى التخطيط  html/javascript

ثانيأ وضع الكود التالي داخل الاداة

HTML<style>
#HTML7 { background: #EEF3F6; }
#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:#456b8e;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;}
#fanpages a.a-fans:hover{background:#f63f47;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}
#ar1web-fbtw,#ar1web-fbtw-msg{margin:0 auto;text-align:center;padding:0 5px 5px;position:relative;line-height:1.3em}
#ar1web-fbtw-msg:before{content:&quot;تابعنا عبر المواقع الاجتماعية&quot;;font-weight:700;display:table;text-align:center;color:#555;font-size:15px;bottom:0;margin:10px auto}
#subscribebox{background:#456b8e;padding:20px;}
.widget_follow_subscribe .widget-detail{padding:36px 30px 40px}
#subscribebox p{color:#fff;font-size:15px;text-align:center;font-weight:700;font-family: &#39;Noto Sans Kufi Arabic&#39;, sans-serif!important; line-height: 3em;}
.follow-subscribe-social{padding:0 0 14px;border-bottom:#858585 solid 1px}
.follow-subscribe-social ul{list-style:none;margin:0;padding:0;text-align:center}
.follow-subscribe-social ul li{display:inline;margin-left: 20px;border-bottom:none}
.follow-subscribe-social ul li:last-child{margin:0}
.follow-subscribe-social ul li a{font-size:17px;color:#cacaca;-webkit-transition:color .2s ease-in-out;-moz-transition:color .2s ease-in-out;-ms-transition:color .2s ease-in-out;-o-transition:color .2s ease-in-out;transition:color .2s ease-in-out}
.follow-subscribe-social ul li a:hover{color:#fff}
a.subscribe-button{    margin: 0;
    color: #ed3f46;
    padding: 7px 90px;
    z-index: 2;
    font-size: 100%;
    text-transform: uppercase;
    vertical-align: middle;
    transition: all .3s;
    border: 2px solid #FFFFFF;
    font-weight: bold;
    background: rgba(0,0,0,0.5);
    text-shadow: 0 2px 0 rgba(0,0,0,0.15);
    box-shadow: 0 1px 0 rgba(255,255,255,0.34) inset, 0 2px 0 -1px rgba(0,0,0,0.13), 0 3px 0 -1px rgba(19, 18, 18, 0.38), 0 3px 13px -1px rgba(0, 0, 0, 0.08);
    border-radius: 2px;}
a.subscribe-button:hover{background:#fff}
</style>
<div id='fanpages'>
<div class='clear'>

<a class='a-fans' href='https://www.facebook.com/Zazapro.tk' rel='nofollow' target='_blank'> <p>صفحتنا على الفيسبوك</p><span>www.facebook.com/cngk</span></a>

<div id='subscribebox'>
<div class='follow-subscribe-social'>
<ul>
<li><a href='#' target='_blank'><i class='fa fa-facebook'/></a></li>
<li><a href='#' target='_blank'><i class='fa fa-twitter'/></a></li>
<li><a href='#' target='_blank'><i class='fa fa-google'/></a></li>
<li><a href='#' target='_blank'><i class='fa fa-youtube'/></a></li>
<li><a href='#' target='_blank'><i class='fa fa-instagram'/></a></li>
</ul>
</div>
<p>تابع اخر مواضيعنا</p>
<a arget='_blank' class='subscribe-button' href='#' target='_blank'>إنضم إلينا</a>

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