اليوم سوف أشرح طريقة إضافة اخر المشاركات في القائمة الجانبية لمدونة بلوجر وهذه القائمة الجانبية تتميز بخصائص رائعة جداً ومن أفضل المميزات أنها حصرية وخفيفة جداً ومنظرها أنيق لكل المدونات ولكل الأذواق بإذن الله .
طريقة التركيب :
- أدخل مدونتك .
- ثم التخطيط .
- أضف أداة عبارة عن HTML.
- إنسخ والصق هذا الكود بها :
<!-- Edit By http://www.7lolblogger.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://3alamalcomputer.blogspot.com/" // Add your blog URL
<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://3alamalcomputer.blogspot.com/" // Add your blog URL
});
</script>
</script>
غير ما باللون الأزرق برابط مدونتك ثم إحفظ القالب، و بهذا تكون قد أنهيت المهمة بنجاح، حيث سيمكنك معاينة عملك عبر التوجه لمدونتك.
هل اعجبك الموضوع ؟
ليست هناك تعليقات :
إرسال تعليق