4 نوافذ متحركة صندوق معجبين الفيس بوك مع صندوق محادثة تويتر وزر جوجل +1 والإشتراك بالخلاصات لمدونات بلوجر

الجمعة، 15 مايو 2015

4 نوافذ متحركة صندوق معجبين الفيس بوك مع صندوق محادثة تويتر وزر جوجل +1 والإشتراك بالخلاصات لمدونات بلوجر

4:23 م | مرسلة بواسطة الجنرال محمود غالى | | تعديل الرسالة

4 نوافذ متحركة صندوق معجبين الفيس بوك مع صندوق محادثة تويتر وزر جوجل +1 والإشتراك بالخلاصات لمدونات بلوجر

بسم الله الرحمن الرحيم

والصلاة والسلام على أشرف المرسلين

سيدنا محمد وعلى آله وصحبه أجمعين

4 نوافذ منبثقة صندوق معجبين الفيس بوك مع صندوق محادثة تويتر وزر جوجل +1 والإشتراك بالخلاصات لمدونات بلوجر

إضافة رائعة لمدونتك خصوصاً إذا كان لا يوجد مكان بمدونتك لإضافات المواقع الإجتماعية الهامة التى تزيد عدد الزوار للموقع

يمكنك إخفاؤهم وإظهارهم بمرور الماوس عليهم بتقنية jQuery slide out hover effect

وقد تطرقت من قبل لطريقة وضع صندوق الإعجاب الثابت للفيس بوك وزر الإعجاب

معاينة الإضافة

تتكون الإضافة من 4 نوافذ منبثقة للمواقع الإجتماعية 4×1 وهى

صندوق الفيس بوك العائم Popup facebook like box
آخر التويتات على موقع تويتر recent tweets
زر جوجل بلس +1 Google +1 button
الإشتراك بالقائمة البريدية لمتابعة خلاصات الموقع feedburner email subscription

خطوات تركيب السكريبت بمدونات بلوجر:

الذهاب إلى لوحة التحكم
تخطيط أو تصميم
عناصر الصفحة
أضف أداة
اختار Html/Javascript

ثم إنسخ الكود التالى كاملاً وألصقه


<style>
img,a {

    border: 0;
}

#on {

    visibility: visible;
}

#off {
    visibility: hidden;

    width: 196px;
}

#facebook_div {

    overflow: hidden;
height: 340px;
}

#twitter_div {

    overflow: hidden;
width: 246px;
    height: 250px;
}


    overflow: hidden;
#google_plus_div {
    width: 152px;
    height: 97px;

#knfeedburner_div {
margin-left: 50px;
    margin-top: 10px;
}

    width: 300px;

    margin-left: -4px;
height: 97px;
    overflow: hidden;
    margin-top: 5px;
}

#kakinetwork_div {

}/* right side style */#facebook_right {
width: 300px;
    height: 97px;
    overflow: hidden;
    z-index: 10005;

    position: fixed;
border: 2px solid #3c95d9;
    background-color: #fff;
    width: 196px;
    height: 353px;

#facebook_right iframe {
right: -200px;
}

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


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

#twitter_right {

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


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

#google_plus_right {
    z-index: 10003;

    border-left: hidden;
border: 2px solid #006ec9;
    border-top: 2px solid #0056a0;
    border-bottom: 2px solid #0056a0;
    border-right: 2px solid #0056a0;
    width: 152px;

#feedburner_right {
height: 97px;
    position: fixed;
    right: -154px;
}

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


    border-right: 2px solid #5b5b5b;
z-index: 10003;
    background-color: #fefefe;
    border: 2px solid #5b5b5b;
    border-top: 2px solid #5b5b5b;
    border-bottom: 2px solid #5b5b5b;
    border-left: hidden;

#kakinetwork_right {
width: 300px;
    height: 97px;
    position: fixed;
    right: -303px;
}

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

    z-index: 10003;

    left: -101px;
border: 2px solid #303030;
    background-color: #fff;
    width: 300px;
    height: 97px;
    position: fixed;
}

#kakinetwork_right img {
    position: absolute;
    top: -2px;
}/* left side style */#facebook_left {

    right: -35px;
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;
}


    background-color: #6CC5FF;
#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;
    width: 246px;

    border: 2px solid #006ec9;
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;

    position: absolute;
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 {
    top: -2px;

    border-right: hidden;
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;
    width: 300px;

    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;
    height: 97px;

    -webkit-box-shadow: 5px 5px 5px #CCCCCC;
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*/

    width: 165px;
-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;
/*border-radius*/

    color: #000000;
-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;
    height: 25px;

<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>
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>
<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script>
<div id="on">

   <iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fdesignsblog&amp;width=200&amp;height=346&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:200px; height:346px;" allowtransparency="true">
<div id="facebook_right" style="top: 18%;">
  <div id="facebook_div">
   <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwtrQ0FHXghXNcy1EFijJB4BBHRjrXzHFQwVbQ9a-oGjf3pHPsFp9Nut6VUmJ-eQE-0SplKpdeYA_uVIxifqFSJ_WLXmsmdg-kHIB-MkCeOoTf5o6XWqmiyegXb1r24bku51C6yDxv8Ws/s1600/DrRo2.com-facebook-icon.png" alt=""/>
   </iframe>
  </div>
 </div>
</div>
<div id="on">
 <div id="twitter_right" style="top: 35%;">
  <div id="twitter_div">

document.write(unescape("%3Cscript src='http://twitterforweb.com/twitterbox.js?username=DrRo2&settings=1,1,3,236,550,f4f4f4,0,c4c4c4,101010,1,1,336699' type='text/javascript'%3E%3C/script%3E"));</script>Created by: <a href="http://twitterforweb.com" target="_blank">twitter website widget</a></div>
<img id="twitter_right_img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvQz-FHhAvgbi1mU3tzoldxOpsbyMTMIWPuo5TgYPUuts9x-zoG_vLl6F6o8b7o1QDKhR9zvh98r2KSaQDcKj0JppSu2m8oFECBBhNme4BhU4Rq9usB-aa0_2MTQpfibk3facoL_yVQPM/s1600/DrRo2.com-twitter-icon.png"/>
      <script type="text/javascript">

  <div id="google_plus_div">
<script>new TWTR.Widget({version: 2,type: 'profile',rpp: 4,interval: 1000,width: 246,height: 265,theme: {shell: {background: '#63BEFD',color: '#FFFFFF'},tweets: {background: '#FFFFFF',color: '#000000',links: '#47a61e'}},features: { loop: false,live: true,scrollbar: false,hashtags: false,timestamp: true,avatars: true,behavior: 'all' }}).render().setUser('DrRo2').start();</script>
  </div>
 </div>

<div id="on">
 <div id="google_plus_right" style="top: 52%;">

    <form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=blogspot/avwdc', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<img id="google_plus_right_img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6D3dL-gOb1JnGeEUF_7fjyfVIB1xUvcTulxnPVGtVXbcXl8ei7P-ZiDpQfLo3j7UnlwelHzDs3slnbr91idNvu4Sr4ODw9Gwsbpl_i76yQBnudxWyfMx6YS_olH8bRrzn4coBtoRTT4k/s1600/DrRo2.com-google-plus-icon.png"/>
   <div style="float:left;margin:10px 10px 10px 0;">
    <g:plusone size="tall" expr:href="data:post.url"></g:plusone>
   </div>
  </div>
 </div>
 <div id="on">
  <div id="feedburner_right" style=" top: 69%;">
   <div id="knfeedburner_div">
    <center>
    <h4 style="color:#F66303;">You can also receive Free Email Updates:</h4>

<center/>
<input gtbfieldid="10" class="enteryouremail" name="email" value="Enter your email here..." onblur="if (this.value == &#39;&#39;) {this.value = &#39;Enter your email here...&#39;;}" onfocus="if (this.value == &#39;Enter your email here...&#39;) {this.value = &#39;&#39;;}" type="text"/><input value="blogspot/avWDc" name="uri" type="hidden"/><input value="Submit" class="submitbutton" type="submit"/>
    </form>
    </center><img id="feedburner_right_img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj40jAiDl7W3kQP3fmXkH8sqAmHo0I5ll2vITks5kqEG1wg_owB039ajxTSAvuWUEoeZlKvOhTwtz03lFLT-OyyGUc67OGjlSv79fcOrhsR2cLqfT22yNthQxZJKDN7XZdnvFx8UWYxvcw/s1600/DrRo2.com-subscribe-icon.png"/>
   </div>
  </div>
 </div>
</div>

<center/></center></center>
<a href="http://conda3ianllkhir.blogspot.com/"><img alt="Blogger widget" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhfA00Sm_n7pbwfHblHxsC_yhOQjOC46Vmp0F_snLPVUv0RGGKBVA5Q_39F6wts85oXIY2_7D0HpU2RRxMuyfVd_bJQluseHPBZnYbb4zzPJtYqKY4kX8TY6J7BVIVwMjm0pMUMFqi_9oQ/s89/%25D8%25A8%25D8%25A7%25D8%25AF%25D8%25AC%2520%25D8%25A7%25D9%2584%25D9%2585%25D8%25AF%25D9%2588%25D9%2586%25D8%25A9%2520%25D9%2584%25D8%25A8%25D9%2584%25D9%2588%25D8%25AC%25D8%25B1.png" title="Blogger widget" /></a>
<center/></center></center>
</div>
<center/>

<a href="http://conda3ianllkhir.blogspot.com/"><img alt="Blogger widget" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhfA00Sm_n7pbwfHblHxsC_yhOQjOC46Vmp0F_snLPVUv0RGGKBVA5Q_39F6wts85oXIY2_7D0HpU2RRxMuyfVd_bJQluseHPBZnYbb4zzPJtYqKY4kX8TY6J7BVIVwMjm0pMUMFqi_9oQ/s89/%25D8%25A8%25D8%25A7%25D8%25AF%25D8%25AC%2520%25D8%25A7%25D9%2584%25D9%2585%25D8%25AF%25D9%2588%25D9%2586%25D8%25A9%2520%25D9%2584%25D8%25A8%25D9%2584%25D9%2588%25D8%25AC%25D8%25B1.png" title="Blogger widget" /></a>

للتعديل على الكود إستخدم البحث بالكيبورد Ctrl+F

إستبدل designsblog بإسم المستخدم الخاص بصفحتك على الفيس بوك facebook fanpage username

إستبدل DrRo2 بإسم المستخدم الخاص بحسابك على تويتر مع العلم بأنه مكرر أكثر من مرة twitter username

إستبدل blogspot/avWDc بإسم المستخدم الخاص بخلاصات مدونتك مع العلم بأنه مكرر أكثر من مرة feedburner username

ملحوظة

الكود السابق موجود بالمواقع الأجنبية ولكن الأكواد القادمة أجريت عليها بعض التعديلات لتكون بشكل مختلف ومميز

أكواد أشكال مختلفة لأيقونات المواقع الإجتماعية بمرور الماوس عليها تظهر النوافذ المنزلقة :

أيقونات قلوب


<style>
img,a {

    border: 0;
}

#on {

    visibility: visible;
}

#off {
    visibility: hidden;

    width: 196px;
}

#facebook_div {

    overflow: hidden;
    height: 340px;
}

#twitter_div {

    overflow: hidden;
    width: 246px;
    height: 250px;
}


    overflow: hidden;
#google_plus_div {
    width: 152px;
    height: 97px;

#knfeedburner_div {
    margin-left: 50px;
    margin-top: 10px;
}

    width: 300px;

    margin-left: -4px;
    height: 97px;
    overflow: hidden;
    margin-top: 5px;
}

#kakinetwork_div {

}/* right side style */#facebook_right {
    width: 300px;
    height: 97px;
    overflow: hidden;
    z-index: 10005;

    position: fixed;
    border: 2px solid #3c95d9;
    background-color: #fff;
    width: 196px;
    height: 353px;

#facebook_right iframe {
    right: -200px;
}

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


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

#twitter_right {

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


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

#google_plus_right {
    z-index: 10003;

    border-left: 2px solid #0056a0;
    border: 2px solid #006ec9;
    border-top: 2px solid #0056a0;
    border-bottom: 2px solid #0056a0;
    border-right: 2px solid #0056a0;
    width: 152px;

#feedburner_right {
    height: 97px;
    position: fixed;
    right: -154px;
}

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


    border-right: 2px solid #5b5b5b;
    z-index: 10003;
    background-color: #fefefe;
    border: 2px solid #5b5b5b;
    border-top: 2px solid #5b5b5b;
    border-bottom: 2px solid #5b5b5b;

    left: -33px;
    border-left: 2px solid #5b5b5b;
    width: 300px;
    height: 97px;
    position: fixed;
    right: -303px;
}

#feedburner_right_img {
    position: absolute;
    top: -2px;

#kakinetwork_right img {
    border: 0;
}

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


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

    position: static;
    position: fixed;
    left: -200px;
}

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

#facebook_left iframe {
    border: 0px solid #3c95d9;
    overflow: hidden;

    left: -250px;
    height: 360px;
    right: -2px;
    top: -3px;
}

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


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

#google_plus_left {
    z-index: 10003;
    background-color: #006ec9;
    border: 2px solid #006ec9;

    top: -2px;
    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;

    border-left: 2px solid #5b5b5b;
    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-right: hidden;

    border: 2px solid #303030;
    width: 300px;
    height: 97px;
    position: fixed;
    left: -303px;
}

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

#kakinetwork_left {
    z-index: 10003;
    background-color: #fff;

    -moz-border-radius: 6px;
    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;
    border-radius: 6px;

    border: 1px solid #d2d2d2;
/*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;
    padding: 0px 8px 0px 8px;

/*box-shadow*/
    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;

    cursor: pointer;
    -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;
}
</style>

<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>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script>
<div id="on">
 
<div id="facebook_right" style="top: 18%;">
  
<div id="facebook_div">
   <img style="top: -13px; left: -67px;" src="http://download.mrkzy.com/e/1012_md_13366738281.png" alt="" />

 </div>
   <iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fdesignsblog&amp;width=200&amp;height=346&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false" style="border:none; overflow:hidden; width:200px; height:346px;" allowtransparency="true" frameborder="0" scrolling="no">
   </iframe>
  </div>
</div>
<div id="on">
 
<div id="twitter_right" style="top: 35%;">
  
<div id="twitter_div">
   <img style="top: -8px; left: -67px;" id="twitter_right_img" src="http://download.mrkzy.com/e/1012_md_13366738293.png" />
   
<script type="text/javascript">

 
document.write(unescape("%3Cscript src='http://twitterforweb.com/twitterbox.js?username=DrRo2&settings=1,1,3,236,550,f4f4f4,0,c4c4c4,101010,1,1,336699' type='text/javascript'%3E%3C/script%3E"));</script>Created by: <a href="http://twitterforweb.com" target="_blank">twitter website widget</a></div>
   
<script>new TWTR.Widget({version: 2,type: 'profile',rpp: 4,interval: 1000,width: 246,height: 265,theme: {shell: {background: '#63BEFD',color: '#FFFFFF'},tweets: {background: '#FFFFFF',color: '#000000',links: '#47a61e'}},features: { loop: false,live: true,scrollbar: false,hashtags: false,timestamp: true,avatars: true,behavior: 'all' }}).render().setUser('DrRo2').start();</script>
  </div>
 </div>

<div id="on">
<div id="google_plus_right" style="top: 52%;">
  
<div id="google_plus_div">
   <img style="top: -5px; left: -67px;" id="google_plus_right_img" src="http://download.mrkzy.com/e/1012_md_13366738282.png" />

     <input gtbfieldid="10" class="enteryouremail" name="email" value="Enter your email here..." onblur="if (this.value == '') {this.value = 'enter your email here...';}" onfocus="if (this.value == 'enter your email here...') {this.value = '';}" type="text" /><input value="blogspot/avWDc" name="uri" type="hidden" /><input value="Submit" class="submitbutton" type="submit" />
   
<div style="float:left;margin:10px 10px 10px 0;">
    <g:plusone size="tall" expr:href="data:post.url"></g:plusone>
   </div>
  </div>
 </div>
 
<div id="on">
  
<div id="feedburner_right" style=" top: 69%;">
   
<div id="knfeedburner_div">
    <center>
    
<h4 style="color:#F66303;">أدخل البريد الإلكترونى ليصلك الجديد</h4>
    <form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=blogspot/avwdc', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
    </form>
    </center><img style="top: 5px; left: -66px;" id="feedburner_right_img" src="http://download.mrkzy.com/e/1012_md_13366739821.png" />
   </div>
  </div>
 </div>
</div>
<center/>

<center/></center></center>

<a href="http://www.condaianllkhir.com/"><img alt="Blogger widget" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhfA00Sm_n7pbwfHblHxsC_yhOQjOC46Vmp0F_snLPVUv0RGGKBVA5Q_39F6wts85oXIY2_7D0HpU2RRxMuyfVd_bJQluseHPBZnYbb4zzPJtYqKY4kX8TY6J7BVIVwMjm0pMUMFqi_9oQ/s89/%25D8%25A8%25D8%25A7%25D8%25AF%25D8%25AC%2520%25D8%25A7%25D9%2584%25D9%2585%25D8%25AF%25D9%2588%25D9%2586%25D8%25A9%2520%25D9%2584%25D8%25A8%25D9%2584%25D9%2588%25D8%25AC%25D8%25B1.png" title="Blogger widget" /></a>


<style>
img,a {

    border: 0;
}

#on {

    visibility: visible;
}

#off {
    visibility: hidden;

    width: 196px;
}

#facebook_div {

    overflow: hidden;
    height: 340px;
}

#twitter_div {

    overflow: hidden;
    width: 246px;
    height: 353px;
}


    overflow: hidden;
#google_plus_div {
    width: 152px;
    height: 97px;

#knfeedburner_div {
    margin-left: 50px;
    margin-top: 10px;
}

    width: 300px;

    margin-left: -4px;
    height: 97px;
    overflow: hidden;
    margin-top: 5px;
}

#kakinetwork_div {

}/* right side style */#facebook_right {
    width: 300px;
    height: 97px;
    overflow: hidden;
    z-index: 10005;

    position: fixed;
    border: 2px solid #3c95d9;
    background-color: #fff;
    width: 196px;
    height: 353px;

#facebook_right iframe {
    right: -200px;
}

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


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

#twitter_right {

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


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

#google_plus_right {
    z-index: 10003;

    border-left: 2px solid #0056a0;
    border: 2px solid #006ec9;
    border-top: 2px solid #0056a0;
    border-bottom: 2px solid #0056a0;
    border-right: 2px solid #0056a0;
    width: 152px;

#feedburner_right {
    height: 97px;
    position: fixed;
    right: -154px;
}

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


    border-right: 2px solid #5b5b5b;
    z-index: 10003;
    background-color: #fefefe;
    border: 2px solid #5b5b5b;
    border-top: 2px solid #5b5b5b;
    border-bottom: 2px solid #5b5b5b;

    left: -33px;
    border-left: 2px solid #5b5b5b;
    width: 300px;
    height: 97px;
    position: fixed;
    right: -303px;
}

#feedburner_right_img {
    position: absolute;
    top: -2px;

#kakinetwork_right img {
    border: 0;
}

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


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

    position: static;
    position: fixed;
    left: -200px;
}

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

#facebook_left iframe {
    border: 0px solid #3c95d9;
    overflow: hidden;

    left: -250px;
    height: 360px;
    right: -2px;
    top: -3px;
}

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


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

#google_plus_left {
    z-index: 10003;
    background-color: #006ec9;
    border: 2px solid #006ec9;

    top: -2px;
    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;

    border-left: 2px solid #5b5b5b;
    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-right: hidden;

    border: 2px solid #303030;
    width: 300px;
    height: 97px;
    position: fixed;
    left: -303px;
}

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

#kakinetwork_left {
    z-index: 10003;
    background-color: #fff;

    -moz-border-radius: 6px;
    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;
    border-radius: 6px;

    border: 1px solid #d2d2d2;
/*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;
    padding: 0px 8px 0px 8px;

/*box-shadow*/
    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;

    cursor: pointer;
    -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;
}
</style>

<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>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script>
<div id="on">
 
<div id="facebook_right" style="top: 18%;">
  
<div id="facebook_div">

   <iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fdesignsblog&amp;width=200&amp;height=346&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false" style="border:none; overflow:hidden; width:200px; height:346px;" allowtransparency="true" frameborder="0" scrolling="no">
   <img style="top: 10px; left: -44px; width: 42px; height: 61px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEho_oemj-_42u_CSdvHs3Et2ti0hkey6aaaO7hGeoMqWjWgmby15uYboksvK4EWt7e-mClZCuoTGa2tscAaNXWeb5eytlRCP3Rbswkn37IkipifqkjebTGXgSqlUFITHnm-XYiHBWu-bx_X/s66/facebook-47x66.png" alt="" />
   </iframe>
  </div>
 </div>
</div>
<div id="on">
 
<div id="twitter_right" style="top: 35%;">
  
<div id="twitter_div">

document.write(unescape("%3Cscript src='http://twitterforweb.com/twitterbox.js?username=DrRo2&settings=1,1,3,236,550,f4f4f4,0,c4c4c4,101010,1,1,336699' type='text/javascript'%3E%3C/script%3E"));</script>Created by: <a href="http://twitterforweb.com" target="_blank">twitter website widget</a></div>
   <img style="top: 14px; left: -44px; width: 42px; height: 62px;" id="twitter_right_img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGLKd83-sIdt_tu5Oi_pOkYaMiKB7oX6OiQHO44A0CyLodXwHWl_604vg3kVjwj8P6TS2VRdvRJbPznPDyadphf0X31Wkp1DXWr1joDYqFNurLHPgxG5Rt0JGngonva0p2FhlDGmWVCMta/s66/tumblr-47x66.png" />
   
<script type="text/javascript">
   

   <img style="top: 11px; left: -41px; width: 42px; height: 61px;" id="google_plus_right_img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQ8vf5feS8LfjYzzMiPuUfOXDbrO9fr7pU3gpffLrPWRpHGarlny1FBvprMPKK8-WIpU_3zJLc6fqJp2St1tlUHJkYUlAFjT_zx5zNONRzc795a7Pu4rXgjhYf4nu8DXsXO9piRv8tn3Kc/s66/googleplus-47x66.png" />
<script>new TWTR.Widget({version: 2,type: 'profile',rpp: 4,interval: 1000,width: 246,height: 265,theme: {shell: {background: '#63BEFD',color: '#FFFFFF'},tweets: {background: '#FFFFFF',color: '#000000',links: '#47a61e'}},features: { loop: false,live: true,scrollbar: false,hashtags: false,timestamp: true,avatars: true,behavior: 'all' }}).render().setUser('DrRo2').start();</script>
  </div>
 </div>

<div id="on">
 
<div id="google_plus_right" style="top: 52%;">
  
<div id="google_plus_div">
   
<div style="float:left;margin:10px 10px 10px 0;">
    <g:plusone size="tall" expr:href="data:post.url"></g:plusone>
   </div>

     <input gtbfieldid="10" class="enteryouremail" name="email" value="Enter your email here..." onblur="if (this.value == '') {this.value = 'enter your email here...';}" onfocus="if (this.value == 'enter your email here...') {this.value = '';}" type="text" /><input value="blogspot/avWDc" name="uri" type="hidden" /><input value="Submit" class="submitbutton" type="submit" />
  </div>
 </div>
 
<div id="on">
  
<div id="feedburner_right" style=" top: 69%;">
   
<div id="knfeedburner_div">
    <center>
    
<h4 style="color:#F66303;">أدخل البريد الإلكترونى ليصلك الجديد</h4>
    <form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=blogspot/avwdc', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
    </form>

<a href="http://conda3ianllkhir.blogspot.com/"><img alt="Blogger widget" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhfA00Sm_n7pbwfHblHxsC_yhOQjOC46Vmp0F_snLPVUv0RGGKBVA5Q_39F6wts85oXIY2_7D0HpU2RRxMuyfVd_bJQluseHPBZnYbb4zzPJtYqKY4kX8TY6J7BVIVwMjm0pMUMFqi_9oQ/s89/%25D8%25A8%25D8%25A7%25D8%25AF%25D8%25AC%2520%25D8%25A7%25D9%2584%25D9%2585%25D8%25AF%25D9%2588%25D9%2586%25D8%25A9%2520%25D9%2584%25D8%25A8%25D9%2584%25D9%2588%25D8%25AC%25D8%25B1.png" title="Blogger widget" /></a>
    </center><img style="top: 17px; left: -42px; width: 42px; height: 61px;" id="feedburner_right_img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5N7nud0P6Ndezj4nMuzkz1tCz1x6kb9fMI8TliJ6ISwhgfd3HJ11_UdSsLN5CKC25nZIs4vamSnNZYiglEdX28wM-1OYTm90WRN7uFrc7CvjyzboGxcm5aDJC8yfXIrKavzdj7I9kSvKY/s66/rss-47x66.png" />
   </div>
  </div>
 </div>
</div>
<center/>

<center/></center></center>

أيقونات سحابية


<style>
img,a {

    border: 0;
}

#on {

    visibility: visible;
}

#off {
    visibility: hidden;

    width: 196px;
}

#facebook_div {

    overflow: hidden;
    height: 340px;
}

#twitter_div {

    overflow: hidden;
    width: 246px;
    height: 353px;
}


    overflow: hidden;
#google_plus_div {
    width: 152px;
    height: 97px;

#knfeedburner_div {
    margin-left: 50px;
    margin-top: 10px;
}

    width: 300px;

    margin-left: -4px;
    height: 97px;
    overflow: hidden;
    margin-top: 5px;
}

#kakinetwork_div {

}/* right side style */#facebook_right {
    width: 300px;
    height: 97px;
    overflow: hidden;
    z-index: 10005;

    position: fixed;
    border: 2px solid #3c95d9;
    background-color: #fff;
    width: 196px;
    height: 353px;

#facebook_right iframe {
    right: -200px;
}

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


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

#twitter_right {

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


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

#google_plus_right {
    z-index: 10003;

    border-left: 2px solid #0056a0;
    border: 2px solid #006ec9;
    border-top: 2px solid #0056a0;
    border-bottom: 2px solid #0056a0;
    border-right: 2px solid #0056a0;
    width: 152px;

#feedburner_right {
    height: 97px;
    position: fixed;
    right: -154px;
}

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


    border-right: 2px solid #5b5b5b;
    z-index: 10003;
    background-color: #fefefe;
    border: 2px solid #5b5b5b;
    border-top: 2px solid #5b5b5b;
    border-bottom: 2px solid #5b5b5b;

    left: -33px;
    border-left: 2px solid #5b5b5b;
    width: 300px;
    height: 97px;
    position: fixed;
    right: -303px;
}

#feedburner_right_img {
    position: absolute;
    top: -2px;

#kakinetwork_right img {
    border: 0;
}

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


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

    position: static;
    position: fixed;
    left: -200px;
}

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

#facebook_left iframe {
    border: 0px solid #3c95d9;
    overflow: hidden;

    left: -250px;
    height: 360px;
    right: -2px;
    top: -3px;
}

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


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

#google_plus_left {
    z-index: 10003;
    background-color: #006ec9;
    border: 2px solid #006ec9;

    top: -2px;
    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;

    border-left: 2px solid #5b5b5b;
    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-right: hidden;

    border: 2px solid #303030;
    width: 300px;
    height: 97px;
    position: fixed;
    left: -303px;
}

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

#kakinetwork_left {
    z-index: 10003;
    background-color: #fff;

    -moz-border-radius: 6px;
    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;
    border-radius: 6px;

    border: 1px solid #d2d2d2;
/*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;
    padding: 0px 8px 0px 8px;

/*box-shadow*/
    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;

    cursor: pointer;
    -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;
}
</style>

<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>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script>
<div id="on">
 
<div id="facebook_right" style="top: 18%;">
  
<div id="facebook_div">

   <iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fdesignsblog&amp;width=200&amp;height=346&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false" style="border:none; overflow:hidden; width:200px; height:346px;" allowtransparency="true" frameborder="0" scrolling="no">
   <img style="top: -13px; left: -67px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSeRW57Dzml7TANrew_lJayuV6XVqKaysujvCbcEVWOa-G4ofwHY2g_NZtnCCuLGvxrtlV7V1eVdxT-qT7-jGYhGGuc7QqzMZpA_j9-w-xhxYtPpnQr2XQoGDPrZ503s0LHrZpNtyVL2EU/s60/facebook_cloud.png" alt="" />
   </iframe>
  </div>
 </div>
</div>
<div id="on">
 
<div id="twitter_right" style="top: 35%;">
  
<div id="twitter_div">

document.write(unescape("%3Cscript src='http://twitterforweb.com/twitterbox.js?username=DrRo2&settings=1,1,3,236,550,f4f4f4,0,c4c4c4,101010,1,1,336699' type='text/javascript'%3E%3C/script%3E"));</script>Created by: <a href="http://twitterforweb.com" target="_blank">twitter website widget</a></div>
   <img style="top: -8px; left: -67px;" id="twitter_right_img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguhzLUJ1RSoTEbm__SB8L6a9wEYmF4FCHCc0RXQtNf_NC96Mpm3rgvrzn76c7VuGVlxeDY-qvOe8LYHiF5MYsr0cUzFOSN_5S5NV9UOQo_9n6FfNpxJDB6ibWITdtUH2KtkAMSvfCQa5OW/s60/twitter_cloud.png" />
   
<script type="text/javascript">
   

<div id="google_plus_right" style="top: 52%;">
<script>new TWTR.Widget({version: 2,type: 'profile',rpp: 4,interval: 1000,width: 246,height: 265,theme: {shell: {background: '#63BEFD',color: '#FFFFFF'},tweets: {background: '#FFFFFF',color: '#000000',links: '#47a61e'}},features: { loop: false,live: true,scrollbar: false,hashtags: false,timestamp: true,avatars: true,behavior: 'all' }}).render().setUser('DrRo2').start();</script>
  </div>
 </div>

<div id="on">
 
  
<div id="google_plus_div">

    <form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=blogspot/avwdc', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
   <img style="top: -5px; left: -67px;" id="google_plus_right_img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqn4c4VKIor90QHNoX_2magikufXIwsUNAlvJWsBva0Ci_eisWYYbsPud9Qr2bLaEH2vV2MRQrI9VFFjrWzLVWDj7doD8WdUx1twL3TkzBwdOHhqYfkOrjR34ngP46gtik01nOne5iNuh1/s60/google.png" />
   
<div style="float:left;margin:10px 10px 10px 0;">
    <g:plusone size="tall" expr:href="data:post.url"></g:plusone>
   </div>
  </div>
 </div>
 
<div id="on">
  
<div id="feedburner_right" style=" top: 69%;">
   
<div id="knfeedburner_div">
    <center>
    
<h4 style="color:#F66303;">أدخل البريد الإلكترونى ليصلك الجديد</h4>

<a href="http://conda3ianllkhir.blogspot.com/"><img alt="Blogger widget" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhfA00Sm_n7pbwfHblHxsC_yhOQjOC46Vmp0F_snLPVUv0RGGKBVA5Q_39F6wts85oXIY2_7D0HpU2RRxMuyfVd_bJQluseHPBZnYbb4zzPJtYqKY4kX8TY6J7BVIVwMjm0pMUMFqi_9oQ/s89/%25D8%25A8%25D8%25A7%25D8%25AF%25D8%25AC%2520%25D8%25A7%25D9%2584%25D9%2585%25D8%25AF%25D9%2588%25D9%2586%25D8%25A9%2520%25D9%2584%25D8%25A8%25D9%2584%25D9%2588%25D8%25AC%25D8%25B1.png" title="Blogger widget" /></a>
     <input gtbfieldid="10" class="enteryouremail" name="email" value="Enter your email here..." onblur="if (this.value == '') {this.value = 'enter your email here...';}" onfocus="if (this.value == 'enter your email here...') {this.value = '';}" type="text" /><input value="blogspot/avWDc" name="uri" type="hidden" /><input value="Submit" class="submitbutton" type="submit" />
    </form>
    </center><img style="top: 5px; left: -66px;" id="feedburner_right_img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEPZFO7KEsiNjBdwO_6eLw76fnZ0WTkmgHTwupSULV84PrP0DxAx2lnJCAAveLzOBxWGCl8rpzFMj9jLOwzbBt6kyU5KxS5pOqohvyZ6ZcJ8yFZPzTfWOY6NE6kcLHu8pGvR2718FH2W-F/s60/feed_cloud.png" />
   </div>
  </div>
 </div>
</div>
<center/>

<center/></center></center>

ملحوظة: لإضافة هذه الإضافة جهة اليسار إضغط على الزر الذى بالأسفل لإدراج الكود لموقعك مع مراعاة تغيير الروابط بما يناسب مدونتك

التسميات: نوافذ متحركة صندوق معجبين

التعليقات

0 التعليقات

اخر أخبار مصر أخبار العالم العربى أخبار الرياضة

( محمـــــــــــــــــــود غــــالـــــــى )

تسجيل الدخول

تــــــــــــابـــع اعمـــــــــــــــــــالــــــــى

من اعمـــــــــــــــــــــالـــــــــــــى

مســـــاحة اعـــــلانيـــــة

.باب دخول الادارة

0

من شاهد اعمالى

المتابعون

4 نوافذ متحركة صندوق معجبين الفيس بوك مع صندوق محادثة تويتر وزر جوجل +1 والإشتراك بالخلاصات لمدونات بلوجر

خطوات تركيب السكريبت بمدونات بلوجر:

للتعديل على الكود إستخدم البحث بالكيبورد Ctrl+F

أكواد أشكال مختلفة لأيقونات المواقع الإجتماعية بمرور الماوس عليها تظهر النوافذ المنزلقة :

0 التعليقات:

إرسال تعليق

تــــابع اعمـــــــــا لــــــــــــى

استمع الى القران

من اعمالى

المشاركات الشائعة

من اعمالى

من اعمالى

اخر أخبار مصر ** أخبار العالم العربى ** أخبار الرياضة

( محمـــــــــــــــــــود غــــالـــــــى )

تسجيل الدخول

تــــــــــــابـــع اعمـــــــــــــــــــالــــــــى

من اعمـــــــــــــــــــــالـــــــــــــى

مســـــاحة اعـــــلانيـــــة

.باب دخول الادارة

0

من شاهد اعمالى

المتابعون

4 نوافذ متحركة صندوق معجبين الفيس بوك مع صندوق محادثة تويتر وزر جوجل +1 والإشتراك بالخلاصات لمدونات بلوجر

خطوات تركيب السكريبت بمدونات بلوجر:

للتعديل على الكود إستخدم البحث بالكيبورد Ctrl+F

أكواد أشكال مختلفة لأيقونات المواقع الإجتماعية بمرور الماوس عليها تظهر النوافذ المنزلقة :

0 التعليقات:

إرسال تعليق

تــــابع اعمـــــــــا لــــــــــــى

استمع الى القران

من اعمالى

المشاركات الشائعة

من اعمالى

من اعمالى

اخر أخبار مصر أخبار العالم العربى أخبار الرياضة