قوالب بلوجر معربة

الأحد، 22 سبتمبر، 2013

افضل كود تابعنا على الفيسبوك لمدونات بلوجر

ساقدم لكم اليوم يا قراء مدونتي الاحباء كود اضافة صفحة الفيسبوك المنزلقه لمن يريد ان يقدم صفحة مدونته الخاصة على الفيسبوك و هي برأيي الأفضل لانها لا تزعج القارء ولا تجبره على الضغط بل تترك له حرية الاختيار بالاعجاب او اكمال القراءة دون ازعاج ..







كل ما عليك هو ان تقوم بالتالي ~
  1. الدخول الى لوحة تحكم المدونة
  2. الضغط على زر التخطيط
  3. اضافة اداة HTML/Javascript
  4. نسخ الكود التالي بها :: 
  5.   
<style>
img,a {
   border: 0;
}

#on {
   visibility: visible;
}

#off {
   visibility: hidden;
}

#facebook_div {
   width: 196px;
   height: 340px;
   overflow: hidden;
}

#twitter_div {
   width: 246px;
   height: 353px;
   overflow: hidden;
}

#google_plus_div {
   width: 152px;
   height: 97px;
   overflow: hidden;
   margin-left: 50px;
   margin-top: 10px;
}

#knfeedburner_div {
   width: 300px;
   height: 97px;
   overflow: hidden;
   margin-top: 5px;
   margin-left: -4px;
}

#kakinetwork_div {
   width: 300px;
   height: 97px;
   overflow: hidden;
}/* right side style */#facebook_right {
   z-index: 10005;
   border: 2px solid #3c95d9;
   background-color: #fff;
   width: 196px;
   height: 353px;
   position: fixed;
   right: -200px;
}

#facebook_right img {
   position: absolute;
   top: -2px;
   left: -35px;
}

#facebook_right iframe {
   border: 0px solid #3c95d9;
   overflow: hidden;
   position: static;
   height: 360px;
   left: -2px;
   top: -3px;
}

#twitter_right {
   z-index: 10004;
   border: 2px solid #6CC5FF;
   background-color: #6CC5FF;
   width: 246px;
   height: 353px;
   position: fixed;
   right: -250px;
}

#twitter_right_img {
   position: absolute;
   top: -2px;
   left: -35px;
   border: 0;
}

#google_plus_right {
   z-index: 10003;
   background-color: #F2F2F2;
   border: 2px solid #006ec9;
   border-top: 2px solid #0056a0;
   border-bottom: 2px solid #0056a0;
   border-right: 2px solid #0056a0;
   border-left: hidden;
   width: 152px;
   height: 97px;
   position: fixed;
   right: -154px;
}

#google_plus_right_img {
   position: absolute;
   top: -2px;
   left: -33px;
   border: 0;
}

#feedburner_right {
   z-index: 10003;
   background-color: #fefefe;
   border: 2px solid #5b5b5b;
   border-top: 2px solid #5b5b5b;
   border-bottom: 2px solid #5b5b5b;
   border-right: 2px solid #5b5b5b;
   border-left: hidden;
   width: 300px;
   height: 97px;
   position: fixed;
   right: -303px;
}

#feedburner_right_img {
   position: absolute;
   top: -2px;
   left: -33px;
   border: 0;
}

#kakinetwork_right {
   z-index: 10003;
   border: 2px solid #303030;
   background-color: #fff;
   width: 300px;
   height: 97px;
   position: fixed;
}

#kakinetwork_right img {
   position: absolute;
   top: -2px;
   left: -101px;
}/* left side style */#facebook_left {
   z-index: 10005;
   border: 2px solid #3c95d9;
   background-color: #fff;
   width: 196px;
   height: 353px;
   position: fixed;
   left: -200px;
}

#facebook_left img {
   position: absolute;
   top: -2px;
   right: -35px;
}

#facebook_left iframe {
   border: 0px solid #3c95d9;
   overflow: hidden;
   position: static;
   height: 360px;
   right: -2px;
   top: -3px;
}

#twitter_left {
   z-index: 10004;
   border: 2px solid #6CC5FF;
   background-color: #6CC5FF;
   width: 246px;
   height: 353px;
   position: fixed;
   left: -250px;
}

#twitter_left_img {
   position: absolute;
   top: -2px;
   right: -35px;
   border: 0;
}

#google_plus_left {
   z-index: 10003;
   background-color: #006ec9;
   border: 2px solid #006ec9;
   border-top: 2px solid #0056a0;
   border-bottom: 2px solid #0056a0;
   border-left: 2px solid #0056a0;
   border-right: hidden;
   width: 152px;
   height: 97px;
   position: fixed;
   left: -154px;
}

#google_plus_left_img {
   position: absolute;
   top: -2px;
   right: -33px;
   border: 0;
}

#feedburner_left {
   z-index: 10003;
   background-color: #fefefe;
   border: 2px solid #5b5b5b;
   border-top: 2px solid #5b5b5b;
   border-bottom: 2px solid #5b5b5b;
   border-left: 2px solid #5b5b5b;
   border-right: hidden;
   width: 300px;
   height: 97px;
   position: fixed;
   left: -303px;
}

#feedburner_left_img {
   position: absolute;
   top: -2px;
   right: -33px;
   border: 0;
}

#kakinetwork_left {
   z-index: 10003;
   border: 2px solid #303030;
   background-color: #fff;
   width: 300px;
   height: 97px;
   position: fixed;
}

#kakinetwork_left img {
   position: absolute;
   top: -2px;
   right: -101px;
}

.box-title1 {
   border: 1px solid #ddd;
/*border-radius*/
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 6px;
/*box-shadow*/
   -webkit-box-shadow: 5px 5px 5px #CCCCCC;
   -moz-box-shadow: 5px 5px 5px #CCCCCC;
   box-shadow: 5px 5px 5px #CCCCCC;
   padding: 10px;
   margin: 10px 0;
}

.enteryouremail {
   background: #fff !important;
   border: 1px solid #d2d2d2;
   padding: 0px 8px 0px 8px;
   color: #a19999;
   font-size: 12px;
   height: 25px;
   width: 165px;
/*border-radius*/
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   margin: 0px;
}

.submitbutton {
   background: #F2F2F2;
   border: 1px solid #F66303;
/*box-shadow*/
   -webkit-box-shadow: 3px 3px 3px #666;
   box-shadow: 3px 3px 3px #666;
   font: bold 12px Arial, sans-serif;
   color: #000000;
   height: 25px;
   padding: 0 12px 0 12px;
   margin: 0 0 0 5px;
/*border-radius*/
   -webkit-border-radius: 5px;
   border-radius: 5px;
   cursor: pointer;
}
</style><script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js'></script><br />
<br />
<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script><br />
<br />
<script type="text/javascript">jQuery(document).ready(function(){ jQuery("#facebook_right").hover(function(){ jQuery(this).stop(true,false).animate({right: 0}, 500); },function(){ jQuery("#facebook_right").stop(true,false).animate({right: -200}, 500); }); jQuery("#twitter_right").hover(function(){ jQuery(this).stop(true,false).animate({right: 0}, 500); },function(){ jQuery("#twitter_right").stop(true,false).animate({right: -250}, 500); }); jQuery("#google_plus_right").hover(function(){ jQuery(this).stop(true,false).animate({right: 0}, 500); },function(){ jQuery("#google_plus_right").stop(true,false).animate({right: -154}, 500); }); jQuery("#feedburner_right").hover(function(){ jQuery(this).stop(true,false).animate({right: 0}, 500); },function(){ jQuery("#feedburner_right").stop(true,false).animate({right: -303}, 500); }); });</script><br />
<br />
<div id="on"><div id="facebook_right" style="top: 18%;"><div id="facebook_div"><img src="http://4.bp.blogspot.com/-pzM3IebaPHg/T3BF_Cp5ChI/AAAAAAAABTA/uPlhRvqJF2Y/s1600/helperblogger.com-facebook-icon.png" alt=""/><br />
<br />
<iframe src="//www.facebook.com/plugins/likebox.php?href=ضع هنا رابط الفيس بوك الخاص بك&width=200&height=346&colorscheme=light&show_faces=true&border_color&stream=false&header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:200px; height:346px;" allowtransparency="true"><br />
<br />
</iframe><br />
<br />
</div></div></div><br />
<br />
     
     ولا تنسى وضع رابط صفحة الفيسبوك الخاصة بك في المكان المكتوب فيه ضع هنا رابط الفيسبوك الخاص بك ..

ومبروك عليكم الاضافة !
من فضلك اضغظ لايك لمشاهدة لينك التحميل

4 التعليقات:

  1. وأخيراً وجدته

    ما شاء الله مدونة المعرفة على الدوان تنتقل من افضل إلى افضل

    ردحذف
  2. شكرا لك على هذه الاضافة

    تفضل بزيارة مدونتي من هنا
    http://technoprof2014.blogspot.com/

    ردحذف
  3. حياكم الله مدونة التقنية ,,

    مدونتكم جيدة وبالتوفيق لكم ان شاء الله ^_^

    ردحذف

قال تعالى :: ( مَا يَلْفِظُ مِن قَوْلٍ إِلا لَدَيْهِ رَقِيبٌ عَتِيدٌ ) فدائماً تذكروا يا إخوتي الأحبة هذه الآية الكريمة،

ولندرك جميعاً قيمة ما نقول قبل فوات الأوان، ولكم حريّة التعليق...

افلام اون لاين

لا تدع الإنترنت يلهيك عن عباداتك ولا تنسى ذكر الله

لا تدع الإنترنت يلهيك عن عباداتك ولا تنسى ذكر الله
 
© 2014 جميع حقوق النشر محفوظة لدى المعرفة Blog | تصميم قوالب بلوجر