وضع أداة آخر الأخبار لمدونات بلوجر

<

السلام عليكم ورحمة الله وبركاته

في تدوينة جديدة وتدوينة اليوم عن كيفية اضافة أداة آخر الأخبار بطريقة سهلة وبسيطة كما ان الاداة خفيفة جدا

صور للأداة

مثال حي للأداة

طريقة التركيب

1.تتجه الي لوحة التحكم
2.نختار التخطيط
3.اضافة اداة
4.نختار اضافة اداة Html ثم نضع الكود
5.قم بوضعها تحت او فوق رسائل المدونة الالكترونية
صورة توضيحية لطريقة التركيب

الكود

<style>

#cnmunewasbar {

  background: #fff;

  box-shadow: 0 0 1px #777;

  height: 30px;

  width: 100%;

}

.cnmunbtile {

  background:#EA5C35;

  color: #fff;

  display: inline-block;

  float: right;

  font: bold 14px/30px tahoma;

  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="https://lh6.googleusercontent.com/-YHYwSfOe3XY/VEIv0ZeiOZI/AAAAAAAAE40/3ZHADkTW5Io/s35/jaded.gif";

    var cnmufontsize=16;

    var cnmubgcolor="transparent";

    var cnmulinkcolor="394347";

    var cnmulinkhovercolor="EA5C35";

</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://alshabh4download.blogspot.com/feeds/posts/default?alt=json-in-script&callback=cnmuAdvRecentPostsScrollerv3&max-results=50" ></script>

<div style='clear: both;'></div>

</div>

بعض الأشياء يمكنك تغييرها

قم بتغيير رابط مدونتنا
http://alshabh4download.blogspot.com/
برابط مدونتك
-------------------------------------------------------------------------
height: 30px
قم بتغيير رقم 30 لتغير طول الاداة
-------------------------------------------------------------------------
background:#EA5C35
قم بتغيير اللون #EA5C35 باللون الذي تريده من هنا
-------------------------------------------------------------------------
 var cnmunumPosts=10
قم بتغير القيمة 10 بعدد المواضيع التي تريد ظهورها
-------------------------------------------------------------------------
https://lh6.googleusercontent.com/-YHYwSfOe3XY/VEIv0ZeiOZI/AAAAAAAAE40/3ZHADkTW5Io/s35/jaded.gif
قم بتغير هذه الصورة بالصورة التي تريدها
-------------------------------------------------------------------------
آخر الأخبار
قم بتغيير هذا الاسم بالاسم الذي يعجبك

<

10:39 ص