في هذا الموضوع سوف نتحدث عن اضافة رائعة لمدونات بلوجر و هي عبارة عن سلايد شو رئيسي انه خفيف جداً يعرض اخر المواضيع المتواجد في كل الاقسام بشكل تلقائي.
كما سنقدم سلايد شو افقي رائع وجذاب
السلايد شو
طريقة الإضافة:أذهب إلى لوحة التحكم في مدونتك >>> تخطيط >>> إضافة أداة >>> ثم أختر HTML/javascripte ثم أضف الكود التالي
<style>.slider-rotator h4{text-align:right !important;}.slider-rotator p{text-align:right !important;}.slider-rotator-nav{background:#10A5F8 !important;border:1px solid #CCC !important;border-radius:5px !important;margin:5px 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://bloggrii.blogspot.com" // Add your blog
bloggrii.blogspot.com الى رابط مدونتك
سلايد شو افقي رائع يغرض اخر تدوينات الموقع بطريقة تلقائية ورائعة واضافته سهلة جدا ولا تتطلب اي تركيز ويتركب هذا السلايد شو من التخطيط بابسط طريقة.
توجه لتخطيط ثم اضف اداة جديدة وضع الكود التالي في اداة جافا سكربت ومبروك عليك الاضافة.
<style> /* Css Slider Posts */ #featured-wrap {position: relative;height: 175px;margin: 0 auto;border-radius: 4px;} #featured {border: 0;outline: none;position: relative;width: 890px;height: 150px;overflow: hidden;top: 10px;margin: 0 auto;} .datex {display: none;} #featured ul{width:9999px} #featured ul,#featured li{list-style:none;padding:0;margin:0;overflow:hidden} #featured li {width: 150px;display: inline-block;float: left;height: 150px;background: #fff;} .thumb-featured {width: 130px;height: 100px;margin: 5px auto;border: 1px solid #fff;} .thumb-featured img {display: block;width: 134px;height: 94px;border: 1px solid #ddd;padding: 2px;cursor: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYkMTi2b1P2MUg-g4RO38m98Y6g549gtTF7B3vY5VWbbNLMWEzidePL4A9ZJ-j2CWjAy6A4LIRKnK4Xkte_4Qt4WIGSHOolA2omamKcLvRcRazDGfSpLfX2CYPDsCjzIFVDxnvGjbsmpU/s1600/Untitled-2.png),pointer;-moz-transition: all .3s ease 0s;} .title-featured {text-align: center;position: relative;margin: 0 4px;font: 10px Electrolize,ge_dinar_oneregular;} .title-featured a {color: #555;} .title-featured h4{overflow:hidden} .arrow {position: absolute;display: block;width: 32px;height: 32px;top: 60px;text-indent: -9999px;} .arrow.back {left: 13px;background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqkMOMdUQ1o6R1jE-1KkGNQWg5y00Y1ViJsYk27gV_uMH43WROoZCUk3CnmiZ3d6hDQxwuAIqeONOl3lR1d_gFllAlFp0PYwsI0pdMji6LvuozJq9PsVtNijYghLBD55gjydahawllnJhX/s1600/lefthm.png)no-repeat;} .arrow.forward {background-position: 100% 50%;right: 10px;background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHOMcsYaZBuuDN6nQ6rwrvsvLU9-0oRZpEJuu6kfjjzXxYxPG8r8LLLC_4Cz_WtcqvrPanQrBFi_BWC4igDfSZrjwWgPvwkI4HiUEw5g03ugudlk2t_Md4TjVEY5I2CwCFa5Y8blK3LSHb/s1600/righthm.png)no-repeat;} span.slideloading{text-indent:-9999px;margin:50px auto;font-family:Electrolize,ge_dinar_tworegular} </style> <div id='featured-wrap'> <div id='featured'> <span class='slideloading'>جاري التحميل ...</span> </div> </div> <script src='https://ar1web-com.googlecode.com/svn/Hm/slider-iHussam.js'/>
إرسال تعليق