السلام عليكم ورحمة الله وبركاتة 
اهلا بكم في بلوجر حياتي 
في هذا الدرس سوف نتعلم كيفية اضافة صندوق منبثق لجوجل ، وعند مرور الموس علي الاضافة ينزلق الي اليسار والاضافة بتقني css


لتركيب الاضافة علي مدونتك ادخل علي لوحة تحكم مدونتك واختار التخطيط كما واضح في الصورة

ثم بعد ذلك اختار اضافة اداة كما ظهر في الصورة





بعد ذلك اختار  html /javascript كما موضح في الصورة

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

<style> .post-body{padding:8px 0 10px} </style>
<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 500;
summary_img = 390;
img_thumb_height = 120;
img_thumb_width = 180;
</script>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'></script>


<script type="text/javascript">
(function() {
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = '//pagead2.googlesyndication.com/pagead/js/google_top_exp.js';
var head = document.getElementsByTagName('head')[0];
if (head) {
head.appendChild(script);
}})();
</script>
<style type="text/css">
#gpplikebox{
background-color:#F90101;
display:block;
padding:0;
z-index:99999;
position:fixed;
}
.gpplbadge{
background-color:#F90101;
display: block;
height:150px;
top:50%;
margin-top:-75px;
position:absolute;
left:-47px;
width:47px;
background-image:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixEM1VHn9ZH286SfedNKm38iiZT6ooK4-qVI4xtkHO4bYqXnafJaI7UF9nolor3dBxOg1nVMbEeRj_rF82i_itx_LuxEjarTFvs4DeMsPG-hwup1gKxyIvyNtLTO24ScbJ9Ir1QJc4xLtb/s1600/gplus-right.png");
background-repeat:
no-repeat;
overflow:hidden;
-webkit-border-top-left-radius:8px;
-webkit-border-bottom-left-radius:8px;
-moz-border-radius-topleft:8px;
-moz-border-radius-bottomleft:8px;
border-top-left-radius:8px;
border-bottom-left-radius:8px;
}
</style>
<script type="text/javascript">
(function(md){
md(document).ready(function(){
var $dur = "medium";
// Duration of Animation

md("#gpplikebox").css({right: -250, "top" : 100 })
md("#gpplikebox").hover(function () {
md(this).stop().animate({
right: 0
}, $dur);
}, function () {
md(this).stop().animate({
right: -250
}, $dur);
});
md("#gpplikebox").show();
});
})(jQuery);
</script>
<div id="gpplikebox" style="display:none;">
<div class="gpplbadge"></div>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7bXz6_E9ONam3_ZvI1FsRimu1NdqhPNnHMfmpK3FsmVO-GEfJ8OvS1nEcFamY9wzdX0SVEBbRIAaK7ffwazp_kFCTeWMhdI0LwyLotX5y_87YVkpCujV_HTDvdS7zc_NCzM49YWuGInyh/s128/bloggers-hero.blogspot.com.png'/>
<div class="g-plus" data-action="followers" data-height="300" data-href="https://plus.google.com/102239930263440783548" data-source="blogger:blog:followers" data-width="245">
</div>
<script type="text/javascript">
      (function() {
        window.___gcfg = {'lang': 'en'};
        var po = document.createElement('script');
        po.type = 'text/javascript';
        po.async = true;
        po.src = 'https://apis.google.com/js/plusone.js';
        var s = document.getElementsByTagName('script')[0];
        s.parentNode.insertBefore(po, s);
      })();
    </script>

قم باستبدال الرقم التالي برقمك على جوجل بلس :102239930263440783548
ثم اضغط حفظ ومبروك عليك الاضافة

3 التعليقات :

Unknown يقول...

شكرا لك على الموصوع جد رائع جربته هلى مداونتي وهو شغال شكرا

waled يقول...

حبيب قلبي هذا مدونتك انا خبرتي علي قدي ويارت تسعدني في مدونتي عملها بقالي شهر يارت تفدني اكتر وشكرا لك
http://fekraa-gdeda.blogspot.com/

إرسال تعليق

Search