كيف تصنع شريط أخبار لمدونتك
موضوع اليوم هو شريط أخبار ثابت في أعلى المدونة قابل للغلق، يعرض آخر ما نشر على المدونة
<span id="preservecd7f841a85e14598842e269fe6392fa3" class="wlWriterPreserve">
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'></script></span><span id="preserve3ec81350f48e4e9ba25a12e7c1bfaffc" class="wlWriterPreserve">
<script >function RecentPostsScrollerv2(json) {
var sHeadLines;
var sPostURL;
var objPost;
var sMoqueeHTMLStart;
var sMoqueeHTMLEnd;
var sPoweredBy;
var sHeadlineTerminator;
var sPostLinkLocation;
try {
sMoqueeHTMLStart = "\<marquee behavior=\"scroll\" onmouseover=\"this.stop();\" onmouseout=\"this.start();\" ";
if (nWidth) {
sMoqueeHTMLStart = sMoqueeHTMLStart + " width = \"" + nWidth + "%\"";
} else {
sMoqueeHTMLStart = sMoqueeHTMLStart + " width = \"100%\"";
}
if (nScrollDelay) {
sMoqueeHTMLStart = sMoqueeHTMLStart + " scrolldelay = \"" + nScrollDelay + "\"";
}
if (sDirection) {
sMoqueeHTMLStart = sMoqueeHTMLStart + " direction = \"" + sDirection + "\"\>";
if (sDirection == "left" || sDirection == "right") {
sHeadlineTerminator = " ";
} else {
sHeadlineTerminator = "\<br/\>";
}
}
if (sOpenLinkLocation == "N") {
sPostLinkLocation = " target= \"_blank\" ";
} else {
sPostLinkLocation = " ";
}
sMoqueeHTMLEnd = "\</MARQUEE\>"
sHeadLines = "";
for (var nFeedCounter = 0; nFeedCounter < nMaxPosts; nFeedCounter++) {
var objPost = json.feed.entry[nFeedCounter];
if (nFeedCounter == json.feed.entry.length) break;
for (var nCounter = 0; nCounter < objPost.link.length; nCounter++) {
if (objPost.link[nCounter].rel == 'alternate') {
sPostURL = objPost.link[nCounter].href;
break;
}
}
sHeadLines = sHeadLines + "\<b\>" + sBulletChar + "\</b\> \<a " + sPostLinkLocation + " href=\"" + sPostURL + "\">" + objPost.title.$t + "\</a\>" + sHeadlineTerminator;
}
sPoweredBy = "<a tareget =\"_blank\" href=\"http://aqlam-n.blogspot.com/2012/09/blog-post_28.html\"\>اصنع بار لمدونتك\</a\> ~ \<a tareget =\"_blank\" href=\"http://aqlam-a.blogspot.com\"\>\</a\>";
if (sDirection == "left") {
sHeadLines = sHeadLines + " " + sPoweredBy;
} else if (sDirection == "right") {
sHeadLines = sPoweredBy + " " + sHeadLines;
} else if (sDirection == "up") {
sHeadLines = sHeadLines + "\<br/\>" + sPoweredBy;
} else {
sHeadLines = sPoweredBy + "\<br/\>" + sHeadLines;
}
document.write(sMoqueeHTMLStart + sHeadLines + sMoqueeHTMLEnd)
} catch (exception) {
alert(exception);
}
}</script>
</span>
<span id="preservefdd9d27d4d344ffcb61aaf2cd29e5ca9" class="wlWriterPreserve">
<script >jQuery(document).ready(function() {
function makingdifferent_stickybar() {
var mdwh = jQuery(window).height();
var mdpph = jQuery("#md-stickybar").height();
var mdfromTop = jQuery(window).scrollTop()+0;
jQuery("#md-stickybar").css({"top":mdfromTop});
}jQuery(window)
.scroll(makingdifferent_stickybar)
.resize(makingdifferent_stickybar)
//alert(jQuery.cookie('sreqshown'));
//var mdww = jQuery(window).width();
//var mdppw = jQuery("#md-stickybar").width();
//var mdleftm = (mdww-mdppw)/2;
var mdleftm = 0;
//var mdwh = jQuery(window).height();
//var mdpph = jQuery("#md-stickybar").height();
//var mdfromTop = (jQuery(window).scrollTop()+mdwh-mdpph) / 2;
jQuery("#md-stickybar").animate({opacity: "1", left: "0" , left: mdleftm}, 0).show();
jQuery("#mdclose").click(function() {
jQuery("#md-stickybar").animate({opacity: "0", left: "-1500"}, 1500).show(); });});</script></span><style>#md-stickybar{background:#000000 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiipopYrERXAvwXR24B510S2t-o9H_E2GhBGxW7_1VG4yGzY05Q_FElczpBJQroaYqI_Md232lYHmTCY03Gg9mVHt1forojP7vgkahgJHXjV5S3amG__3vtrgu63XnJCLS1whFp9BD4uUk/s400/stickybar.png') repeat-x;width:100%;margin:0 auto;text-align:center;padding:0px 0;top:0px;color:#F40045;border-bottom:2px solid #000;/*box-shadow*/-webkit-box-shadow:#666666 0px 1px 3px;-moz-box-shadow:#666666 0px 1px 3px;box-shadow:#666666 0px 1px 3px;z-index:999;display:none;height:28px;position:absolute;line-height:1.85em;vertical-align:baseline;letter-spacing:1px;}#md-stickybar a{text-decoration:none;color:#FFFFFF;font-size:13px;font-weight:bold;font-family:arial,"Helvetica",sans-serif;line-height:24px;}#md-stickybar a:hover{text-decoration:underline;}#md-stickybar p{margin:0;list-style:none;}#md-stickybar img{vertical-align:middle;margin-right:6px;}#mdclose{padding:0px;float:right;cursor:hand;cursor:pointer;color:#ddd!important;}</style><div id='md-stickybar'>
<span id="preserve264a409d976e4d5e9e3c69f03caad185" class="wlWriterPreserve"><script>var nMaxPosts = 10;var nWidth = 95;var nScrollDelay = 175;var sDirection = "right";var sOpenLinkLocation = "N";var sBulletChar = "<<";</script></span><span id="preserve4d600864dd4d427d9eaf21b873237c57" class="wlWriterPreserve">
<script style="" src="http://aqlam-a.blogspot.com/feeds/posts/default?alt=json-in-script&callback=RecentPostsScrollerv2&max-results=10 " ></script>
</span>
<noscript>
<a href="http://aqlam-n.blogspot.com/2012/09/blog-post_28.html">اصنع بار لمدونتك</a></noscript><a href="http://aqlam-a.blogspot.com" id="mdclose" onclick="return false;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFajwj2U__M-BPLHc2rD0U4UV0MWoVD1N8YPGFWyjBzz5eX1sS__S0fddqQeMHTAoorVTV9DM3U-tjUmyunwGocyu9V-HZebQiI19YBHFzsU27nNUcCqr0eJAcKEbfobngsnUDINSyrGI/s400/cancel.png" /></a></div id='md-stickybar'>
|
انسخ الكود من المستطيل الأسفل و ضعه في مدونتك باتباعك هذه الخطوات
لا تحرك القطعة من مكانها و سيظهر البار أعلى المدونة و سيظل ثابتا حتى تغلقه أنت من الزر الذي في يمين البار
ملحوظة:
بدل هذا الرابط في الكود برابط مدونتك
www.bensimaroc.blogspot.com
ليست هناك تعليقات:
إرسال تعليق