popüler etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster

  • Renkli Populer Yayınlar Eklentisi

    Read More
    0

    Blogger Renkli Populer Yayınlar Eklentisi

    Bu eklentimizle , blogunuzda bulunan populer yayınlar eklentinizi dahada renklendirmeyi anlatacağız..

    Renkli popüler yayınlar eklentimiz ile  blogunuzu daha çekici bir hale getirebilirsiniz..

    Hemen anlatıma geçelim...aşağıdaki kodumuzu buluyoruz.. 
    ]]></b:skin>
    Hemen üstüne aşağıda yer alan kodlarımızı ekliyoruz.. 
    /*Renkli Populer Yayınlar Eklentisi Baslangıcı http://eklentileri.blogspot.com*/
    #PopularPosts1 ul li a:hover{color:#fff;text-decoration:none}
    #PopularPosts1 ul li a {-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; color: #333333; display: block; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 11px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; margin: 0px 40px 0px 0px; min-height: 30px; orphans: 2; padding: 0px; text-align: -webkit-auto; text-decoration: none !important; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;}
    #PopularPosts1 ul li .item-thumbnail{float:left;border:0;margin-right:30px;background:transparent;padding:0;width:51px;height:51px}
    #PopularPosts1 ul li:first-child:after,
    #PopularPosts1 ul li:first-child + li:after,
    #PopularPosts1 ul li:first-child + li + li:after,
    #PopularPosts1 ul li:first-child + li + li + li:after,
    #PopularPosts1 ul li:first-child + li + li + li + li:after,
    #PopularPosts1 ul li:first-child + li + li + li + li + li:after,
    #PopularPosts1 ul li:first-child + li + li + li + li + li + li:after,
    #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after,
    #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after,
    #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{position:absolute;top:10px;right:5px;border-radius:50%;border:2px solid #ccc;background:#353535;-webkit-box-shadow:0px 0px 5px #000;-moz-box-shadow: 0px 0px 5px #000;width:30px;height:30px;line-height:1em;text-align:center;font-size:28px;color:#fff}
    #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li {background:#DF01D7;width:89%}
    #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after{content:"8"}
    #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li{background:#B041FF;width:89%}
    #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after{content:"9"}
    #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li +li{background:#F52887;width:89%}
    #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{content:"10"}
    #PopularPosts1 ul li:first-child + li + li + li + li +li{background:#7ee3c7;width:89%}
    #PopularPosts1 ul li:first-child + li + li + li + li + li:after{content:"6"}
    #PopularPosts1 ul li:first-child + li + li + li + li + li +li{background:#f6993d;width:89%}
    #PopularPosts1 ul li:first-child + li + li + li + li + li + li:after{content:"7"}
    #PopularPosts1 ul li:first-child + li + li + li + li{background:#33c9f7;width:89%}
    #PopularPosts1 ul li:first-child + li + li + li + li:after{content:"5"}
    #PopularPosts1 ul li:first-child + li + li + li{background:#c7f25f;width:89%}
    #PopularPosts1 ul li:first-child + li + li + li:after{content:"4"}
    #PopularPosts1 ul li:first-child + li + li{background:#ffde4c;width:89%}
    #PopularPosts1 ul li:first-child + li + li:after{content:"3"}
    #PopularPosts1 ul li:first-child + li{background:#ff764c; width:89%}
    #PopularPosts1 ul li:first-child + li:after{content:"2"}
    #PopularPosts1 ul li:first-child{background:#ff4c54 ;width:89%}
    #PopularPosts1 ul li:first-child:after{content:"1"}
    #PopularPosts1 ul{margin:0;padding:0px 0;list-style-type:none}
    #PopularPosts1 ul li{position:relative;margin:6px 0;border-radius:25px 0px 25px 0px;border:2px solid #f7f7f7;-webkit-box-shadow:3px 3px 3px #000;-moz-box-shadow: 3px 3px 3px #000;padding:10px}
    /*Renkli Populer Yayınlar Eklentisi Sonu http://eklentileri.blogspot.com*/
    Yapmanız gereken sadece bu kadar = ) Bu eklentinin çalışabilmesi için , blogunuza daha önceden popüler yayınlar eklentisini eklemiş olmanız gerekmektedir...Eğer ekli değilse , popüler yayınlar eklentisini eklemeyi unutmayınız...

    Bu eklentinin önzilemesini , blogumuzun sağ üst tarafında görebilir yada BURAYA tıklayabilirsiniz..



    <<< Bu Yazı için Arama Sonuçları  >>>

    Renkli Populer Yayınlar Eklentisi , Blogger Renkli Populer Yayınlar Eklentisi , Blogger Renkli Populer Yayınlar , Renkli Populer Yayınlar Eklentisi Nasıl Eklenir , Renkli Populer  Eklentisi , Blogger Populer Yayınlar Eklentisi



    By : Unknown

    On :

  • En Çok Yorum Yapanlar Eklentisi

    Read More
    0

    Blogger En Çok Yorum Yapanlar Eklentisi Widget

    Blogger blogunuzda , en çok yorum yapanları göstermek istermisiniz ?

    DEMO

    Bu eklentimizle , blogunuzun istediğiniz bir yerine ekleyeceğiniz gadget ile , blogunuzda en çok yorum yapan kullanıcıları listeleyecektir..

    Blogunuzun yerleşim kısmına girerek gadget ekle >> HTML/JavaScript seçeneği ile açılan panele aşağıdaki kodları ekleyin.. 
    <script type='text/javascript'>
    function pipeCallback(obj) {
     document.write('<ol>');
     var i;
     for (i = 0; i < obj.count ; i++)
     {
     var href = "'" + obj.value.items[i].link + "'";
     var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>";
     document.write(item);
     }
     document.write('</ol>');
     }
     </script>
    <script type="text/javascript" src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&_id=918c4b96efdf63fee389f2f025085904&EntertheURL=http%3A%2F%2F    eklentileri.blogspot.com&number=5&Nametobeexcluded=XXXXX"></script>
    Yukarıdaki kodlarda dikkat etmeniz gereken ,

          Kırmızı ile yazılmış eklentileri.blogspot.com adresi yerine kendi blog adresinizi

          Mavi renk ile yazılmış 5 yerine , göstermek istediğiniz kişi sayısı

          Siyah ile yazılmış XXXXX yerine ise , görünmesini istemediğiniz kullanıcı adı ( Kendinizin görünmesini istemiyorsanız , kendi kullanıcı adınızı yazabilirsiniz.. )


    <<< Bu Yazı için Arama Sonuçları  >>>

    En Çok Yorum Yapanlar Eklentisi , Blogger En Çok Yorum Yapanlar Eklentisi , Blogger en çok yorum yapanlar , Blogger yorum eklentisi , blogger en yorumcular , blogger en fazla yorum yapanlar , Blogger en çok yorum yapanları gösterme


    By : Unknown

    On :

  • Blogger Renkli Popüler Yayınlar Eklentisi

    Read More
    0

    Blogger Renkli Popüler Yayınlar Eklentisi

    Bu eklentimizde , blogunuzda bulunan popüler yayınlarınız renkleniyor , Popüler yayınlarınıza renk katmak isterseniz bu eklenti tam size göre..

    Görsel açıdan oldukça şık olan Blogger Renkli Popüler Yayınlar Eklentisini tavsiye ediyoruz..

    Anlatıma geçelim hemen..

    Şablona girerek , Widget Şablonlarını Genişlet diyoruz ve Aşağıdaki kodumuzu buluyoruz 
    /* Variable definitions
       ====================
    Bu kodumuzun hemen altına aşağıdaki kodlarımızı ekliyoruz.. 
    <Group description="PopularPosts Backgrounds" selector="#PopularPosts1">
    <Variable name="PopularPosts.background.color1" description="background color1" type="color" default="#fa4242" value="#ff4c54"/>
    <Variable name="PopularPosts.background.color2" description="background color2" type="color" default="#ee6107" value="#ff764c"/>
    <Variable name="PopularPosts.background.color3" description="background color3" type="color" default="#f0f" value="#ffde4c"/>
    <Variable name="PopularPosts.background.color4" description="background color4" type="color" default="#ff0" value="#c7f25f"/>
    <Variable name="PopularPosts.background.color5" description="background color5" type="color" default="#0ff" value="#33c9f7"/>
    <Variable name="PopularPosts.background.color6" description="background color6" type="color" default="#ff0" value="#7ee3c7"/>
    <Variable name="PopularPosts.background.color7" description="background color7" type="color" default="#ff0" value="#f6993d"/>
    </Group>
    Şimdi ise bu kodu bulalım. 
    ]]></b:skin>
    Hemen üstüne aşağıdaki kodlarımızı ekliyoruz.. 
    #PopularPosts1 ul{margin:0;padding:5px 0;list-style-type:none}
    #PopularPosts1 ul li{position:relative;margin:5px 0;border:0;padding:10px}
    #PopularPosts1 ul li:first-child{background:$(PopularPosts.background.color1);width:90%}
    #PopularPosts1 ul li:first-child:after{content:"1"}
    #PopularPosts1 ul li:first-child + li{background:$(PopularPosts.background.color2);width:85%}
    #PopularPosts1 ul li:first-child + li:after{content:"2"}
    #PopularPosts1 ul li:first-child + li + li{background:$(PopularPosts.background.color3);width:80%}
    #PopularPosts1 ul li:first-child + li + li:after{content:"3"}
    #PopularPosts1 ul li:first-child + li + li + li{background:$(PopularPosts.background.color4);width:75%}
    #PopularPosts1 ul li:first-child + li + li + li:after{content:"4"}
    #PopularPosts1 ul li:first-child + li + li + li + li{background:$(PopularPosts.background.color5);width:70%}
    #PopularPosts1 ul li:first-child + li + li + li + li:after{content:"5"}
    #PopularPosts1 ul li:first-child + li + li + li + li +li{background:$(PopularPosts.background.color6);width:65%}
    #PopularPosts1 ul li:first-child + li + li + li + li + li:after{content:"6"}
    #PopularPosts1 ul li:first-child + li + li + li + li + li +li{background:$(PopularPosts.background.color7);width:60%}
    #PopularPosts1 ul li:first-child + li + li + li + li + li + li:after{content:"7"}
    #PopularPosts1 ul li:first-child:after,
    #PopularPosts1 ul li:first-child + li:after,
    #PopularPosts1 ul li:first-child + li + li:after,
    #PopularPosts1 ul li:first-child + li + li + li:after,
    #PopularPosts1 ul li:first-child + li + li + li + li:after,
    #PopularPosts1 ul li:first-child + li + li + li + li + li:after,
    #PopularPosts1 ul li:first-child + li + li + li + li + li + li:after{position:absolute;top:20px;right:-15px;border-radius:50%;background:#353535;width:30px;height:30px;line-height:1em;text-align:center;font-size:28px;color:#fff}
    #PopularPosts1 ul li .item-thumbnail{float:left;border:0;margin-right:10px;background:transparent;padding:0;width:40px;height:40px}
    #PopularPosts1 ul li a{font-size:12px;color:#444;text-decoration:none}
    #PopularPosts1 ul li a:hover{color:#222;text-decoration:none}
    Yukarıdaki işlemleri yaptıysanız eklentimiz şuan için çalışacaktır , ama popüler yayınlarda resim kullanıyorsanız aşağıdaki anlatımıda yapmanızı öneririz , yoksa resimler düzgün görüntülenmeyebilir , resim kullanmıyorsanız üstte anlatılanlar yeterli..

    Öncelikle popüler yayınları blogunuza eklediğinizden emin olun , standart olarak popüler yayınlar başlığınız , "Popüler Yayınlar" şeklindedir..Bu yüzden biz popüler yayınlar kelimesini arayacağız , farklı bir isim kullandıysanız siz o ismi aratın.. 
    <b:widget id='PopularPosts1' locked='false' title='Popüler Yayınlar' type='PopularPosts'>
    x
    X
    X
    X
    X
    X
    X
    X
    X
    X
    X
    X
    X
    X
    X
    X
    X
    </b:widget>
    Yukarıdaki kodlar , popüler yayınların bulunduğu kodlar , burada yapmamız gereken ilk kod ile son kod arasını silip , aşağıdaki kodlarımızı sildiğiniz yere eklemek , yukarda silmeniz gereken yerleri kırmızı x ile gösterdim( sizde x yerine kodlar olacak) diğer ilk ve son koda dokunmayın...aralarını silip aşağıdaki kodlarımı ekleyin..
    <b:includable id='main'>
       <b:if cond='data:title'>
        <h2><data:title/></h2>
       </b:if>
       <div class='widget-content popular-posts'>
        <ul>
         <b:loop values='data:posts' var='post'>
          <li>
           <b:if cond='data:showThumbnails == &quot;false&quot;'>
            <b:if cond='data:showSnippets == &quot;false&quot;'>
             <a expr:href='data:post.href' expr:title='data:post.title' rel='bookmark'><data:post.title/></a>
            <b:else/>
             <a expr:href='data:post.href' expr:title='data:post.snippet' rel='bookmark'><data:post.title/></a>
            </b:if>
           <b:else/>
            <b:if cond='data:showSnippets == &quot;false&quot;'>
             <b:if cond='data:post.thumbnail'>
              <img class='item-thumbnail' expr:alt='data:post.title' expr:src='data:post.thumbnail'/>
             <b:else/>
              <img alt='no image' class='item-thumbnail' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_Jdfx4oD3XMhc8am9HtN9uun1tqnAlYhcCDponBB1dy6wTvawpMAzBlcd1kAuAyT62dJtqWapjJVlpjI6-YPnbiqy-kZmmlNjSIOaGcSexULaa6ZkJF9wg-XqPnN6TaA5-jY6oZnO_48/s1600/defaultimage.jpg'/>
             </b:if>
             <a expr:href='data:post.href' expr:title='data:post.title' rel='bookmark'><data:post.title/></a>
             <div class='clear'/>
            <b:else/>
             <b:if cond='data:post.thumbnail'>
              <img class='item-thumbnail' expr:alt='data:post.title' expr:src='data:post.thumbnail'/>
             <b:else/>
              <img alt='no image' class='item-thumbnail' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_Jdfx4oD3XMhc8am9HtN9uun1tqnAlYhcCDponBB1dy6wTvawpMAzBlcd1kAuAyT62dJtqWapjJVlpjI6-YPnbiqy-kZmmlNjSIOaGcSexULaa6ZkJF9wg-XqPnN6TaA5-jY6oZnO_48/s1600/defaultimage.jpg'/>
             </b:if>
             <a expr:href='data:post.href' expr:title='data:post.snippet' rel='bookmark'><data:post.title/></a>
             <div class='clear'/>
            </b:if>
           </b:if>
          </li>
         </b:loop>
        </ul>
       </div>
      </b:includable>
    Yukarıdaki kodlarıda eklediyseniz , Blogger Renkli Popüler Yayınlar Eklentisine artık sahipsiniz, güle güle kullanın..DEMO


    <<< Bu Yazı için Arama Sonuçları  >>>

    Blogger Renkli Popüler Yayınlar Eklentisi , Blogger Renkli Popüler Yayınlar Gösterme , Renkli Popüler Yayınlar eklentisi , Popüler Yayınlar , Popüler Yayınlar eklentisi , Blogger Popüler Yayınlar Eklentisi


    By : Unknown

    On :

  • Popüler Yayınlar Hareketli Zoom Efekti Eklentisi

    Read More
    0

    Popüler Yayınlar Hareketli Zoom Efekti Eklentisi

    Bblogger blogunuzda bulunan popüler yayınlar eklentinizi biraz daha canlandırmak istermisiniz ?

    Bu eklentimizde , ziyaretçileriniz popüler yayınlarda bulunan resimlerin üzerine fare ile geldiğinde , resimler hareketlik kazanarak büyük hal alır..

    Oldukça güzel bir eklenti olduğunu düşündüğümüz Popüler Yayınlar Hareketli Zoom Efekti Eklentisini blogger blogunuza eklemek için aşağıdaki adımları uygulayınız..
    ]]></b:skin>
    Yukarıdaki kodu bulun ve hemen altına aşağıdaki kodları ekleyiniz.. 
    <style type='text/css'>
    .PopularPosts ul li {background: none repeat scroll 0 0 transparent;float: left;list-style: none outside none;margin: 5px !important;padding: 0 !important;}
    .PopularPosts ul li img {padding:0;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;border: 2px solid #CCC;height: 80px;width: 80px;}
    .PopularPosts ul li img:hover {border:2px solid #BBB;-moz-transform: scale(1.6) rotate(-1090deg) ;-webkit-transform: scale(1.6) rotate(-1090deg) ;-o-transform: scale(1.6) rotate(-1090deg) ;-ms-transform: scale(1.6) rotate(-1090deg) ;transform: scale(1.6) rotate(-1090deg) ;}
    </style>
    Yukarıdaki kodu eklediyseniz eklentimiz hazırdır , unutmadan not olarak , eklentinin çalışması için, blogunuzda popüler yayınları eklemiş olmanız gerekmektedir..popüler yayınları yerleşim/gadget ekle/popüler yayınlar sekmesinden ekleyebilirsiniz..Demo için TIKLAYIN....Açılan sayfadaki popüler yayınlar eklentisi üzerinde çalışma şeklini görebilirsiniz.
    By : Unknown

    On :

  • 3D Küp Popüler Yayınlar Eklentisi

    Read More
    0

    3D Küp Popüler Yayınlar Eklentisi

    Bu Blogger eklentisi , blogunuzda bulunan popüler yayınlarınızı küp şeklinde ziyaretçilerinize sergiler, küpümüz aşağı yukarı , sağa sola dönerek , popüler konularınız arasında geçiş yapar..

    Klasik popüler yayınlardan sıkıldaysanız , bu eklenti işinize yarayabilir..

    3D Küp Popüler Yayınlar Eklentisini blogunuzda kullanmak için , aşağıda bulunan bloguma ekle butonuna basabilir ve blogunuza ekleyebilirsiniz , kaldırmak isterseniz , yerleşim sekmesinden gadgeti kaldırmanız yeterli olacaktır..


    NOT : Bu eklentiyi eklemeden önce blogunuza yerleşim >> gadget ekle kısmından popüler yayınları eklemeyi unutmayın , yoksa çalışmaz..Sorun ve görüşleriniz için aşağıdaki yorum panelini kullanabilirsiniz..
    By : Unknown

    On :

    • Labels

    Popular Posts

    Blog Archive

    Blogger tarafından desteklenmektedir.

    Copyright © 2013 - Hyperdimension Neptunia

    Blogger Ve Wordpress Tema Arşivi - Powered by Blogger - Designed by Johanes Djogan