كود اضافة شريط متحرك لمدونتك
السلام عليكملاضافة شريط متحرك داخل موقعك او مدونتك
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&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&colorscheme=light&header=false&height=179&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&locale=en_US&sdk=joey&show_faces=true&stream=false&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>
الكود:
<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&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&colorscheme=light&header=false&height=179&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&locale=en_US&sdk=joey&show_faces=true&stream=false&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>
الكود
<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 -->
<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("#fb-comments");' 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("#blogger-comments");' 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 == "item"'><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) {$(".comakauttafb-tab").addClass("inactive-select-tab");$(selectTab).removeClass("inactive-select-tab");$(".comakauttafb-page").hide();$(selectTab + "-page").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 1px1px#fff;color:#000;float:left;padding:3px;margin-right:3px;cursor:pointer;background:transparent;);-o-transition:.5sease-out;-moz-transition:.5s ease-out;-webkit-transition:.5sease-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>
الكود:
<div class='comakauttafb-tab' id='fb-comments' onclick='javascript:commentToggle("#fb-comments");' 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("#blogger-comments");' 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 == "item"'><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) {$(".comakauttafb-tab").addClass("inactive-select-tab");$(selectTab).removeClass("inactive-select-tab");$(".comakauttafb-page").hide();$(selectTab + "-page").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 1px1px#fff;color:#000;float:left;padding:3px;margin-right:3px;cursor:pointer;background:transparent;);-o-transition:.5sease-out;-moz-transition:.5s ease-out;-webkit-transition:.5sease-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>
ساهم في نشر الموضوع للفائدة:
شارك الموضوع
التسميات:
إضافات البلوجر

عالم من الثقافة والمعرفة والقصص والعبر الهادفة والخطب و المحاضرات والبرامج و الإضافات و الشروحات و كل ما يفيد ويحافظ على صحتك ومجموعة منتقاة من أضخم وأقوى المواضيع في مجالات متعددة
إقرأ أيضا مواضيع مشابهة
إضافات البلوجر- كود إضافة الوقت والتاريخ لمدونات بلوجر
- اضافة أداة التصويت على المواضيع من موقع likebtn
- إضافة 3 أعمدة في الأسفل مدونة بلوجر
- كود منع النسخ
- منع تحديد محتوى مدونتك بالماوس عن طريق كود Css
- كود "إقرأ المزيد" أو "تابع القراءة"
- 26 مليون سنتيم سعر عمرة رمضان للجزائريين
- كود إضافة قائمة بلوجر منزلقة ذكية CSS
- كود اضافة شريط متحرك لآخر التدوينات لمدونة البلوجر
- كيفية استبدال روابط ( الاقدم , الاحدث , الرئيسيه ) باشكال جديدة

