Blogger- Makaleye HTML Kod Bloğu Ekleme

Blogger'da makale yazarken en çok sıkıntı oluşturan noktalardan bir tanesi blog makalesi için html kodlarını bloğa eklerken oluşur. Bunun nedeni ise blogger makale yazma aracının arkasında da html engine olmasıdır. Bu engine siz makaleyi normal yazı olarak yazsanız bile bu makaleyi html kodlarına çevirir. HTML taglardan oluştuğu için de blogger makale yazma aracı sizin makalenizdeki html kodlarını ayırt edemez ve kodlar içinde işleyerek sadece verileri gösterir. Bu makaleyi okuyorsanız düşünüyorum ki sizin de sıkıntınız tam olarak bu olsa gerek. Bu kısa makalemde size bu sorunu çözmek için bir araç sunacağım. Bunun dışında ise araç kullanmadan kendinizin de mantığını anlayıp basitçe bloğunuza HTML kod satırlarını nasıl ekleyeceğini göstereceğim. Aslında linkini vereceğim araç ile işlemlerinizi kolayca halledebilirsiniz. Ama düşünüyorum ki eğer bloğunuza HTML kodu eklemek istiyorsanız o zaman en azından HTML konusunda biraz bilgilisinizdir. Bu yüzden bu işlem için kullanılan tagı ve kullanımını da anlatmam sizin işinizi daha da kolaylaştıracaktır.
Anlatmaya bir aracı size sunarak başlayacağım. Bu araca FORMAT MY SOURCE CODE FOR BLOGGING bloğundan erişebilirsiniz. Bu aracı kullanmak oldukça basittir ve gerçekten çok kullanışlı. Üst kısma kodlarınızı ekliyorsunuz ve Format Text butonuna tıkladığınızda aşağı kısımdaki metin alanına bloggera eklenecek kod oluşturuyor.

Önemli olan diğer nokta da kodu oluşturduktan sonra bloğa nasıl ekleyeceğimizdir. Aslında bu daha basit bir işlem. Çünkü blogger metin alanı dışında bloğumuzu html bilgimiz var düzenlememize de izin verir. Bunun için sol kenarda bulunan HTML butonuna tıklamamız yeterli. Bu butona tıkladıktan sonra daha önce oluturduğunu metnin html kodlarını göreceksiniz. HTML kodlarını oluşturduk, bloggerda html kodlarını nereden eklendiğini bulduk. Sıra geldi bloğumuzun neresine ekleyeceğinize. Aslında bunun için de benim kullandığım yöntem ekleyeceğim yere bir kaç boşluk bırakıp sonra bıraktığım boşluk kadar br tagını aramak oluyor. Gerçekten kullanışlı bir yöntem. Siz de denerseniz işiniz çok kolaylaşacaktır.
İşte bu kadar basit bir araçla bloğumuza nasıl kod ekleyeceğimizi gördük. Şimdi de bu aracı nasıl çalıştığı üzerinden devam ederek daha spesifik şeyler yapabiliriz. Bu aracın oluşturduğu görüntüyü beğenmediyseniz bence makaleyi sonuna kadar okumalısınız. Ve eğer inanıyorum ki makalenin sonunda hem html bilgileriniz artacak ve aynı zamanda karşınıza bir daha böyle bir şey çıktığında nasıl çözüm üreteceğinizi öğrenmiş olacaksınız.
Not: Ve hatta benim önerim aşağıdaki anlatacaklarıma göre kendi templatenizi oluşturup ilerde tekrar kullanmak için hazır hale getirin. Gerektiğinde ise buraya sadece kodlarınızı ekleyerek sorunu çözmüş olursunuz. Çünkü her seferinde böyle araçlar kullanmak aynı zamanda görünümü de güncellemek anlamına gelir ve kendi blogunuza en çok yakışacak şeyi ve sizi mutlu edecek şeyi siz yapmış olursunuz. Bu arada ben yaptım demek her zaman gurur vericidir...
Evet şimdi sıra geldi html kod bloğunu makalenize eklemeniz için gerekli olan taglara. Eğer yukarıda anlattığım kod ekleme aracının ürettiği html kodlarına dikkat ederseniz burada iç içe yazılan pre ve code taglarını görürsünüz. Aslında makalenize html kod bloğu eklemek için bilmeniz gereken en önemli konu da bu zaten. İki HTML tagı. "pre" ve "code". 
Bu taglarla ilgili detaylı araştırma da yapabilirsiniz ama daha önemli olan noktaysa bu kod bloğunu kendi zevkleriniz ve bloğunuza göre düzenlemektir. Bunun için biraz CSS bilgisi önemlidir. Eğer hiç bilmiyorsanız değişiklikler yapmak biraz zor olacaktır. Ama CSS biliyorsanız bundan sonra yapacağınız işlemler çok kolaydır. Aslında benim tavsiyem de bir tema şeklinde kodlarınızı oluşturup her zaman kodlarınızı buraya ekleyip hazır olarak kullanacağınız bir yapı oluşturmak. Böylece her defasında araç arama derdi ve tekrar istediğiniz forma dönüştürme derdi de olmaz...
Umut ediyorum ki makale sizin için faydalı olmuştur.. Konuyla alakalı sorularınız olursa sormaktan çekinmeyin. Fırsat buldukça yanıtlamaya çalışacağım...