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

أفضل المواضيع
  • قالب كن مهووس v3
  • أحدث وأضخم باتشات PES 2010 لعام 2016 باخر الانتقالات والاضافات الرهيبة
  • قالبي تدوين وماتلاين المدفوعين على بيكاليكا {تحديث}
  • قالب مدونة نكهة الاصلى مجانا بدون مشاكل
  • Stronghold Crusader 2 The Templar and The Duke-CODEX
  • هذه هي كافة أجهزة سوني التي ستدعم تحديث الأندرويد "مارشميلو 6.0" الجديد
  • تشغيل نت مجانى على خط فودافون
  • اضافة واجهة احترافية v2
  • اضافة صفحة الخطا v2
  • قالب كن مهووس v2 مجانا
نشر في
اداة انضم الينا بازار التواصل الاجتماعى لبلوجر
كتب بواسطة
عدد التعليقات
0 التعليقات

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

شرح التركيب

اولأ توجه الى التخطيط  html/javascript
ثانيأ وضع الكود التالي داخل الاداة
<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/cngk' 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>

يسعدنا تفاعلكم بالتعليق، لكن يرجى مراعاة الشروط التالية لضمان نشر التعليق
1-أن يكون التعليق خاص بمحتوى التدوينة
2-أن لا تضع أي روابط خارجية
3-لاضافة كود حوله اولا بمحول الاكواد
4-أي سؤال خارج محتوى التدوينة يرجى التواصل معنا عبر صفحتنا


محول الاكواد الابتسامات





اخبار الهواتف الذكيه
    فريق العمل

    Milad Shenouda

    Front-End Developer

    السيد ابراهيم

    مدير الموقع ومصمم فوتوشوب

    انضم الينا

    مدون محترف

    انضم الينا

    مدون محترف

    اعجب بصفحتنا على الفيسبوك
    ماذا تنتظر !!!
    أنضم الى اعضاء مدونة
    كن مهووس | هوسنا هو سر ابداعنا
    تابعنا الان على تويتر
    فنحن الافضل

    جميع الحقوق محفوظة

    كن مهووس

    2018

    تكويد وتطوير