Subscribe For Free Updates!

We'll not spam mate! We promise.

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

4 Mart 2015 Çarşamba

Gadget Açılır Menü yapma kodu - Açık Kaynak Kodu ile Birlikte Gadget Tasarlama






Gadget Açılır Menü yapma kodu


Açılır menü olarak kullanabileceğiniz güzel bir araçtır












<div id="top-navigation-wrapper">
<div class="top-navigationnbt">
<div class="menu-nbttop-container">
<ul class="menunbt" id="top-navnbt">
</ul><select class="selectnav" id="selectnav2"><option selected="">-----→ BÖLÜMÜNÜ SEÇ ------</option><option 
                                                                                                    
value="#">→ MENÜ1</option><option                                                                                                        
value="#">→ MENÜ2</option><option 
value="#">→ MENÜ3</option><option 
value="#">→ MENÜ4</option><option 
value="#">→ MENÜ5</option></select>
</div>
<div class="header-iconsnbt">
<a class="social-iconnbt facebook-iconnbt" href="https://www.facebook.com/vs.kasim.tok" rel="nofollow" target="_blank"></a>
<a class="social-iconnbt twitter-iconnbt" href="https://twitter.com/kasimtok" rel="nofollow" target="_blank"></a>
<a class="social-iconnbt google-iconnbt" href="#" target="_blank"></a>
<a class="social-iconnbt rss-iconnbt" href="http://kasimtok.blogspot.com.tr/feeds/posts/default" rel="nofollow" target="_blank"></a>
</div>
</div>
</div>


















Sayfamızı Ziyaret Etmenizi Rıca Ederiz. 

http://facebook.com/webdeveloperstv



28 Ocak 2015 Çarşamba

Blogger Yazı Etiketleri ile Resimli Slayt Eklentisi

Blogger, sidebar kenar çubuğuna sadece yazı etiketi kullanarak, Resimli, Yazı açıklamalı, Resim genişlik ve yükseklik ayarı, Slayt post sayısı ve navigasyon alt numaratörlü, Önceki ve sonraki yazı butonlu, yazı Etiketleri ile Resimli Slayt Eklentisi.  Blog’unuz için Json ve Java kodlama tekniği ile tasarlanmış, tüm yazı etiketlerinizden en popüler olanları veya dilediğiniz zaman sadece diğer etiket ismini değiştirmek suretiyle kullanabileceğiniz resimli slayt eklentisi için tek yapmanız gereken işlem birkaç link değişiminden ibarettir.

Blog’unuz da gadget olarak kullanacağınız slayt eklentisi oldukca hızlı olup, tüm slayt çalışmasını blog’unuzun RSS, feeds bağlantısından almakta olup, açılış hızını etkilemez. Diğer özelliklerinden biri de, resmin üzerine maus’u yanaştırıldığında slayt geçişi durup, kendini otomatikman bekleme pozisyonuna almasıdır. Maus’u yazı, resim üzerinden uzaklaştırdığınızda slayt çalışmasına devam eder.

Eklentinin özelleştirilmesi için yapmanız gereken çok fazla bir işlem mevcut değildir. Sadece blog isminizi (url) girerek, kullanmak istediğiniz etiketinizi seçeceksiniz. Blog şablonunda kullanılan genişlikler değişebildiğinden, genişlik ve yükseklik rakamlarını belirleminiz yeterli olacaktır. Blog yazılarınız için oluşturduğunuz etiketleri kullanarak her hafta farklı yazılarınızı okuyucularınıza tanıtabilirsiniz. Blog’unuz da bu kadar işlevsel bir eklentinin kullanılması tavsiyelerim arasında yer almaktadır.

Herhalde etiketlerden oluşan resimli açıklamalı, numaratör butonlu eklentinin nasıl çalıştığını merak etmişsinizdir ! Aşağıda canlı demosu verilen eklentiyi görebilmeniz için blog’a giriş yapın. Sidebar da, “ TEMA TASARIM İLE İLGİLİ MESAJLAR “ isimli gadget başlığını bularak inceleyin.

Resimli Son Yazılar Slayt Eklentisinin kurulumu :
1. Blogger kumanda paneline giriş yapın.
2. Yerleşim →  Gadget ekle →  Html/JavaScrip, gadget’ini açın ve aşağıdaki kodları ekleyin. Emeğe saygı duyuyor ve bana destek vermek istiyorsanız kod içindeki Gadget’i al link bağlantısını lütfen silmeyin.
<link rel="stylesheet" type="text/css" href="http://blogger-json-experiment.googlecode.com/svn/resources/blogger-feed-rotator-plugin/default-style.min.css"/> <style type="text/css"> .slider-rotator { width:300px; height:400px;} </style> <div id="slider-rotator" class="slider-rotator loading"></div> <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://adnanguney.blogspot.com", numPost: 10, newTabLink: false, labelName: "Etiketinizinismi", showDetail: true, summaryLength: 240, titleLength: "auto", showThumb: true, thumbWidth: 300, squareThumb: true, noThumb: "http://3.bp.blogspot.com/-vpCFysMEZys/UOEhSGjkfnI/AAAAAAAAFwY/h1wuA5kfEhg/s72-c/grey.png", showNav: true, navText: { prev: "&lt;", next: "&gt;" }, containerId: "slider-rotator", autoSlide: true, interval: 6000, speed: 1000, hoverPause: true, crossFade: false, autoHeight: false }); </script> <div style="font-size:10px;text-align: center;">By <a href="http://guney59.blogspot.com/2015/01/blogger-yaz-etiketleri-ile-resimli.html"target="_blank"> Adnan Güney Gadgeti Al</a></div>  
 
Özelleştirme :
width: 300 px : Gadget resim genişliği
height: 400 px : Gadget resim yüksekliği
http://adnanguney.blogspot.com : Blog (url) link’ini aynı formatta girin. tr uzantısı olmasın.
numPost : 10 : Görülmesini istediğiniz yazı adetini belirler.
labelName : "Etiketinizinismi" Kullanmak istediğiniz etiket yazınızı trayıcıda açın. Son etiket kısmını kopyalayın bu kısma yapıştırın. Tırnak ayraçlarını bozmamaya özen gösterin.
summaryLength : 240 : Yazı açıklama uzunluğunu belirler.
thumbWidth: 250 : Resmin genişliğini belirler.
ÖNEMLİ NOT : Blog’unuzda Jguery kütüphanesinin son güncelleşmiş linki yoksa aşağıdaki verilen etiketi bularak, hemen altına aşağıdaki link’i yapıştırın. Bu link olmadan yukarıdaki kodlar çalışmayacaktır.
Bulunacak etiket :
]]></b:skin>
Güncelleşmiş Jguery linki :
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js' type='text/javascript'/> 
Blog yazılarınız için kullandığınız resim ebatlarını standart boyutlarda olmasına özen gösterin. Büyük resim kullanıyor iseniz, genişlik ebatlarını 400 px. veya 500 px. ebatlarında hangisini tercih ederseniz devamlı ilk yazı resminiz de bu ölçüyü kullanmaya özen gösterirseniz, Slayt görseliniz veya bir başka eklentilerinizin de düzgün görülmesini sağlamış olursunuz. Unutmayın sosyal paylaşımlarda ilk resim önerilen resimdir. Bu neden ile çok iyi olması gerekir. Güzel tasarlanmış açıklama alt niteliği kullanmış resimlerin Google Plus Görseller aracılığı ile blog’unuza %10 civarında okuyucu getirmesi demek olduğunu unutmayın.

22 Ocak 2015 Perşembe

Blogger Gadgetler Nasıl Eklenip Kullanılır

Blogger’un gadget ekle seçeneklerini neden kullanırız ? Blogger gadget nasıl eklenir ? Blogger gadget İd nedir ? Blogger gadget nasıl konumlandırılır ? Blogger’un 2. ve  3. taraf uygulamaları nedir ? Yeni blog kullanıcıları için bilinmesi gerekenler konular. Blogger’un gadget ekle seçeneklerini bilmeyen yok gibidir. Ancak eski yazılarımı, gelişen teknolojik değişimler için güncelleme ve yeni blog kuran blog yazarı arkadaşların tasarım gadget ekleme konusunda yabancılık çekmemeleri için bu yazıyı yazmak istedim. Öncelikle Gadget’in ne olduğunu kendi ifadelerimle anlatmaya çalışıp, sonra kullanım aşamaları nelerdir onlara bakalım.
Gadget nedir ? : (wiki) Gadget, kelimesi tek başına kullanıldığında tam anlamını bulamayan bir kelime. Araçlar, ürünler, gibi anlam ifade eden gadget kelimesi yazılım sektöründe ve bilgisayar proğramları gibi çalışma alanında gerçek kelime ifadesini bulabilmektedir. Blogger tasarımında bulunan gadget seçenekleri belirli güvenlik filitrelerinden geçirildikten sonra bir yazılım proğramı formatında bizlere sunulan diğer benzer ismi ile eklentilerdir. Blogger yerleşim sekmesinde Gadget ekle seçeneği hazır paket bir proğramın çalıştırılmasını sağlayan kısımdır. Ekle seçeneği ile proğramın kurulumuna komut vermiş olursunuz. Bunun sonucunda web sitenize proğram kurularak çalışır duruma getirilir. Blogger gadget ekle seçeneklerinde 28 ad. Google’un onayladığı Gadget’ler vardır ve bunlar ilk sıralamada yer alır.
Diğer gadgetler seçeneği güvenliği 2. taraf dediğimiz gadgetlerden oluşur. 2. taraf gadget’lere en iyi örneği ; İzleyiciler gadget’i olarak verebiliriz. 3. taraf Gadget’ler daha fazla riskli olup pek kullanılmamaktadır. Ancak 3. taraf gadget seçeneklerinden binlerce mevcuttur. Google Gadget Labs için sınıfı geçenler 28 ad. olduğundan bu gadget’leri kullanmanızı öneririm.
Gadget ekle seçenekleri ile ilgili resmi aşağıda inceleyin.
Gadget ekle seçeneklerini neden kullanırız :
Blog’unuzun ilk kurulumunda boş bir ana sayfa ile karşılaşırız. Bu boş ana sayfanıza görsellik ve işlevsellik katmak için gadget ekle seçeneklerindeki proğramlardan beğendiklerimizi seçerek şablon kodlarımızın içine kurulmasını sağlarız. Kurulumun tam tersi olarak gadget’i kaldır dediğinizde proğram şablon kodlarından kaldırılır. Blog’unuza eklediğiniz gadget’ler Google sunucularında sizin hesabınız ile barındırılıp güvenliği sağlanır. Bu nedenle, blogger gadgetleri haricinde  3. taraf bir eklentiyi gadget olarak kurduğunuzda kurmuş olduğunuz eklentinin güvenilir ve sağlam olduğuna emin olmanız sizin lehinizedir. Gadget içindeki link gibi görülen bir kalıbın açılımını yaptığınızda nerde ise bir sayfalık bir kodlardan oluşur. Bu kodları ancak incelerseniz ve bilginiz varsa anlayabilirsiniz. Bu neden ile bilmediğiniz, güvenmediğiniz  her eklentiyi çok güzel diye eklemeyin. Bilinçsizce eklenen bir eklenti için profil hesabınız zarar görebilir. Blogger blog’unuz kapanabilir, spam’a girebilirsiniz.
Blogger gadget nasıl eklenir :
Blogger’un mevcut gadgetleri haricindeki eklentiler kodlardan oluşur. Bu kodların eklendiği yer gadget ekle seçenekleri içindeki Html/JavaScript kod editörüdür. Eklenti kodlarınızı bu seçenekten ekleyebilirsiniz.
Blogger gadget nasıl konumlandırılır :
Blogger gadgetlerini ana sayfa da sidebar (kenar çubuğu), Başlık kısmı (header) veya alt bağlantılar (footer) kısmında konumlandırmak için, gadgeti tutup sürükleyip bıraktıktan sonra blog’unuzu kaydetmeniz yeterlidir. Eklentiniz gadget’in bulunduğu yerde görülecektir.
Blogger gadget İd nedir :
Blog’unuza beğendiğiniz uygulamaları gadget olarak eklediğinizde, bazı eklentileri çalıştırabilmeniz için sizden İd ismi ister. Eklentiniz bu İd ismini girmeden çalışmaz. Blogger şablon kodlarıda bu İd ismi ile yapılandırılmıştır. Şablon → Html’yi düzenle → Widget’e atla ok işaretine tıkladığınızda blog’unuzda ne kadar İd isimli eklenti varsa görebilirsiniz. şimdi aşağıda verilen resimlerde İd isimleri ayrıca görebilirsiniz.
Blogger gadget  İd ismi açmış olduğunuz gadgetin tıpkı tarayıcı link penceresine bakar gibi başlık kısmındaki linkin en sonunda görülür.
Blogger gadget İd isminin görünümü.


Blogger şablon kodlarında Widet’e atla seçeneklerindeki İd isminin görünümü.
Blogger gadget eklentileri ve kullanımı hakkında anlaşılmayan yerler için yorum yazarak bilgi alabilirsiniz. Ayrıca, Gadgetler kategorisindeki yazılar

Ads Inside Post

Sitemize Hoşgeldiniz :)

Haberci

Destek3

Related Posts Plugin for WordPress, Blogger...