İstediğiniz Kayıtları Slider Olarak Gösterme Eklentisi

Yeni bir eklenti daha. Slider olarak kullanılan eklentilerde kendi isteğiniz dışındaki kayıtlar görünüyordu ama bu eklenti ile kendi istediğiniz kayıtları slider olarak gösterebileceksiniz. İşte eklenti:


Alttaki kodu gadget olarak ekleyin.

post url yazan yere linkleri, post title yazan yere ise kayıt başlıklarını eklemeniz gerekiyor.

<div id="featured-post"> <ul> <!--Featured Post 1> <li> <div class="item-content"> <div class="item-thumbnail"> <a href="post url"><img src="image url" /> </a></div> <div class="item-title"> <a href="post url">Post Title</a></div> </div> </li> <!Featured Post 1 end--> <!--Featured Post 2> <li> <div class="item-content"> <div class="item-thumbnail"> <a href="post url"><img src="image url" /> </a></div> <div class="item-title"> <a href="post url">Post Title</a></div> </div> </li> <!Featured Post 2 end--> <!--Featured Post 3> <li> <div class="item-content"> <div class="item-thumbnail"> <a href="post url"><img src="image url" /> </a></div> <div class="item-title"> <a href="post url">Post Title</a></div> </div> </li> <!Featured Post 3 end--> <!--Featured Post 4> <li> <div class="item-content"> <div class="item-thumbnail"> <a href="post url"><img src="image url" /> </a></div> <div class="item-title"> <a href="post url">Post Title</a></div> </div> </li> <!Featured Post 4 end--> </ul>

Alttaki kodu ]]></b:skin> bu kodun üzerine ekleyin.

  #featured-post a{color:#fff} #featured-post ul{list-style:none;padding:0} #featured-post ul li{padding:2px 0 0 2px;float:left;clear:none;width:183px} #featured-post .item-content{background:transparent} #featured-post .item-thumbnail{background:transparent} #featured-post .item-content img{width:183px;height:183px} #featured-post .item-title{line-height:1.3em;font-size:90%;min-height:50px;max-height:50px;;opacity:0.75;background:#000;margin:-63px 0 1px;padding:5px;color:#fff;overflow:hidden} #featured-post ul li:first-child{height:250px!important;width:250px!important;padding:2px 0 0!important} #featured-post ul li:first-child img{height:250px!important;width:250px!important} #featured-post ul li:first-child + li + li + li{width:368px!important;height:64px!important;overflow:hidden} #featured-post ul li:first-child + li + li + li img{width:368px!important;height:368px!important} #featured-post ul li:first-child + li + li + li div.item-title{margin:-373px 0 5px;padding-right:60px;min-height:56px;max-height:56px;opacity:0.90;background: #000 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqev6mubysUa7SndYCTBISjBY5DggbWpCDMnROTAnOuWa7gGjbIRuZr4aceTeKktefYJRPv-5bAPaZOZDBkIJlz2tLQIxeHhDI9zrBkDGtKnH8jvpeTV4qi-zvXObIppTV7kEMwjr6KOA/s48/Arrow%2520Right.png') 305px 7px no-repeat!important}

Related Post: