Blogger Sayfa Kaydırma Çubuğu Nasıl Değiştirilir?

Blogun hemen sağ tarafında bulunan ve normalinden biraz farklı görünen kaydırma çubuğudur. Bildiğiniz üzere kaydırma çubukları gri renkte ve...


Blogun hemen sağ tarafında bulunan ve normalinden biraz farklı görünen kaydırma çubuğudur. Bildiğiniz üzere kaydırma çubukları gri renkte ve biraz kalın bir şekilde gözükmektedir. Birkaç satır kodla bu çubuğun rengini, kalınlığını vs. değiştirebilirsiniz.

Nasıl Yapılır?

  • Blogger panelinde soldaki menüden Şablon > HTML'yi Düzenle seçeneklerine tıklayınız.
  • Kodların bulunduğu alana bir kez tıkladıktan sonra Ctrl+F tuşlarına tıklayınız. Daha sonra arama yerine ]]></b:skin> yazıp Enter tuşuna tıklayınız.
  • ]]></b:skin> kodunun bir satır üzerine aşağıda vermiş olduğum CSS kodunu yapıştırınız ve Şablonu Kaydet seçeneğine tıklayınız.

CSS Kodu

 ::-webkit-scrollbar {
width:4px;
height:4px;
}
::-webkit-scrollbar-track {
background:#FFF;
}
::-webkit-scrollbar-thumb {
background:#1abc9c;
}
::-webkit-scrollbar-thumb:hover {
}
::-webkit-scrollbar-thumb:active {
background:#2c3e50;
}

CSS Kodu Kavramları

height: çubuğun kalınlığıdır ve width değeri ile aynı olmak zorundadır.
#FFF: çubuğun dışında kalan beyaz renktir.
#1abc9c: çubuktaki turkuaz renktir.
#2c3e50: çubuk basılı tutulduğunda görünen  lacivert renktir.
Dilerseniz, renk kodlarını ve px değerlerini istediğiniz gibi değiştirebilirsiniz.

COMMENTS

Ad

1. Cilt 1080P 4. Sezon 44. Çocuk Aksiyon Filmleri Alexa Analiz Android Android Haberleri Android İpuçları Android Uygulamaları Anket Antremanlarla Matematik Apk Apk İndir Arama Açıklaması Arama Motorları Arı Bana Dair Base Başarı Başlık Efekt Blog Blog Keşif Etkinliği Blog Nasıl Açılır? Blogger Blogger Eklentileri Blogger Eklentisi Blogger Hakkında Blogger İpuçları Blogger İstatistikler Widget'ı Blogger Sayfa Kaydırma Efekti Blogger Sorunları Blogger Tavsiyeleri Blogger Temaları Blogger Widget'ları Blogger Yedekleme Boks Buton camera Checker Gmail Child 44 Chroma Keyboard Cillian Murphy Clev Note CSS Deadpool Deadpool İndir Ders Ders Çalışma Diğer Kategoriler Dinlediklerim Dives İkon Drama Filmleri Drop Caps Duvar Kağıtları Editörün Seçtikleri Eklenti exi2.net Facebook Film Filmler First Character First Letter Flat İcon Font Forrest Gump Galeri Gary Oldman Gerilim Filmleri GetSiteControl Google Google Chrome Google Fonts Google+ Google+ Toplulukları Görsel Hayal Gücü Yüksek Sorular Hayat ve Düşünce HTML Instagram İcon İkon Paketleri İndex İndir İnfografik İstatistikler İzlediklerim Kalıcı Bağlantı Kaliteli Blogger Eklentileri Kaptan Amerika Kahramanların Savaşı Kim Bu Semih Kimdir Kişisel Blog Kişisel Yazılar Kitap Kullandıklarım Launcher Logo Efekt Material Material Design MeloCloud+ Music Player Meta Açıklaması Mim Minimal Design Mobil Muhammad Ali Muhammad Ali Sözleri Muhammad Ali'nin Hayatı Müzik Müzisyen Nasıl Yapılır Nasıl Yapılır? Nedir OGInstagram Okuduklarım Osmia Avosetta Önemi Öp Evlen Uçurumdan At Özel Başlık Etiketleri Paylaşım PC PC Uygulamaları Peaky Blinders Pocket Popüler Yayınlar Renato Carosone Resim ve Video Responsive Robots txt Root Satın Aldıklarım Scroll Smooth SEO SEO Ayarları Shareaholic Shareit Sherlock Sherlock Holmes Sınav Sıralama Site Haritası Social Meter Sosyal Medya Soundcloud Sözler Spor Tasarım Tavsiye Tavsiyelerim Teknoloji Tema Template Clue The Mentalist The Mentalist Replikleri Tom Hardy TVShow Time Uygulama Ücretsiz İkon Üst Sıralara Çıkmak Video Videolar Website WhatFont Woorank Word Count Wordpress Yabancı Diziler Yardımlaşma Yayın Ayarları Yaz Tatili Yazar Olmak Yazı Yazı Kutusu Yazı Yazmak YGS YGS Süreci Yıldız Sıralamalı Youtube Ziyaretçi Trafiği
false
ltr
item
Ali Doğan - Kişisel Blog: Blogger Sayfa Kaydırma Çubuğu Nasıl Değiştirilir?
Blogger Sayfa Kaydırma Çubuğu Nasıl Değiştirilir?
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidsM5dhmAqQqMMCEmLfEVzCVGb8D2wzOcTvNoL3y5Z8Q6SX8E9oHHnnvHX76pDEBayW4TmmxAjA0kOL50y5RbGzItYHKGaiwWGeCsR-jRNDb47W-MYlKmkHpWqJHA1meWM4Woz0HTD9ug/s640/Sayfa+Kayd%25C4%25B1rma+%25C3%2587ubu%25C4%259Fu.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidsM5dhmAqQqMMCEmLfEVzCVGb8D2wzOcTvNoL3y5Z8Q6SX8E9oHHnnvHX76pDEBayW4TmmxAjA0kOL50y5RbGzItYHKGaiwWGeCsR-jRNDb47W-MYlKmkHpWqJHA1meWM4Woz0HTD9ug/s72-c/Sayfa+Kayd%25C4%25B1rma+%25C3%2587ubu%25C4%259Fu.png
Ali Doğan - Kişisel Blog
https://alidogan2017.blogspot.com/2016/04/blogger-sayfa-kaydrma-cubugu-nasl.html
https://alidogan2017.blogspot.com/
http://alidogan2017.blogspot.com/
http://alidogan2017.blogspot.com/2016/04/blogger-sayfa-kaydrma-cubugu-nasl.html
true
5932020837924267134
UTF-8
Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy