Dinamik Classic görünümde Soldan açılan Gadget

Dinamik Classic görünümde Soldan açılan Gadget

Dinamik Classic görünümde Soldan açılan Gadget
Dinamik Classic görünümde Sağdan açılan Gadget

Dinamik Classic görünümde Sağdan açılan Gadget

Blogger Bloglarınızda, Dinamik Classic görünümünde sağdan açılan Gadget Dökümanlarını, Soldan açılan Gadget Döküman olarak nasıl uygularız ? Dinamik blogunuzu Sidebar görünümünde kullanıyorsanız deneyin beğenirseniz kullanmaya devam edin.
Farklı görünümlerde çok şık duran bu Gadget eklentisini nasıl ekleyeceğimizi aşağıda inceleyelim.
Yapılacak işlemler :

Yönetim ⇒ Şablonlar (Şablon yedeğini alın) ⇒ Özelleştir ⇒ Gelişmiş ⇒ CSS Ekle

Aşağıdaki kodu kopyalayıp yapıştırın
( } ) Yapıştırma işleminden sonra, koyu renkle belirttiğim tırnaklı parantezin olduğu kısmı seçin ve entere tıklayın, blogunuzu kaydedin. Yapılacak tüm işlem bu kadar kısa arkadaşlar. Uygulama hoşunuza gitti ise bize yorum bırakın. Yaptığınız işlem hakkında görüşlerinizi belirtin. Sizde farklı uygulamalarınızı yazın. Bu konudaki düşüncelerinizi öğrenmek isterim.


.gadget-container {
-moz-transition: left 0.15s ease-in-out 0s, opacity 0.15s ease-in-out 0s !important;
-webkit-transition: left 0.15s ease-in-out 0s, opacity 0.15s ease-in-out 0s !important;
-ms-transition: left 0.15s ease-in-out 0s, opacity 0.15s ease-in-out 0s !important;
-o-transition: left 0.15s ease-in-out 0s, opacity 0.15s ease-in-out 0s !important;
margin-right: 100% !important;
right: -100px !important;
left: 0px !important;
}
.gadget-container:hover, .gadget-item.ss:hover, .gadget-item:hover .gadget-container, .gadget-selected .gadget-container {
right: auto !important;
}
#gadget-dock:hover, #gadget-dock.gadget-notifying, #gadget-dock.gadget-opening{
left: 0px !important;
}
#gadget-dock {
-moz-transition: left 0.15s ease-in-out 0s;
-webkit-transition: left 0.15s ease-in-out 0s;
-ms-transition: left 0.15s ease-in-out 0s;
-o-transition: left 0.15s ease-in-out 0s;
left: -40px;
}

Dinamik blogunuzda CSS alanına kod yapıştırdığınız halde kaydet çalışmaz ise yapılacak işlemler ;
1. HTML şablonuna girin

2. CTRL + F arama kutusu ile aşağıdaki kodu bulun.
3. CSS kodlarını eksiksiz kopyaladıktan sonra bu kod’un hemen altına yapıştırın. Şablonu kaydedin.
Test blogumda yaptığım çalışmalar sonucu tüm kodları kabul etmekte olduğunu göreceksiniz. Guneytest2
Sidebardaki tema değişimlerinde ayrıca denenmiştir.Hepsinde çalışmaktadır.
Güncelleme tarihi : 25.12.2012


/* END CUT */

NOT. Temanızı değiştirdiğinizde CSS kodlarının da değiştiğini ve çalışmadığını unutmayın. Yeni tema seçiminden sonra CSS kodlarını yukarıda anlattığım gibi uygulayabilirsiniz.

Bu blogdaki popüler yayınlar

Youtube Video Önizleme Küçük Resmi Nasıl Değiştirilir

YouTube Kanalına Yönlendiren Özel URL Alma

WordPress Facebook Google Plus Disqus Yorum Eklentileri

Friend Connect Blogger İzleyiciler Gadgeti Emekli Çözüm

Windows 10 Rezervasyon Bildirimi Çıkmıyor mu Çözüm

Blogger Üst Menüye Kategori Ekleme (Videolu Anlatım)

Wix Ücretsiz Sitenize Yorum Kutusu Ekleme

Attribution Gadgetini Etkinleştir (Videolu Anlatım)

Son Yazılar Eklentisi (Animisyonlu)