Blogger kullanıcılarının, özellikle YouTube videosu paylaştıklarında veya sadece metin odaklı içerik girdiklerinde yaşadıkları en büyük sorunlardan biri "Kapak Fotoğrafı" (Thumbnail) eksikliğidir.
Normal şartlarda Blogger, yazınızın içindeki ilk resmi otomatik olarak anasayfadaki kapak görseli olarak ayarlar. Peki ya yazının içinde kocaman bir resim görünmesini istemiyor, ama anasayfanızın da şık durmasını istiyorsanız? İşte çözüm burada devreye giriyor.
✅ Çözüm: Resmi yazıya ekle, ama okuyucudan gizle!
Sihirli Kod: style="display:none;"
Bu yöntemle, yazı içerisine yüklediğiniz bir resmi CSS (Stil Dosyası) yardımıyla görünmez yapacağız. Blogger altyapısı resmi arka planda algılayıp kapak fotoğrafı yapacak, ancak ziyaretçileriniz yazıya girdiğinde o resmi görmeyecek.
Adım Adım Nasıl Yapılır?
- Blogger panelinizde yayını açın ve kapak fotoğrafı olmasını istediğiniz görseli "Resim Ekle" butonunu kullanarak yazının en başına yükleyin.
- Yazı düzenleme modunu "Oluşturma Görünümü"nden "HTML Görünümü"ne çevirin (Sol üstteki kalem/kod simgesi).
- Eklediğiniz resmin kodlarını bulun (Genellikle
<img>etiketi ile başlar). - Aşağıdaki kodu resim etiketinin içine ekleyin:
style="display:none;"
Örnek Kod Yapısı
Kodları nereye yapıştıracağınızı tam olarak anlamanız için aşağıya bir örnek bırakıyorum:
<img style="display:none;" src="resim-linki.jpg" border="0" />
Bu işlemi yaptıktan sonra;
- Anasayfada: Yüklediğiniz resim kapak fotoğrafı olarak görünür.
- Yazı İçinde: Resim tamamen gizlenir ve yer kaplamaz.
Bu basit HTML/CSS ipucu sayesinde blogunuz hem daha hızlı açılır hem de çok daha profesyonel bir görünüme kavuşur. Özellikle video içerik üreticileri için hayat kurtarıcı bir yöntemdir.
Daha fazla Blogger ipucu ve teknoloji rehberi için Cannet Teknoloji'yi takip etmeye devam edin!