omerfarukt18@gmail.com
Kırık Link-Sorunlarınız Varsa Mesaj Atabilirsiniz - İyi Günler

29 Eylül 2013 Pazar

Bloggger Yatay Slayt


Bloggerde günden güne değişik eklentiler çıkıyor.Bu Slider İstediğiniz resimleri manuel olarak yükleyebilirsiniz .Çok Güzel börünümü var ve size heryönden kolaylık sağlayacaktır;Neyse Kodları Verelim..



 </head> Kodunu CTRL+F Yardımı İle Aratıp Buluyoruz.Daha Sonra Bulduğunuz Kodun Hemen Üzerine gelecek Şekilde Aşağıdaki Kodları Yappıştırın..
<link href='https://bloggertrixcode.googlecode.com/files/animate.css' rel='stylesheet' type='text/css'/><script src='https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js'/><script src='https://bloggertrixcode.googlecode.com/files/border-slider.js'/><script>/****/            jQuery(document).ready(function(){            jQuery(&#39;#bloggertrix_slider&#39;).animatedSlider({                &#39;loader&#39;:true,                &#39;width&#39;:900,                &#39;height&#39;:300,                &#39;slide_animation_data&#39; :                     [//slides                        //slide1 BEGIN                        [                            {                            &#39;target_element&#39;:&#39;.txt1&#39;,                            &#39;animation_frame&#39;:0,                            &#39;animation_type&#39;:&#39;tada&#39;                            },{                            &#39;target_element&#39;:&#39;.txt2&#39;,                            &#39;animation_frame&#39;:0.8,                            &#39;animation_type&#39;:&#39;tada&#39;                            }                            ],//slide1 END                                                  //slide2 BEGIN                         [{                            &#39;target_element&#39;:&#39;img&#39;,                            &#39;animation_frame&#39;:0,                            &#39;animation_type&#39;:&#39;bounceInUp&#39;                            },{                            &#39;target_element&#39;:&#39;p&#39;,                            &#39;animation_frame&#39;:0.7,                            &#39;animation_type&#39;:&#39;bounceInUp&#39;                            }],//slide2 END                           //slide3 BEGIN                         [{                            &#39;target_element&#39;:&#39;img&#39;,                            &#39;animation_frame&#39;:0,                            &#39;animation_type&#39;:&#39;bounceInUp&#39;                            },{                            &#39;target_element&#39;:&#39;p&#39;,                            &#39;animation_frame&#39;:0.6,                            &#39;animation_type&#39;:&#39;bounceInUp&#39;                            }],//slide3 END                          //slide4 BEGIN                         [{                            &#39;target_element&#39;:&#39;img&#39;,                            &#39;animation_frame&#39;:0,                            &#39;animation_type&#39;:&#39;bounceInUp&#39;                            },{                            &#39;target_element&#39;:&#39;p&#39;,                            &#39;animation_frame&#39;:0.5,                            &#39;animation_type&#39;:&#39;bounceInUp&#39;                            }],//slide4 END                        //slide5 BEGIN                             [{                            &#39;target_element&#39;:&#39;img&#39;,                            &#39;animation_frame&#39;:0,                            &#39;animation_type&#39;:&#39;bounceInUp&#39;                            },{                            &#39;target_element&#39;:&#39;p&#39;,                            &#39;animation_frame&#39;:0.4,                            &#39;animation_type&#39;:&#39;bounceInUp&#39;                            }],//slide5 END                        //slide BEGIN                             [{                            &#39;target_element&#39;:&#39;h1&#39;,                            &#39;animation_frame&#39;:0,                            &#39;animation_type&#39;:&#39;bounceInUp&#39;                            },{                            &#39;target_element&#39;:&#39;p&#39;,                            &#39;animation_frame&#39;:0.3,                            &#39;animation_type&#39;:&#39;bounceInUp&#39;                            }                         ]//slide END                    ]});});        </script>     <link href='http://fonts.googleapis.com/css?family=Kavoon' rel='stylesheet' type='text/css'/>

]]></b:skin> Kodunu Aratıp Buluyoruz.Ve Hemen Üzerine Aşağıdaki Koldarı Yerleştiriyoruz..
/* Slayt Alanı Başlangıç----------------------------------
#bloggertrix_slider {margin:0 auto;}
#bloggertrix_slider .slider-contents {overflow:hidden;border:8px solid #DDDDDD;box-shadow:0 0 3px rgba(3,3,3,0.5);}
#bloggertrix_slider .slide-nav {float:left;padding: 0 8px;height: 26px;background: #3a3a3a;}
#bloggertrix_slider .slide-nav a {width: 14px;height: 14px;text-indent: -999px;float: left;list-style: none;display: block;background: #dddddd;margin: 5px 4px;cursor: pointer;}
#bloggertrix_slider .slide-nav a:hover {
 background: #27BAFF !important;}
#bloggertrix_slider .progress-bar {width:0px;background-color:#AAAAAA;height:2px;top: -2px;overflow:visible !important;display:block !important;position: relative;}
#bloggertrix_slider .controls {height: 26px;margin: 4px auto 0;display: table;}
#bloggertrix_sliderr .pause-play-control {width: 46px;height: 26px;float: left;background: #3A3A3A;color: #fff;}
#bloggertrix_slider .pause-play-control a {width:9px;height: 19px;display:block;overflow:hidden;text-indent: -9999px;background:url('http://img837.imageshack.us/img837/7647/fqnu.png');cursor: pointer;margin:3px auto 0;}
#bloggertrix_slider .pause-play-control a.play-slide {background-position:-5px -3px;}
#bloggertrix_slider .pause-play-control a.pause-slide {background-position:-29px -3px;}
#bloggertrix_slider .slider-next,#bloggertrix_slider .slider-prev {
width: 46px;height: 46px;background: #3a3a3a;display: block;font-size: 41px;color: #FFF;font-weight: bold;text-align: center;position: absolute;cursor: pointer;text-indent: -999px;overflow: hidden;}
#bloggertrix_slider .slider-next:before,#bloggertrix_slider .slider-prev:before {background: #3a3a3a url('http://img837.imageshack.us/img837/7647/fqnu.png');width:32px;height:32px;position:relative;top:7px;left:7px;content:'';display:block;}
/*#bloggertrix_slider .slider-next {margin: -220px 0 0 681px;}
#bloggertrix_slider .slider-prev {margin: -220px 0 0 4px;}*/
#bloggertrix_slider .slider-next:before {background-position:-5px -31px;}
#bloggertrix_slider .slider-prev:before {background-position:-5px -70px;}
.slide1 img {position:relative;}
.img-logo {margin-left: 150px;}
.img-mobile {margin-top: 45px;}
.img-tablet {margin: -168px 0 0 139px;}
.img-laptop {margin: -186px 0 0 349px;}
.slide1 {background-color: #67b608}
.slide2 {background-color: #03bbd3}
.slide3 {background-color: #cf6b30}
.slide4 {background-color: #f2a87b}
.slide5 {background-color: #388efd} 

Enson Olarakta Gadged Ekle Diyip HTML/Javascript Seçip Aşağıdaki Kodları Yapıştırıyoruz.
<div id="bloggertrix_slider">
            <div class="slide1">
             <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8efw6l7IhQ5WqAVtTzWBpHGY2l9U5zhlNSrjG-qWrMxTY1ah-N-YOVGYMuUM5Uf_JCL9_cJaWiQ_3aCMwbjJNDp3-az7Rhn4m5R0uCN0gjqjBWcTcj-zbLoyXQojLvk97QKxWjwU8q1s/s1600/bloggertrix1.jpg" />
            </div>
            <div class="slide2">
              <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0OvrsYkqZh5vrXeFLbKOv8f4RvqGNUhrFGE997OlpaKZmOvnTmhhnJYujL9IP9gZQpkWH0Q5wlNP2LCv5wRObNOM0vcZhOrHCogHNquTrSruWafru5YxrJV_QDJx7kYW-mlx-jBcAwjs/s1600/bloggertrix2.jpg" />
            </div>
            <div class="slide3">
             <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYrf_vascSsV4XGm-nEnxJQTPDGvgLAUuW8PSVmyYEnPBa-IyaU36Cn8IBYuRooQT0pJdTXPhtQ1k6IWjB680x5bWrEeCMVI5rIEjlBN6nLV4IEYeSq69Qlx_pM79ubu9peOI7poe0mPI/s1600/bloggertrix3.jpg" />
            </div>
            <div class="slide4">
             <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEeZ6e0HFP0I5Iwo3pjFxZXnxSZYP5VekVOEXeuXnf_OQ0tE_KyGpOoIZohow_hF4H9YzCqwDFenE0UbnXsdUQqYdsn8qC0tSyy_wu0ZLQPnQrqqIKc0hyFhqxv4MYeStJhpIqstc5xoU/s1600/bloggertrix4.jpg" />
            </div>
            <div class="slide5">
             <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5Jbpf6hjbYKIAZyB4aKXzEsORzTFOG3gKiRpYWFEVwMkRDuQrRjnhw3ZTqf30Fc6ONbEjPyLvbqgoQ9T-QTPrMBEcHRFlADm7c_aJiIcg6nO94YJeppI9yxlyO5IM-M7Uhn3zzhPaZbM/s1600/bloggertrix5.jpg" />    
            </div>
        </div>


  • Kırmızı İle Yazılan Yerler Resimlerin kodlarıdır.Bunları Kendi resimlerini ekleyebilirsiniz.. 

0 yorum:

Yorum Gönder

Kaydol: Kayıt Yorumları (Atom)

 

WarezCini Hakkında

WarezCini, 2015 yılında kurulan ve hala webmasterlara ve Warez hizmet vermeye devam eden tek kişilik bir ekiptir. Webmaster arkadaşlara yardımcı olmak amacıyla script Program,Wordpress,Php,Asp,Html, vs vs paylaşımı yapıyoruz ve sorun yaşayan arkadaşlara elimizden geldiği kadar ücretsiz olarak yardımcı olmaya çalışıyoruz. Bizi desteklemek ve geliştirmek istiyorsanız yaşadığınız sorunları yorum kısmını kullanarak bize bildirebilirsiniz. Sitemizde bulunan herhangi bir script telif haklarını ihlal ediyorsa lütfen bu tarz konuları iletişim bölümünden bize bildiriniz. En kısa sürede geri dönüş yapılacaktır. Alt Tarafatan mail Yollayabilirsiniz İyi Günler :)