Blogger için Sohbet Kutusu (Cbox)

   Bloğunuzu kullanan ziyaretçiler, yazmış olduğunuz konu dışında fikirlerini, görüşlerini belirtmek isteyebilirler. Bunun için oluşturulmuş bir çok sohbet kutusu scripti internet üzerinde bulunmaktadır. Chat box, mesaj kutusu, mesaj panosu olarak Google'da arama yapabilirsiniz. Ben bu yazımda Türkçe dil desteği bulunan Cbox scriptinin kullanımını, özelleştirilmesini ve Blogger'a entegresini anlatacağım.

Cbox gayet kullanışlı bir araç; Cbox'ı sitemizde kullabilmek için öncelikle Cbox'tan bir hesap açmamız gerekiyor ve bu işlem çok basit. Şu linki kullanarak siteyi ziyaret edin; Cbox

   Sayfayı açtıktan sonra aşağıdaki kayıt formunu doldurun.

• Cbox name: Buraya kullanmak istediğiniz kullanıcı adını yazın. (Ayrıca Giriş (login) için bu ismi kullanacaksınız.)
• Email address: E-mail adresinizi yazın. (Kayıt işleminizin yapıldığına dair e-posta adresinize bilgilendirme olarak gelecektir.
• Password - Confirm Password : Hesabınıza giriş yapmak için kullanacağınız şifreyi belirleyin. İkisi aynı olmak zorundadır.
• Website : Bu scripti kullanmak istediğiniz web site adresinizi yazın.
• Language : Dil seçeneğini belirleyin.
• Style : Kullanmak istediğiniz rengi seçin. Kayıt işleminden sonra renk özelliğini değiştirebilirsiniz.
• Şart ve Koşulları kabul ediyorum yazan Checkbox'ı işaretleyin ve "Create my Cbox!" butonuna tıklayın.

Buton'a tıkladıktan sonra Cbox'ınızın oluşturulduğuna dair bir sayfa açılacaktır. Hemen sağ üst köşede bulunan Login (Cbox name olarak yazdığınız metin) ve Password bilgilerinizi yazarak hesabınıza giriş yapın.

   "Publish" yazan bağlantıya tıklayın.
   Code Generator adlı sayfa şuan aktif;

Code Generator adlı resme tıklayarak büyütebilirsiniz.

• Your website yazan yer scripti kullanmak istediğiniz sitedir. Yanında bulunan "more addresses" bağlantısı ile aynı mesaj kutusunu(aynı mesajlarla), birden fazla sitede kullanmak isterseniz diğer adreslerinizi de ekleyebilirsiniz.
• Enable Quick Link: bu checkbox seçili durumda olursa "Sadece mesajlarınızı gösteren" bir web sayfası sizin için oluşturulur. Denemek için bu bağlantıya tıklayın. Blogger Doktoru Cbox
• Step 1: Where are you installing your Cbox? yazan adım scripti kullanmak istediğiniz sitenin altyapısını sormaktadır. Blogger'da kullanmak için Blogger / Blogspot olarak kalsın.
• Step 2: Choose a variation: yazan adımda; Cbox'un nasıl görüneceğini belirten satırdır. İsterseniz Popbox şeklinde kullanabilirsiniz. Inline seçili konumdadır ve varsayılandır.
• Step 3: Kodlarımız hazır; kodları kopyalamak için "Copy to clipboard" yazan butona basın.

Cbox arayüzüyle kod oluşturma işlemimiz bu kadar, özelleştirmeyi Blogger'a entegre ettikten sonra anlatacağım.

Blogger'a giriş yapın, sohbet kutusunu eklemek istediğiniz bloğunuzun içerisine girin ve sol menüde bulunan "Yerleşim" bağlantısına tıklayın. Sohbet kutusunun nerede olmasını istiyorsanız, o bölümde "Gadget ekle" bağlantısına tıklayın. Açılan pop-up pencereden "HTML/Javascript"i seçin ve kodları içerik kısmına yapıştırın ve kaydedin. Başlık kullanmak zorunda değilsiniz. Sitenizin tasarımını göz önünde bulundurarak başlık ekleyip çıkartabilirsiniz. Blogger'a entegre işlemi bu kadar.

Şimdi özelleştirme zamanı;

Cbox arayüzüne gelelim;
Publish bağlantısı ile kodlarımızı oluşturmuştuk. Publish bağlantısının yanında Look / Feel bağlantısı bulunmaktadır. Bu bağlantıya tıkladığınız zaman aşağıya doğru dört maddelik bir menü açılır;

Layout options (Düzen Ayarları);

• Width: Cbox'ınızın genişliğini;
• Height: Cbox'ınızın yüksekliğini;
• Form Height: İsim, mail ve mesajı yazdığınız bölümün yüksekliğini;
• Message Lines; mesaj yazdığımız yerin kaç satır olması gerektiğini değiştirmek için kullanılır.

Style presets; Burada Cbox'ınızı istediğiniz hazır renkleri kullanarak renklendirebilirsiniz.

Colours & Fonts; Yazı renklerini ve font biçimlerini burada düzenleyebilirsiniz.

Edit CSS; Css (Cascading Style Sheet) bilginiz var ise bu bağlantı ile css dosyasını düzenleyebilirsiniz.


Options (Ayarlar) bağlantısı ile mesaj uzunluğu, mesaj ayarları, otomatik flood banlama, tarih saat, smile vb. ayarlamalar yapılmaktadır.

Bazı ayarlar Premium özellikler istemektedir, fakat çokta mühim olmayan özellikler için kısıtlama konmuştur.

Örnek Cbox resmi;

Bu yazım şimdilik bu kadar, sorular ve yorumlar üzerinden geliştirmeler yapılacaktır. 

İyi bloglamalar...

Kategori: Blogger