Uzun yıllardır hem internetle hem de web tasarımı – kodlaması ile uğraştığım ve birçok hazır sistemle haşir neşir olduğum halde forum sistemlerine oldum olası uzak kaldım. Fakat bu durum forumlarda aktif olarak bulunmamı da engellemedi. İşin hem tasarım hem de kodlama yönü ile alakadar olduğumuz için, takip ettiğim forumlarda yazı içlerine eklenen resimlerin metinden bağımsız olması dikkatimi çekti. Resimlere eklenecek ufak bir hizalama kodunun bu sorunu çözeceğini bildiğim halde neden pek kullanılmadığını da merak ettim açıkçası.

Yaptığım ufak bir araştırma sonucunda http://www.vbulletin.org/forum/showthread.php?t=175097 adresine ulaştım. Adreste metne eklenen resimlerin metinden bağımsız olarak durmaması yani metnin sağında veya solunda durması için yapılması gerekenler anlatılmış.

Tabi vBulletin’in de altyapısının güçlülüğü bu örnekle bir kere daha ortaya çıkıyor. Nitekim vBulletin Yönetim Paneli’nden yapacağınız ufak bir düzenleme ile metin editörünüze eklenecek bir – iki düğmeyi kullanarak metninize ekleyeceğiniz resimlerin sağa veya sola yaslı olmasını sağlayabiliyorsunuz.

Gelelim bu işlemlerin nasıl yapılacağına;

vBulletin Admin Kontrol Paneli’nden Özel BB Kodları (Custom BB Code) başlığının altındaki Yeni BB Kodu Ekle (Add New BB Code) menüsüne tıklıyoruz. Yeni BB Kodu Ekleme panelinde bulunan alanları aşağıdaki resimde (Resim 1) görüldüğü gibi dolduruyoruz.

Başlık (Title): BBCode ile resim hizalama

Etike (Tag): imgalign

Örnek (Example):

[imgalign=left]https://tercan.net/wp-content/uploads/mavi-gul.jpg[/imgalign]

Değiştirme (Replacement):

<img src="{param}" align="{option}" border="0" alt="" style="padding:6px;" />

{option} kullanımı (Use {option}): Evet (Yes)

Düğme Resmi (opsiyonel) [Button Image (Optional)]: images/editor/imagealign.gif

Resim 1. vBulletin’de metin içine resim eklemek

Gerekli alanları yukarıdaki gibi doldurduktan sonra Kayıt et düğmesi ile işlemimizi kaydediyoruz. Son olarak görsel metin editörüne eklenecek olan düğme resmini de images/editor/ dizininin altına yükledikten sonra yeni bir konu açmak veya herhangi bir konuya cevap yazmak istediğinizde görsel metin editörüne bir düğmenin daha eklenmiş olduğunu göreceksiniz. (Resim 2)

Kullanmak için düğmeye bastığınızda açılacak olan küçük pencereye resmin hizalanmasını istediğiniz tarafı (sola hizalamak için left, sağa hizalamak için right) yazmanız gerekiyor. Ardından görsel metin editörüne eklenecek olan [IMGALIGN=”left”][/IMGALIGN] etiketinin arasına resminizin adresini yazmanız / yapıştırmanız yeterli olacaktır.

Resim 2. vBulletin’de metin içine resim eklemek

Sonucu merak edenler için işte bir ekran görüntüsü:

Resim 3. vBulletin’de metin içine resim eklemek

Sunduğu imkanlar ile sayısız faydası olan internetin bir o kadar da zararlarının olduğu muhakkak. Bu zararların en başında da e-posta adreslerinizin izniniz dışında toplanarak reklam ve tanıtım postalarına alet edilmesi ve bu şekilde zamanınızın çalınması gelmekte.

İnternette e-posta adresinizi yayınlama zorunluluğumuzun olduğu durumlarda küçük bir CSS hilesi ile reklamcılardan e-posta adresimizi koruyabiliriz. Yapmamız gereken ufak bir CSS hilesine başvurmak ve e-posta adresimizi tersinden yazarak işin geri kalan kısmını CSS’e bırakmak.

CSS Kodu:

.eposta { unicode-bidi:bidi-override; direction: rtl; }

Bu kod ile eposta işaretini atadığımız elemanın çift yönlü olarak gösterilebileceğini, yönünün de rtl (right to left) ile sağdan sola olduğunu belirtiyoruz. Geriye ise bir elemente eposta işaretlemesini atamak ve e-posta adresimizi tersinden yazmak kalıyor.
HTML Kodu:

<span class="eposta">ten.nacret@ofni</span>

Uygulama için çalışan bir örnek görmek isterseniz şuraya bakabilirsiniz.

İnternet ve internet üzerinde uygulama geliştirme günümüzün gözde meslekleri arasında yerini alırken sunduğu imkan ve kolaylıklar ile de birçoğumuz için ek gelir kaynağı oldu. Kimimiz bilgi ve tecrübelerimiz ile kodlama yaparak, kimimiz de açtığımız sitelere yerleştirdiğimiz reklamlarla gelirimize az-çok ek yapıyor, yaşam seviyemizi artırmaya çalışıyoruz. Bu yazımda WordPress kullanarak internet sitesi hazırlayanların bir kısmının problemi haline gelen sayfalarda reklam yayınlamayı kolaylaştıran bir eklentiyi tanıtacağım: WhyDoWork AdSense.

Kurulumu ve kullanımı için herhangi bir kodlama veya tasarım bilgisine ihtiyaç duymayan oldukça kolay bir eklenti WhyDoWork AdSense. Ayrıca birçoğumuzun sorunu haline gelen yazıların içlerine AdSense kodu ekleyememe sorunu da bu eklenti çözüme kavuşuyor.

Eklentiyi kullanmak için indireceğiniz zip dosyasından çıkan whydowork_adsense.php dosyasını sitenizin wp-content/plugins/ dizinine yüklüyorsunuz ve Eklentiler bölümünden aktif ediyorsunuz. Akabinde site yönetim panelinden Ayarlar’a geldiğinizde üst kısımda WhyDoWork AdSense adında bir sekmenin oluştuğunu göreceksiniz. Bu sekmeye tıklayarak gerekli ayarlamaları yapabilirsiniz.

WhyDoWork AdSense sekmesine geldiğinizde farklı 10 adet AdSense kodu tanımlayabileceğinizi ve bu tanımlı kodları sitenizin farklı sayfalarında görünmesi için ayarlayabileceğinizi göreceksiniz.

Eklenti, her sayfa için 3 adet AdSense kodu yayınlamanıza izin veriyor. Bu işlem için ilk önce Google AdSense hesabınızdan oluşturacağınız reklam kodunuzu / kodlarınızı eklentiye tanımlamanız gerekmekte. Önizleme bölümünde tanımladığınız AdSense kodunun nasıl göründüğünü görebilirsiniz. Dikkat etmeniz gereken bir nokta, önizlemede görünen bu reklama tıklamamanız. Aksi halde kendi reklamlarınıza tıkladığınız için Google AdSense hesabınız iptal edilebilir.

Tanımladığınız kodları Anasayfada yayınlayacaksanız Anasayfa (Kategoriler, Arşiv) bölümü altındaki alanlardan seçim yapmanız gerekiyor. Anasayfa başlığı altında sırasıyla hangi AdSense kodunun (Kod #:) ne tür bir yerleşimle (AdSense Yerleşimi:) ve kaçıncı yazıda (Yazı sırası:) yayınlanacağını belirtin. Aynı işlemi ikinci ve üçüncü sıra için tanımlayarak bir sayfada 3 defa AdSense reklamı yayınlanmasını sağlayabilirsiniz.

Tekil sayfalarınızda da daha önce tanımladığınız AdSense kodlarınız için yerleşim seçerek reklam yayınlayabilirsiniz.

  WhyDoWork AdSense Türkçe (4,1 KiB)

  WhyDoWork AdSense English (4,0 KiB)

Resim 1. WordPress reklam eklentisi WhyDoWork AdSense