أسهل طريقة
لتركيب شريط آخر الأخبار المتحرك على مدونتك
إذا أردت إعطاء مدونتك جمالية خاصة، بحيث تصبح ملفتة للإنتباه، وتجذب الزوار للإطلاع عليها وعلى محتوياتها، فإن إضافة آخر المواضيع في أعلى الصفحة على شكل شريط متحرك هو الحل الأمثل الذي يغري الزائر ليطلع على مواضيع مدونتك الأخيرة وتصفحه لكافة مواضيعها.
أنا شخصياً قمت بإضافة شريط آخر الأخبار في مدونتي، وقد واجهتني بعض الصعوبات في البداية، لكن مع بعض التعديلات البسيطة من قبل مبرمجي هذا الموقع، أصبح الشريط رائعاً ويعمل بشكل جيد جدا، وقد وضعته في أعلى المدونة كما يظهر في الصورة التالية:
الآن إذا أعجبتك الفكرة، وأنا متأكد من ذلك،
فكل ما عليك هو متابعة بقية الخطوات البسيطة لتركيب هذا الشريط
طريقة تركيب الشريط
طريقة تركيب الشريط
أضف الكود التالي داخل آداة HTML/JavaScript :
<style>
#cnmunewasbar {
background: #fff;
box-shadow: 0 0 1px #777;
height: 30px;
width: 100%;
}
.cnmunbtile {
background:#008EFA;
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="008EFA";
var cnmulinkhovercolor="CD0317";
</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.ncolnews.blogspot.com/feeds/posts/default?alt=json-in-script&callback=cnmuAdvRecentPostsScrollerv3&max-results=50" ></script>
<div style='clear: both;'></div>
</div>
#cnmunewasbar {
background: #fff;
box-shadow: 0 0 1px #777;
height: 30px;
width: 100%;
}
.cnmunbtile {
background:#008EFA;
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="008EFA";
var cnmulinkhovercolor="CD0317";
</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.ncolnews.blogspot.com/feeds/posts/default?alt=json-in-script&callback=cnmuAdvRecentPostsScrollerv3&max-results=50" ></script>
<div style='clear: both;'></div>
</div>
- استبدل http://www.ncolnews.blogspot.com برابط مدونتك
- الرقم 80 هو سرعة الشريط كلما قل
كلما كان اسرع كلما زاد اصبح بطئ
- ان اردت فتح الروابط
في نفس الصفحة استبدل هذه الكلمة yes بهذه no
- هذا 10 هو عدد
الموضوعات
- هذا #fff لون خلفية الشريط
البيضاء
- هذا #008EFA لون خلفية
كلمة آخر الأخبار والتي يمكنك تغييرها هي الأخرى
- وهذا #fff هو لون خط
كلمة آخر الأخبار
- الرابط الزهري هو صورة جديد
يمكنك استبداله برابط صورة أخرى
- هذا 008EFA هو لون
الروابط ملحوظة لا نضيف للون هنا رمز #
- هذا CD0317 هو لون الروابط عند تمرير الماوس وايضاً لا نضيف له الرمز #
- هذا tahoma هو نوع الخط يمكنك استبداله بخط آخر مخصص
- الرقم 14 هو حجم الخط
الاول خاص بكلمة آخر الأخبار والثاني خاص بالروابط
- هذا 30 هو بعد الخط
من الاعلى للكملة وهذا 28 للروابط
في النهاية ستحصل على شريط إخباري رائع في أعلى مدونتك، يظهر آخر المواضيع المنشورة في مدونتك، ليستطيع الزوار الإطلاع عليها بكل سهولة ويسر
إذا أعجبتك هذه الطريقة فلا تنسى مشاركتها مع معارفك وأصدقائك لتعم الفائدة على الجميع، مع تحياتنا منوعات نيوز
0 التعليقات:
إرسال تعليق