شريط بأحدث المشاركات بمدونتك

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

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

فقط قم بنسخ الكود التالي ثم توجه إلي إضافة أداة وألصقه بها بدون عنوان وأحفظ وأعرض المدونة

 <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://estch3ar.blogspot.com\"\>اصنع بار لمدونتك\</a\> ~ \<a tareget =\"_blank\" href=\"http://estch3ar.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/AVvXsEhkv5RVRjoDoZrkjKO-cMEU7S6Gk0NvlJBfH4z9UKpLAPUv9dAk1bWr6QcHa30kdMJtLVgdNiRVXw7FPS7HbqBbO9a9lnaBQr733iATUjpaLgtw0eZfivn9KXtENE7HtXKiu-nOMF9-8fo/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://estch3ar.blogspot.com/feeds/posts/default?alt=json-in-script&callback=RecentPostsScrollerv2&max-results=10 " ></script>

</span> 

<noscript>

<a href="http://estch3ar.blogspot.com">اصنع بار لمدونتك</a></noscript><a href="http://estch3ar.blogspot.com" id="mdclose" onclick="return false;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhv2AS6sXAenHrg6cJJLqPTkjO4qS5sNM7Onwt-gKI-sFah6nH9bUPFkn2lCCSHrgT7lggCKKRCXXEt8BrZWIuQVuEyKLYJvMNEsysRMefP9EgkVBZW0LaQoJe4C9NjzWl-2VVafXvCApM/s400/cancel.png" /></a></div id='md-stickybar'&gt

ولا تنسي تغير (http://estch3ar.blogspot.com) برابط مدونتك

ولرؤية مثال حي: