القائمة الرئيسية

الصفحات

مستجدات

بعد غياب طويل جئنا لكم اليوم باضافة رائعة جدا .ادخل واكتشفها بنفسك

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


اول شيئ نذهب لي مدونتك ثم / تخطيط / إضافة أداة / Html/Javascript

تم نقوم بنسخ الكود 

 <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- ez -->
<ins class="adsbygoogle"
     style="display:inline-block;width:468px;height:15px"
     data-ad-client="ca-pub-3972762072371174"
     data-ad-slot="6606459248"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

 

ثالثاً نقوم بتغير " username " برابط صفحتك وسوف تظهر هذه الرسالة كل 30 يوم ولتغير عدد الايام نقوم بتغير " 30 " بعدد الايام ...

<style>/*
   ColorBox Core Style:
   The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} 
.cboxPhoto{float:leftmargin:autoborder:0display:block;}
.
cboxIframe{width:100%; height:100%; display:blockborder:0;} /*
   User Style:
   Change the following styles to modify the appearance of ColorBox.  They are
   ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;opacity:0.5 !important;}
#colorbox{
        
box-shadow:0 0 15px rgba(0,0,0,0.4);
       -
moz-box-shadow:0 0 15px rgba(0,0,0,0.4);
        -
webkit-box-shadow:0 0 15px rgba(0,0,0,0.4);
       }
   
#cboxTopLeft{width:14px; height:14px; background:url(http://imgboot.com/images/cybersidh/controls.png) no-repeat 0 0;}
   #cboxTopCenter{height:14px; background:url(http://imgboot.com/images/cybersidh/border.png) repeat-x top left;}
   #cboxTopRight{width:14px; height:14px; background:url(http://imgboot.com/images/cybersidh/controls.png) no-repeat -36px 0;}
   #cboxBottomLeft{width:14px; height:43px; background:url(http://imgboot.com/images/cybersidh/controls.png) no-repeat 0 -32px;}
   #cboxBottomCenter{height:43px; background:url(http://imgboot.com/images/cybersidh/border.png) repeat-x bottom left;}
   #cboxBottomRight{width:14px; height:43px; background:url(http://imgboot.com/images/cybersidh/controls.png) no-repeat -36px -32px;}
   #cboxMiddleLeft{width:14px; background:url(http://imgboot.com/images/cybersidh/controls.png) repeat-y -175px 0;}
   #cboxMiddleRight{width:14px; background:url(http://imgboot.com/images/cybersidh/controls.png) repeat-y -211px 0;}
   #cboxContent{background:#fff; overflow:visible;}
       #cboxLoadedContent{margin-bottom:5px;}
       #cboxLoadingOverlay{background:url(http://imgboot.com/images/cybersidh/loadingbackground.png) no-repeat center center;}
       #cboxLoadingGraphic{background:url(http://imgboot.com/images/cybersidh/loading.gif) no-repeat center center;}
       #cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
       #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}
       #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(http://imgboot.com/images/cybersidh/controls.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;}
       #cboxPrevious{left:0px; background-position: -51px -25px;}
       #cboxPrevious.hover{background-position:-51px 0px;}
       #cboxNext{left:27px; background-position:-75px -25px;}
       #cboxNext.hover{background-position:-75px 0px;}
       #cboxClose{right:0; background-position:-100px -25px;}
       #cboxClose.hover{background-position:-100px 0px;}
       
.cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
       
.cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;}
       
.cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
       
.cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;}
/*-----------------------------------------------------------------------------------*/
/*   Facebook Likebox popup For Blogger
/*-----------------------------------------------------------------------------------*/
#subscribe {
    
font12px/1.2 Arial,Helvetica,san-serifcolor:#666; #subscribe a,
#subscribe a:hover,
#subscribe a:visited {
    
text-decoration:none;
}
.
box-title {
   
color#F66303;
   
font-size20px !important;
   
font-weightbold;
   
margin10px 0border:1px solid #ddd; -moz-border-radius:6px;
-
webkit-border-radius:6pxborder-radius:6pxbox-shadow5px 5px 5px #CCCCCC; padding:10pxline-height:25pxfont-family:arial !important;
}
.
box-tagline {
   
color#999;
   
margin0;
   
text-aligncenter;
#subs-container {
    
padding35px 0 30px 0;
    
positionrelative;
a:linka:visited border:none;
}
.
demo display:none;
}
</
style>
<
script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js'></script>
<script src="http://mybloggertricks.googlecode.com/files/jquery.colorbox-min.js"></script>
<script type="text/javascript">
jQuery(document).ready(function(){
   if (document.cookie.indexOf('visited=true') == -1) {
       var fifteenDays = 1000*60*60*24*30;
       var expires = new Date((new Date()).valueOf() + fifteenDays);
       document.cookie = "visited=true;expires=" + expires.toUTCString();
   $.colorbox({width:"400px", inline:true, href:"#subscribe"});
       }
});
</script>
    <!-- This contains the hidden content for inline calls -->
        <div style='display:none'>
   <div id='subscribe' style='padding:10px; background:#fff;'>
        <h3 class="box-title">أحصل على جميع تحديثات المدونة على  الفيس بوك. إضغط على زر أعجبني بالأسفل<center><p  style="line-height:3px;" ></p></center></h3>
      <center>
<iframe  src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com/username&amp;width=300&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23ffffff&amp;stream=false&amp;header=false&amp;height=258"  scrolling="no" frameborder="0" style="border:none; overflow:hidden;  width:300px; height:258px;" allowtransparency="true"></iframe>
</center>
<p style=" float:right;  margin-right:35px;  font-size:9px;"  >Powered By <a style=" font-size:9px; color:#3B78CD;  text-decoration:none;"  href="http://widget-blogs.blogspot.com">Blogger  Widgets</a></p>
</div>
</div>