أداة شريط إخباري منزلق لعرض آخر المواضيع لمدونات بلوجر

أداة شريط إخباري منزلق لعرض آخر المواضيع لمدونات بلوجر

أداة الشريط الإخباري المنزلق لمدونات بلوجر

من بين الأدوات الشائعة المستعملة في كثير من المواقع والمدونات، يعتبر الشريط الإخبار الأفقي المنزلق الذي يعرض آخر الأخبار، المشاركات والمواضيع من أهم الأدوات التي تساعد في زيادة عدد الزيارة وإثارة انتباه الزائر والسماح له بعدم تفويت اي شيء.
أداة الشريط الإخباري لمدونات بلوجر

إضافة أداة الشريط الإخباري لمدونات بلوجر

دعونا نرى طريقة إضافة الشريط الإخبار لآخر المشاركات المواضيع ولمدونات بلوجر عبر الخطوات التالية:
1 - من منصة بلوجر الخاصة بمدونتكم تنقرون على التخطيط
2 - إضافة أداة من نوع HTML/Javascript
3 - داخل إطار الأداة قوموا بإضافة الكود التالي:
<script type='text/javascript'>
var w2bWidth="100";
var w2bScrollAmount="5";
var w2bScrollDelay="150";
var w2bDirection="right";
var w2btargetlink="yes";
var w2bnumPosts="5";
var w2bBulletchar =">>>";
var w2bimagebullet="yes";
var w2bimgurl="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifs5eACm3lbMpY99lV4RB-EA3fpzVJJ1YMStCcPIYqwIMI82rBuq2U-4VHjR2DDk0PWOh-XCWzjKD8aL6rrWR4HroBcEzxtGVXiAfMkQfJQv-necD9_kPIFKbYgyXyC4fzGlCF8f0Imns/h120/new.png";
var w2bfontsize="14";
var w2bbgcolor="transparent";
var w2blinkcolor="333333";
var w2blinkhovercolor="3366CC";
</script>

<script type='text/javascript'>
/*
* Advenced Recent Posts Scroller Version 3 For Blogger
* Widget By folfoly
* Url: http://www.folfoly.com/
*
*/

function w2bAdvRecentPostsScrollerv3(json) {
var w2brecentposts;
var w2bpostlink;
var w2bobj;
var w2bmarqueehtml;
var w2bmarqueehtml2;
var byfolfoly;
var w2blinkgap;
var w2bposttargetlink;
var w2bBullet;
try {
w2bmarqueehtml = "\<marquee behavior=\"scroll\" onmouseover=\"this.stop();\" onmouseout=\"this.start();\" ";

if (w2bScrollAmount) {
w2bmarqueehtml = w2bmarqueehtml + " scrollamount = \"" + w2bScrollAmount + "%\"";
}
if (w2bWidth) {
w2bmarqueehtml = w2bmarqueehtml + " width = \"" + w2bWidth + "%\"";
} else {
w2bmarqueehtml = w2bmarqueehtml + " width = \"100%\"";
}
if (w2bScrollDelay) {
w2bmarqueehtml = w2bmarqueehtml + " scrolldelay = \"" + w2bScrollDelay + "\"";
}
if (w2bDirection) {
w2bmarqueehtml = w2bmarqueehtml + " direction = \"" + w2bDirection + "\"\>";
if (w2bDirection == "right" || w2bDirection == "left") {
w2blinkgap = "&nbsp;&nbsp;&nbsp;";
} else {
w2blinkgap = "\<br/\>";
}
}
if (w2btargetlink == "yes") {
w2bposttargetlink = " target= \"_blank\" ";
} else {
w2bposttargetlink = " ";
}
if (w2bimagebullet == "yes") {
w2bBullet = " \<img class=\"w2bbulletbimg\" src=\"" + w2bimgurl + "\" />";
} else {
w2bBullet = w2bBulletchar;
}
w2bmarqueehtml2 = "\</marquee\>"
w2brecentposts = "";
for (var w2brp = 0; w2brp < w2bnumPosts; w2brp++) {
var w2bobj = json.feed.entry[w2brp];
if (w2brp == json.feed.entry.length) break;
for (var w2bcc = 0; w2bcc < w2bobj.link.length; w2bcc++) {
if (w2bobj.link[w2bcc].rel == 'alternate') {
w2bpostlink = w2bobj.link[w2bcc].href;
break;
}
}
w2brecentposts = w2brecentposts + w2bBullet + " \<a " + w2bposttargetlink + " href=\"" + w2bpostlink + "\">" + w2bobj.title.$t + "\</a\>" + w2blinkgap;
}
byfolfoly = "\<a tareget =\"_blank\" href=\"http://www.folfoly.com\"\>\</a\>\<a tareget =\"_blank\" href=\"http://www.folfoly.com/\"\>\</a\>";
if (w2bDirection == "left") {
w2brecentposts = w2brecentposts + "&nbsp;&nbsp;&nbsp;" + byfolfoly;
} else if (w2bDirection == "left") {
w2brecentposts = byfolfoly + "&nbsp;&nbsp;&nbsp;" + w2brecentposts;
} else if (w2bDirection == "up") {
w2brecentposts = w2brecentposts + "\<br/\>" + byfolfoly;
} else {
w2brecentposts = byfolfoly + "\<br/\>" + w2brecentposts;
}
document.write("\<style style=\"text/css\"\>.folfoly-srp{font-size:" + w2bfontsize + "px;background:#" + w2bbgcolor + ";font-weight:bold; font-family: Tahoma; background-color: #B0ADAD; border: black 1px solid; border-radius: 2px; padding: 2px;}.folfoly-srp a{color:#" + w2blinkcolor + ";text-decoration:none;}.folfoly-srp a:hover{color:#" + w2blinkhovercolor + ";}img.w2bbulletbimg{vertical-align:middle;border:none;}\</style\>")
document.write("\<div class=\"folfoly-srp\"\>" + w2bmarqueehtml + w2brecentposts + w2bmarqueehtml2 + "\</div\>")
} catch (exception) {
alert(exception);
}
}
</script>

<script type='text/javascript' src=" http://folfoly.com//feeds/posts/default?alt=json-in-script&callback=w2bAdvRecentPostsScrollerv3&max-results=10"></script>
4 - غيروا رابط مدونة فولفولي برابط مدونتكم بالأحمر.
5 - قوموا بحفظ التغييرات وشاهدوا الأداة الجميلة على مدونتكم.

هذا كل ما يتعاق بأداة الشريط الإخباري المنزلق لعرض آخر المشاركات لمدونات بلوجر. لا تنسوا مشاركة الموضوع على فيس بوك وتويتر.

هناك تعليقان (2)

لكل سؤال أو إضافة، يرجى كتابة تعليقك في الخانة اسفله