إضافة سلايدشو إلى المدونة بواجهة جميلة


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





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

<!-- Edit By http://pikpok1.blogspot.com/ -->
<style>.slider-rotator h4{text-align:right !important;}.slider-rotator p{text-align:right !important;}.slider-rotator-nav{background:#DDD !important;border:1px solid #CCC !important;border-radius:5px !important;margin:2px 12px !important;}.slider-rotator-nav a{background-color:#FFF !important;color:#777 !important;border:1px solid #CCC !important;border-radius:4px !important;}.slider-rotator-nav a:hover{background-color:#FFFDD8 !important;}.slider-rotator-nav a.current{background-color:#BDB6AA !important;border:1px solid #999 !important;color:#FFF !important;}.slider-rotator{border-radius:5px !important;}</style>
<link rel="stylesheet" type="text/css" href="http://blogger-json-experiment.googlecode.com/svn/resources/blogger-feed-rotator-plugin/default-style.min.css"/>
<div id="slider-rotator" class="slider-rotator loading"></div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="http://blogger-json-experiment.googlecode.com/svn/resources/blogger-feed-rotator-plugin/blogger-feed-rotator.min.js"></script>
<script type="text/javascript">
makeSlider({
    url: "http://pikpok1.blogspot.com/" // Add your blog URL
});
</script>


ثم التوجه إلى لوحة التحكم بالمدونة ثم اختيار التخطيط ثم إضافة أداة مع اختيار مكان مناسب لها ثم HTLM/JAVA SCRIPT   ثم نقوم بنسخ الكود الذي سبق لنا و أن قمنا بنسخه مع تغير ما باللون الأحمر إلى رابط مدونتكم و نقوم بحفظ الأداة و مبروك الإضافة 
وهذا مثال لذلك










شارك الموضوع

مواضيع ذات صلة