05:56:29AM

  

كود اضافة شريط متحرك لمدونتك

مرسلة بواسطة روح و ريحان يوم الاثنين 0 التعليقات

كود اضافة شريط متحرك لمدونتك

السلام عليكم

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

1 /    الذهاب الى لوحة التحكم

2 /   اختر اضافة اداة

3 /  انسخ الكود و الصقه بها

 4/  استبدل ما كتب بالاحمر (العربية ) بما تريد ظهوره في الشريط

5 /  حفظ
  
6 /  لمعاينة الاضافة قبل تركيبها من هنا


الكود:

<center><style>.helperbloggerFB {     width: 280px;     height: 140px;     border-radius: 3px;     position: relative;     background-color:#f4f4f4;     padding:5px 10px 15px 0;     }     .helperbloggerFB, .helperbloggerFB:before, .helperbloggerFB:after {     background: #f4f4f4;     border: 1px solid #ccc;     }     .helperbloggerFB:before, .helperbloggerFB:after {     content: "";     position: absolute;     bottom: -3px;     left: 2px;     right: 2px;     height: 1px;     border-top: none;     }     .helperbloggerFB:after {     left: 4px;     right: 4px;     bottom: -5px;     box-shadow: 0 0 2px #ccc;     }     </style>      <div class="helperbloggerFB">     <div style="height:155px;overflow:hidden">     <fb:like-box href="https://www.facebook.com/pages/%D8%B7%D8%B1%D9%8A%D9%82-%D8%A7%D9%84%D8%AE%D9%8A%D8%B1/501221783249389" data-width="280" data-height="179" data-show-faces="true" data-border-color="#f4f4f4" data-stream="false" data-header="false" class=" fb_iframe_widget "><span><iframe id="f5741c08" name="fdd6ca2ec" scrolling="no" style="border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; border-image: initial; overflow-x: hidden; overflow-y: hidden; height: 179px; width: 300px; " class="fb_ltr" src="http://www.facebook.com/plugins/likebox.php?border_color=%23f4f4f4&amp;channel=https%3A%2F%2Fs-static.ak.fbcdn.net%2Fconnect%2Fxd_proxy.php%23cb%3Df2babfba84%26origin%3Dhttp%253A%252F%252Fwww.btsnts.com%252Ff1ae6f85bc%26relation%3Dparent.parent%26transport%3Dpostmessage&amp;colorscheme=light&amp;header=false&amp;height=179&amp;href=https://www.facebook.com/pages/%D8%B7%D8%B1%D9%8A%D9%82-%D8%A7%D9%84%D8%AE%D9%8A%D8%B1/501221783249389&amp;locale=en_US&amp;sdk=joey&amp;show_faces=true&amp;stream=false&amp;width=300"></iframe></span></fb:like-box>     </div>     </div>     <div id="fb-root"></div>     <script>(function(d, s, id) {     var js, fjs = d.getElementsByTagName(s)[0];     if (d.getElementById(id)) return;     js = d.createElement(s); js.id = id;     js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";     fjs.parentNode.insertBefore(js, fjs);     }(document, 'script', 'facebook-jssdk'));     </script></center>
- See more at: http://merimiweb1.blogspot.com/2014/04/blog-post_853.html#.U0McAKI6Dcs
الكود:

<center><style>.helperbloggerFB {     width: 280px;     height: 140px;     border-radius: 3px;     position: relative;     background-color:#f4f4f4;     padding:5px 10px 15px 0;     }     .helperbloggerFB, .helperbloggerFB:before, .helperbloggerFB:after {     background: #f4f4f4;     border: 1px solid #ccc;     }     .helperbloggerFB:before, .helperbloggerFB:after {     content: "";     position: absolute;     bottom: -3px;     left: 2px;     right: 2px;     height: 1px;     border-top: none;     }     .helperbloggerFB:after {     left: 4px;     right: 4px;     bottom: -5px;     box-shadow: 0 0 2px #ccc;     }     </style>      <div class="helperbloggerFB">     <div style="height:155px;overflow:hidden">     <fb:like-box href="https://www.facebook.com/pages/%D8%B7%D8%B1%D9%8A%D9%82-%D8%A7%D9%84%D8%AE%D9%8A%D8%B1/501221783249389" data-width="280" data-height="179" data-show-faces="true" data-border-color="#f4f4f4" data-stream="false" data-header="false" class=" fb_iframe_widget "><span><iframe id="f5741c08" name="fdd6ca2ec" scrolling="no" style="border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; border-image: initial; overflow-x: hidden; overflow-y: hidden; height: 179px; width: 300px; " class="fb_ltr" src="http://www.facebook.com/plugins/likebox.php?border_color=%23f4f4f4&amp;channel=https%3A%2F%2Fs-static.ak.fbcdn.net%2Fconnect%2Fxd_proxy.php%23cb%3Df2babfba84%26origin%3Dhttp%253A%252F%252Fwww.btsnts.com%252Ff1ae6f85bc%26relation%3Dparent.parent%26transport%3Dpostmessage&amp;colorscheme=light&amp;header=false&amp;height=179&amp;href=https://www.facebook.com/pages/%D8%B7%D8%B1%D9%8A%D9%82-%D8%A7%D9%84%D8%AE%D9%8A%D8%B1/501221783249389&amp;locale=en_US&amp;sdk=joey&amp;show_faces=true&amp;stream=false&amp;width=300"></iframe></span></fb:like-box>     </div>     </div>     <div id="fb-root"></div>     <script>(function(d, s, id) {     var js, fjs = d.getElementsByTagName(s)[0];     if (d.getElementById(id)) return;     js = d.createElement(s); js.id = id;     js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";     fjs.parentNode.insertBefore(js, fjs);     }(document, 'script', 'facebook-jssdk'));     </script></center>
- See more at: http://merimiweb1.blogspot.com/2014/04/blog-post_853.html#.U0McAKI6Dcs
 الكود



<p align="center"><a href="http://www.star4sat.com/vb">
<marquee style="BORDER-RIGHT: #a55801 3px double; PADDING-RIGHT: 4px; BORDER-TOP: #a55801 3px double; PADDING-LEFT: 4px; FONT-SIZE: 30px; PADDING-BOTTOM: 1px; BORDER-LEFT: #a55801 3px double; COLOR: #ff0000; PADDING-TOP: 1px; BORDER-BOTTOM: #a55801 3px double" direction="right" width="599" bgColor="#faf8d0" height="38">شبكة و مدونة ابويوسف ترحب بكم
</marquee></a></p>
<SCRIPT language=JavaScript>
function stopError() {
      return true;
}
window.onerror = stopError;
// -->
</SCRIPT>
<SCRIPT src="http://www.star4sat.com/vb/clientscr...w.js"></SCRIPT>
<SCRIPT language=JavaScript>
<!-- Begin
function expandingWindow(website) {
var heightspeed = 2; // vertical scrolling speed (higher = slower)
var widthspeed = 7;  // horizontal scrolling speed (higher = slower)
var leftdist = 0;    // distance to left edge of window
var topdist = 0;     // distance to top edge of window
if (document.all) {
var winwidth = window.screen.availWidth - leftdist;
var winheight = window.screen.availHeight - topdist;
var sizer = window.open("","","left=" + leftdist + ",top=" + topdist + ",width=1,height=1,scrollbars=yes");
for (sizeheight = 1; sizeheight < winheight; sizeheight += heightspeed) {
sizer.resizeTo("1", sizeheight);
}
for (sizewidth = 1; sizewidth < winwidth; sizewidth += widthspeed) {
sizer.resizeTo(sizewidth, sizeheight);
}
sizer.location = website;
}
else
window.location = website;
}
//  End -->
</SCRIPT>
<br>
<!-- breadcrumb, login, pm info -->  

      <div class='comakauttafb-tab' id='fb-comments' onclick='javascript:commentToggle(&quot;#fb-comments&quot;);' title='Add Comments via Facebook'>
    <img class='comakauttafb-tab-icon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjK9gBWWPZy_jGGib-5sCSGCtdx5xuDvcp6etT3EDb2jjTZz2cOwbSLtqzRJWatZ_p5yv164u8Fm-CGq0-cVPMnDqJc-KlJLRdnbaYo4QH250Qq7RzQgmD-k9FzGNal3l0zfdbKCnAKjNQ8/s1600/images.jpg'/>
    <fb:comments-count expr:href='data:post.url'/> تعليق
    </div>
    <div class='comakauttafb-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle(&quot;#blogger-comments&quot;);' title='Add Comments via Blogger'>
    <img class='comakauttafb-tab-icon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDEOnPsFJcqd2wQNstMctN1uWeF4L6ShnMprivvk42OeuiMBHnWWNL6ZUcT8a9SBFrVrE3Ai_dNbH0_vuc0bYDRTtoL_nGTO-lhBqkdMu2PNq7-nG8Z0lOS34EAtrlJoq2ppe-vqfeMGbK/s1600/t%C3%A9l%C3%A9chargement.jpg'/>
    <data:post.numComments/> تعليق
    </div><div class='clear'/>
    </div>
    <div class='comakauttafb-page' id='fb-comments-page'>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div id='fb-root'/>
    <fb:comments color='dark' expr:href='data:post.url' num_posts='10' width='600'/>
    </b:if>
    </div>
    <div class='comments comakauttafb-page' id='blogger-comments-page'>
    <script src='http://connect.facebook.net/ar_AR/all.js#xfbml=1'/>
    <script src='http://code.jquery.com/jquery-latest.js'/>
    <meta content='462534737209010' property='fb:admins'/>
    <script type='text/javascript'>
    function commentToggle(selectTab) {
    $(&quot;.comakauttafb-tab&quot;).addClass(&quot;inactive-select-tab&quot;);
    $(selectTab).removeClass(&quot;inactive-select-tab&quot;);
    $(&quot;.comakauttafb-page&quot;).hide();
    $(selectTab + &quot;-page&quot;).show();
    }
    </script>
    <style type='text/css'>.comakauttafb-page, .comakauttafb-tab
    {-moz-border-radius:10px 10px 10px 10px; -webkit-border-radius:10px 10px 10px 10px; border-left:2px solid #4035ec; border-top:1px solid #4035ec; border-bottom:1px solid #4035ec; border-right:2px solid #4035ec}.comakauttafb-page
    {background:transparent;);margin-top:8px;}#blogger-comments-page
    {padding:0px 3px;display:none;}.comakauttafb-tab {text-shadow:0px 1px
    1px
    #fff;color:#000;float:left;padding:3px;margin-right:3px;cursor:pointer;background:transparent;);-o-transition:.5s
    ease-out;-moz-transition:.5s ease-out;-webkit-transition:.5s
    ease-out}.comakauttafb-tab-icon
    {height:16px;width:16px;margin-right:5px;}.comakauttafb-tab:hover
    {background:rgba(219,219,219,.8);}.inactive-select-tab
    {background:rgba(255,255,255,.4);}.inactive-select-tab,
    .comakauttafb-tab:hover {box-shadow:-1px -1px 1px #fff,1px 1px 1px
    #fff,1px 1px 5px #000;-moz-box-shadow:-1px -1px 1px #fff,1px 1px 1px
    #fff,1px 1px 5px #000;-webkit-box-shadow:-1px -1px 1px #fff,1px 1px 1px
    #fff,1px 1px 5px #000}</style>  


- See more at: http://merimiweb1.blogspot.com/2014/04/blog-post_5146.html#.U0MbRqI6Dcs
الكود:

      <div class='comakauttafb-tab' id='fb-comments' onclick='javascript:commentToggle(&quot;#fb-comments&quot;);' title='Add Comments via Facebook'>
    <img class='comakauttafb-tab-icon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjK9gBWWPZy_jGGib-5sCSGCtdx5xuDvcp6etT3EDb2jjTZz2cOwbSLtqzRJWatZ_p5yv164u8Fm-CGq0-cVPMnDqJc-KlJLRdnbaYo4QH250Qq7RzQgmD-k9FzGNal3l0zfdbKCnAKjNQ8/s1600/images.jpg'/>
    <fb:comments-count expr:href='data:post.url'/> تعليق
    </div>
    <div class='comakauttafb-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle(&quot;#blogger-comments&quot;);' title='Add Comments via Blogger'>
    <img class='comakauttafb-tab-icon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDEOnPsFJcqd2wQNstMctN1uWeF4L6ShnMprivvk42OeuiMBHnWWNL6ZUcT8a9SBFrVrE3Ai_dNbH0_vuc0bYDRTtoL_nGTO-lhBqkdMu2PNq7-nG8Z0lOS34EAtrlJoq2ppe-vqfeMGbK/s1600/t%C3%A9l%C3%A9chargement.jpg'/>
    <data:post.numComments/> تعليق
    </div><div class='clear'/>
    </div>
    <div class='comakauttafb-page' id='fb-comments-page'>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div id='fb-root'/>
    <fb:comments color='dark' expr:href='data:post.url' num_posts='10' width='600'/>
    </b:if>
    </div>
    <div class='comments comakauttafb-page' id='blogger-comments-page'>
    <script src='http://connect.facebook.net/ar_AR/all.js#xfbml=1'/>
    <script src='http://code.jquery.com/jquery-latest.js'/>
    <meta content='462534737209010' property='fb:admins'/>
    <script type='text/javascript'>
    function commentToggle(selectTab) {
    $(&quot;.comakauttafb-tab&quot;).addClass(&quot;inactive-select-tab&quot;);
    $(selectTab).removeClass(&quot;inactive-select-tab&quot;);
    $(&quot;.comakauttafb-page&quot;).hide();
    $(selectTab + &quot;-page&quot;).show();
    }
    </script>
    <style type='text/css'>.comakauttafb-page, .comakauttafb-tab
    {-moz-border-radius:10px 10px 10px 10px; -webkit-border-radius:10px 10px 10px 10px; border-left:2px solid #4035ec; border-top:1px solid #4035ec; border-bottom:1px solid #4035ec; border-right:2px solid #4035ec}.comakauttafb-page
    {background:transparent;);margin-top:8px;}#blogger-comments-page
    {padding:0px 3px;display:none;}.comakauttafb-tab {text-shadow:0px 1px
    1px
    #fff;color:#000;float:left;padding:3px;margin-right:3px;cursor:pointer;background:transparent;);-o-transition:.5s
    ease-out;-moz-transition:.5s ease-out;-webkit-transition:.5s
    ease-out}.comakauttafb-tab-icon
    {height:16px;width:16px;margin-right:5px;}.comakauttafb-tab:hover
    {background:rgba(219,219,219,.8);}.inactive-select-tab
    {background:rgba(255,255,255,.4);}.inactive-select-tab,
    .comakauttafb-tab:hover {box-shadow:-1px -1px 1px #fff,1px 1px 1px
    #fff,1px 1px 5px #000;-moz-box-shadow:-1px -1px 1px #fff,1px 1px 1px
    #fff,1px 1px 5px #000;-webkit-box-shadow:-1px -1px 1px #fff,1px 1px 1px
    #fff,1px 1px 5px #000}</style>  


- See more at: http://merimiweb1.blogspot.com/2014/04/blog-post_5146.html#.U0MbRqI6Dcs

ساهم في نشر الموضوع للفائدة:

شارك الموضوع

تعليقات
0 تعليقات

0 التعليقات:

إرسال تعليق