تجربة 2: كود شريط اخر اخبار للبلوجر

كود شريط اخر اخبار للبلوجر


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

اولآ : نذهب الى التخطيط
و نضغط اضافة اداة و نختار
HTML/JavaScript

و نضيف هذا الكود
<style>
#cnmunewasbar {
  background: #3F4040;
  box-shadow: 0 0 1px #777;
  height: 30px;
  width: 100%;
}
.cnmunbtile {
  background:#FFCC00;
  color: #fff;
  display: inline-block;
  float: right;
  font: bold 14px/30px AXtLEna;
  height: 100%;
  margin-left: -112px;
  text-align: center;
  width: 110px;
}
.cnmu-newsb-srp {
  float: right;
  font: 14px/28px tahoma !important;
  margin-right: 112px;
}
</style>
<script type="text/javascript">
    var cnmuWidth= 100;
    var cnmuScrollAmount=0;
    var cnmuScrollDelay=80;
    var cnmuDirection="right";
    var cnmutargetlink="yes";
    var cnmunumPosts=10;
    var cnmuBulletchar =">>>";
    var cnmuimagebullet="yes";
    var cnmuimgurl="http://im51.gulfup.com/tBgxJJ.png";
    var cnmufontsize=16;
    var cnmubgcolor="transparent";
    var cnmulinkcolor="FFCC00";
    var cnmulinkhovercolor="DD5F08";
</script>
<div id="cnmunewasbar">
<span class="cnmunbtile">آخر الأخبار</span>
<script src='https://cnmu.googlecode.com/svn/trunk/2014/newsbar.js' type='text/javascript'></script>
<script type="text/javascript" src="http://www.elkobtanpro.ml/feeds/posts/default?alt=json-in-script&callback=cnmuAdvRecentPostsScrollerv3&max-results=50" ></script>
<div style='clear: both;'></div>
</div>

اللون الازرق هو صورة السهم ان كنت تريد تغيرها بصورة اخرى

اللون البرتفالي غير كلمة اخر اخبار الى ما تريد

و الاخضر غيره الى رابط مدونتك او موقعك

و اضغط حفط و مبروك عليك
من فضلك شارك هذا الموضوع اذا اعجبك

ضع تعليقا أخي الكريم

هناك تعليق واحد:

مصمم القالب : يوسف القبطان