Blogger’da "pre" Etiketini Kullanarak Duyarlı Kod Kutuları Oluşturma Eklentisi

Bazen blog yazılarımıza, yazılarımızda yaptığımız gibi, bloglarımızda okurlarımız için herhangi bir widget'ı paylaşmamız gerektiğine ve bu kodu metinden ayırmamız gerektiğinde, yazılarımızda kod kutusunu kullanmamız gerekir. Demek kod kutuları çoğunlukla bunun için kullanılıyor. Önceki yazımızda Blogger için bildirim kutuları oluşturduk ve bu yazımda etiketi adı verilen belirli bir HTML etiketini kullanarak Blogger'da duyarlı kod kutuları oluşturmanıza …

Blogger Kod Penceresi Oluşturma Eklentisi

Merhaba arkadaşlar,bu yayınımda sizlere bloğunuzda kullanabileceğiniz kod pencerelerini sunacağım.Eğer bloğunuzda yayınlarda html,css,javascript gibi kodlar paylaşıyorsanız ve bunları pencere içine almak istiyorsanız aşağıdaki adımları uygulayın.Şimdi aşağıda vermiş olduğumuz css kodlarını ]]> kodunun üstüne ekliyoruz.CSS/* CSS Simple Pre Code */pre { background: #333; white-space: pre; word-wrap: break-word; overflow: auto;}pre.code { margin: 20px 25px; border-radius: 4px; border: 1px solid …

Blogger Kod Penceresi Nasıl Yapılır?

Yeni  Kod Penceresi eklemesi yapacağız nasıl mı işte cevabı ;1. Öncelikli olarak blogger hesabınıza giriş yapın.2. Yeni Yayın  kısmına tıklayın.3. Alttaki resimde görüldüğü gibi  HTML kısmına tıklayın. 4. Açmış olduğumuz HTML kısmına bu kodu yapıştırıyoruz......5. ...... olan yere göstermek istediğiniz kodu giriyorsunuz. Sonra Oluştur kısmına geçip yazınızı yazmaya devam edebilirsiniz. Kodu Eklediğinizde oluşacak pencere yukarıdaki gibi …

Blogger Kod Kutusu Ekleme [Hatasız]

Bildiğiniz üzere blogger bünyesinde yazı içerisine kod kutusu gibi bir özellik yok, ben de sitemin altyapısı olarak blogger kullandığım için sürekli olarak sizlerle yöntemler, scriptler vb. bilgilerimi paylaşıyorum bu yüzden de sürekli olarak bana yazı içerisinde kod paylaşmak için bir kutu gerekli amacı dışında görsel olarak da güzel durmalıydı ben de internette bulduğum bir CSS …

Blogger Kod Penceresi Oluşturma

Blogger'a kod penceresi oluşturmak için aşağıda ki adımları takip edebilirsiniz.Tema>HTML Düzenle'yi takip ederek Ctrl+F yardımıyla ]]> kodunu buluyoruz ve aşağıda ki kodları bulduğumuz kodun bir satır üzerine ekliyoruz./* code4moblog */.code4moblog {font-family: 'Merriweather', serif;color: #000;padding: 15px;margin: 15px;clear: both;list-style-type: none;border: 1px solid #286ab1;border-top: 6px solid #286ab1;height:300px;overflow:auto;}Şimdi sırada kod penceresini yayınlamaya nasıl mı?işte cevabı ;Yayınımızın Html kısmına gelip …