اضافة All In One لمدونات بلوجر

السلام عليكم متابعي مدونة سمور الكرام ... اليوم نقدم لكم اضافة All In One الاحترافية لمدونات بلوجر وهي عبارة عن اضافة بسيطة تضم مجموعة من الاضافات الاجتماعية كصندوق الاعجاب على فيس بوك و اداة المتابعة على تويتر و صندوق الاشتراك في القائمة البريدية و المزيد .. ومن مميزاتها انها خفيفة التحميل بحيث لاتؤثر على سرعة تحميل المدونة كما تمتاز بتنسيق ممتاز .




شرح تركيب الاضافة

نتوجه الى لوحة التحكم >> التخطيط >> اضافة اداة >> جافا سكريب ونلصق الكود التالي :

<style type="text/css">

#share-box-0 {

 width:300px;

 overflow:hidden;

}

#share-box-0 .gplusone {

 background-color:#f5fcfe;

 border:1px solid #d8e6eb;

 border-top:1px solid #FFF;

 font-size:.87em;

 color:#000;

 line-height:24px;

 padding:9px 0 0 11px;

        text-align: center;

}

#share-box-0 .gplusone span {

 display:inline-block;

 vertical-align:middle;

 height:20px;

 margin-top:-17px;

}

#share-box-0 .fb-like-box {

 border: 1px solid #dcdcdc;

        padding: 8px 0px 9px 0px;

        margin: 0 auto;

        background: #fff;

}

#share-box-0 .twitter-follow {

 background-color:#eef9fd;

 border:1px solid #c7dbe2;

 border-top:0;

        text-align: center;

}

#share-box-0 .twitter-follow iframe {

 margin:9px 11px;

}

#other-social-bar {

    background-color: #D8E6EB;

    border: 1px solid #B6D0DA;

    box-shadow: 0 1px 1px #FFFFFF inset;

    font-family: "Arial","Helvetica",sans-serif;

    font-weight: bold;

    overflow: hidden;

    padding: 0;

}

#other-social-bar ul {

    list-style: none outside none;

    padding-left: 4px;

}

#other-social-bar .other-follow {

    color: #1E598E;

    text-align: center;

    height: 16px;

    overflow: hidden;

    padding: 10px 10px 7px;

    width: 270px;

}

#other-social-bar .other-follow ul {

    list-style: none outside none;

    padding-left: 4px;

}

#other-social-bar .other-follow li {

    border: 0 none;

    display: inline;

    font-size: 12px;

    font-weight: bold;

    text-shadow: 1px 1px white;

}

#other-social-bar .other-follow li a {

    color: #1E598E;

    display: inline;

    font-size: 12px;

    font-weight: bold;

    text-shadow: 1px 1px white;

}

#other-social-bar .other-follow li.my-rss {

    background: url(http://4.bp.blogspot.com/-3ZR8uAHB8QY/T-MLyuLqG4I/AAAAAAAAFxw/Zxk86OIXwJM/s000/rss-16x16.png) no-repeat scroll 0 0 transparent;

    line-height: 1;

    margin-bottom: 0;

    padding: 0 3px 1px 20px;

    width: 60px;

}

#other-social-bar .other-follow li.my-gplus {

 background: url(http://2.bp.blogspot.com/-oV5JSdsA2Sw/T-MLyxNI7PI/AAAAAAAAFx4/rVvTQjUpjCE/s000/gplus-16x16.png) no-repeat transparent;

 line-height: 1;

 width: 60px;

 padding: 0px 3px 1px 20px;

 margin-bottom:0px;

}

#other-social-bar .other-follow li.my-youtube {

 background: url(http://www.kuwaitcma.org/templates/images/youtube.png) no-repeat transparent;

 line-height: 1;

 width: 60px;

 padding: 0px 3px 1px 20px;

 margin-bottom:0px;

}

#email-news-subscribe .email-box {

 padding: 10px 10px;

 font-family: "Arial","Helvetica",sans-serif;

 border-top: 0;

 border-right: 1px solid #C7DBE2;

 border-left: 1px solid #C7DBE2;

 border-image: initial;

        text-align: center;

}

#email-news-subscribe .email-box input.email {

 background:#FFFFFF;

 border: 1px solid #dedede;

 color: #999;

 padding: 7px 10px 8px 10px;

 -moz-border-radius: 3px;

 -webkit-border-radius: 3px;

 -o-border-radius: 3px;

 -ms-border-radius: 3px;

 -khtml-border-radius: 3px;

 border-radius: 3px;

 border-image: initial;

 font: 10px droidkufi-bold,tahoma;

}

#email-news-subscribe .email-box input.email:focus {

 color:#333

}

#email-news-subscribe .email-box input.subscribe {

 background: -moz-linear-gradient(center top,#FFCA00 0,#FF9B00 100%);

 background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#FFCA00),color-stop(1,#FF9B00));

 background: -moz-linear-gradient(center top,#FFCA00 0,#FF9B00 100%);

 -pie-background: linear-gradient(270deg,#ffca00,#ff9b00);

 font-family: "Arial","Helvetica",sans-serif;

 border-radius:3px;

 -moz-border-radius:3px;

 -webkit-border-radius:3px;

 border:1px solid #cc7c00;

 color:white;

 text-shadow:#d08d00 1px 1px 0;

 padding:7px 14px;

 margin-left:3px;

 font-weight:bold;

 font-size:12px;

 cursor:pointer;

 border-image: initial;

        font: 10px droidkufi-bold;

}

#email-news-subscribe .email-box input.subscribe:hover {

 background: #ff9b00;

 background-image:-moz-linear-gradient(top,#ffda4d,#ff9b00);

 background-image:-webkit-gradient(linear,left top,left bottom,from(#ffda4d),to(#ff9b00));

 filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ffffff,endColorStr=#ebebeb);

 outline:0;-moz-box-shadow:0 0 3px #999;

 -webkit-box-shadow:0 0 3px #999;

 box-shadow:0 0 3px #999

 background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#ffda4d),color-stop(1,#ff9b00));

 background:-moz-linear-gradient(center top,#ffda4d 0,#ff9b00 100%);

 -pie-background:linear-gradient(270deg,#ffda4d,#ff9b00);

 border-radius:3px;

 -moz-border-radius:3px;

 -webkit-border-radius:3px;

 border:1px solid #cc7c00;

 color:#FFFFFF;

 text-shadow:#d08d00 1px 1px 0;

        font: 10px droidkufi-bold;

}

</style>

<div id="share-box-0">

<!--div class="g-plus" data-href="https://plus.google.com/112902034741937106481" data-size="smallbadge"></div-->

    <div class="fb-like-box">

      <iframe scrolling="no" style="border-width: initial; border-color: initial; overflow-x: hidden; overflow-y: hidden; width: 286px; height: 66px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; " title="Like this content on Facebook." class="fb_ltr" src="http://www.facebook.com/plugins/like.php?api_key=116628718381794&amp;channel_url=http%3A%2F%2Fstatic.ak.fbcdn.net%2Fconnect%2Fxd_proxy.php%3Fversion%3D3%23cb%3Df3ad0f9634%26origin%3Dhttp%253A%252F%252Fbtemplates.com%252Ff10c01d874%26relation%3Dparent.parent%26transport%3Dpostmessage&amp;extended_social_context=false&amp;href=http%3A%2F%2Ffacebook.com%2Fsmmor.blog&amp;layout=standard&amp;locale=en_US&amp;node_type=link&amp;sdk=joey&amp;show_faces=true&amp;width=286"></iframe>

    </div>

    <div class="gplusone">

      <div id="___plusone_0" style="text-indent: 0px; margin: 0px; padding: 0px; background-color: transparent; border-style: none; float: none; line-height: normal; font-size: 1px; vertical-align: baseline; display: inline-block; width: 90px; height: 20px; background-position: initial initial; background-repeat: initial initial;"><iframe frameborder="0" hspace="0" marginheight="0" marginwidth="0" scrolling="no" style="position: static; top: 0px; width: 90px; margin: 0px; border-style: none; left: 0px; visibility: visible; height: 20px;" tabindex="0" vspace="0" width="100%" id="I0_1401374802604" name="I0_1401374802604" src="https://apis.google.com/u/0/_/+1/fastbutton?usegapi=1&amp;size=medium&amp;count=true&amp;hl=en&amp;origin=http%3A%2F%2Fevander-btemplates.blogspot.com&amp;url=http%3A%2F%2Fbtemplates.com%2F&amp;gsrc=3p&amp;ic=1&amp;jsh=m%3B%2F_%2Fscs%2Fapps-static%2F_%2Fjs%2Fk%3Doz.gapi.ar.-UDxEXC1pcE.O%2Fm%3D__features__%2Fam%3DAQ%2Frt%3Dj%2Fd%3D1%2Fz%3Dzcms%2Frs%3DAItRSTMThOO7O8Io7TtzU1gsrg-ba871eA#_methods=onPlusOne%2C_ready%2C_close%2C_open%2C_resizeMe%2C_renderstart%2Concircled%2Cdrefresh%2Cerefresh%2Conload&amp;id=I0_1401374802604&amp;parent=http%3A%2F%2Fevander-btemplates.blogspot.com&amp;pfname=&amp;rpctoken=14435199" data-gapiattached="true" title="+1"></iframe></div> <span>Recommend on Google</span>

    </div>

    <div class="twitter-follow">

      <iframe id="twitter-widget-0" scrolling="no" frameborder="0" allowtransparency="true" src="http://platform.twitter.com/widgets/follow_button.1401325387.html#_=1401374806472&amp;id=twitter-widget-0&amp;lang=en&amp;screen_name=crestoo_skeer&amp;show_count=true&amp;show_screen_name=true&amp;size=m" class="twitter-follow-button twitter-follow-button" title="Twitter Follow Button" data-twttr-rendered="true" style="width: 237px; height: 20px;"></iframe>

    </div>

 <div style="background: #E3EDF4;" id="email-news-subscribe">

     <div class="email-box">

      <form onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=smmor', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow" method="post" action="http://feedburner.google.com/fb/a/mailverify">

       <input type="text" onblur="if(this.value==&#39;&#39;)this.value=this.defaultValue;" onfocus="if(this.value==this.defaultValue)this.value=&#39;&#39;;" value="ضع إيميلك هنا" name="email" id="email" style="width: 140px; font-size: 12px;" class="email" />

       <input type="hidden" name="uri" value="btemplates" />

<script type="text/javascript" src="https://apis.google.com/js/plusone.js" gapi_processed="true">{lang: 'en'}</script>

<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>

       <input type="hidden" value="ar_AR" name="loc" />

       <input type="submit" value="اشترك معنا" name="commit" class="subscribe" />

      </form>

     </div>

 </div>

<div style="background: #D8E6EB;" id="other-social-bar">

 <ul class="other-follow">

  <li class="my-rss">

   <a target="_blank" href="http://feeds.feedburner.com/smmor" title="RSS" rel="nofollow">RSS Feed</a>

  </li>

  <li class="my-gplus">

   <a target="_blank" href="https://plus.google.com/u/0/113685389749915537512" title="Google Plus" rel="nofollow">Google Plus</a>

  </li>

  <li class="my-youtube">

   <a target="_blank" href="http://youtube.com/user/smmor" title="youtube" rel="nofollow">youtube</a>

  </li>

 </ul>
<a style="font-size: 6px;float:left;text-decoration:none;color: #616469;" href="http://st-tek-.blogspot.com">
  Widget by hsam ahmed</a></div>
</div>

  </div>
 
        

تفصيل الاضافة

* استبدل كلمة (( smmor.blog )) بمعرف صفحتك على الفيس بوك .
* استبدل عبارة (( crestoo_skeer )) بمعرف حسابك على تويتر .
* استبدل الرابط  (( http://feeds.feedburner.com/smmor  )) برابط حسابك في الفيدبرنر .
* استبدل الرابط (( https://plus.google.com/u/0/113685389749915537512  )) برابط حسابك في جوجل بلس .
* استبدل الرابط (( http://youtube.com/user/smmor  )) برابط قناتك على اليوتيوب .


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

الكاتب :

مدون عربي من السودان احب مجال التدوين على منصة بلوجر ولي فيه شغف كبير اعمل في هذا المجال لاكثر من سنة احب ان اشارككم افكاري عبر مدونتي ارشر


الإبتساماتإخفاء