BLOGLARA MESAJ FORMU EKLEMEK

0 yorum

DDostlar bugün yazacaklarım bana sürekli sorulan bir konu hakkında. Yine nette alakasız bir şey ararken Blogger ve diğer web sitelerinde ihtiyaç duyulan bu hadiseyi şu anda hepiniz merak ediyorsunuzdur. Bloglarınızı veya web sayfalarınızı ziyaret edenlerle aranızda iletişim sağlayan bu araçla ilgili daha önce bir yazı yazmıştım. Yine bu gün iki siteden bahsedeceğim bu siteler size mesaj göndermek isteyen ziyaretçilerin bu isteğini yerine getiriyor. Her ikisinide de blogunuza adapte etmek çok basit. Yada bana öyle geldi. HTML yani web tasarımı bilmeyen dostlar için söylüyorum. Bilenler zaten hemen bloglarında buna uygun düzenlemeleri hemen yapacaklardır. Bilmeyenler içinse tavsiyem, öncelikle kendinize buna uygun şablon seçmenizi öneririm. Yok ben şablonumdan memnunum diyenler içinde önerilerim olacak tabii. Şimdi gelelim bahsi geçen sitelerin bu hizmetlerini sırayla anlatmaya.

İlk anlatacağım site CONTACTİFY adlı bir site. Burada yapılan işlem çok basit. Bu sitenin giriş sayfasındaki üyelik formunu dolduruyorsunuz. Daha sonraki aşamada size bir link ile birlikte bir hesap numarası veriliyor. Bu verilen linki şablonunuzda varsa eğer yoksa da bir iletişim düğmesi veya resmi yapıp bu yarattığınız düğmeye veya resme atayabilirsiniz. Eğer bu size zor gelirse CONTACTİFY bunu da düşünmüş ve bir WİDGET yapmış. Size bu widget’in embed kodlarını veriyor sizde bunu blogunuzda uygun bir yere koyuyorsunuz. Nasıl mı? Embed kodlarını kopyalıyorsunuz. Blogunuzda Yerleşim sekmesinde sayfa öğeleri bölümünde Gadget Ekle ye tıklıyorsunuz. HTML/JavaScript'i Yapılandır aracını açıp kopyaladığınız kodları yapıştırıp kaydet diyorsunuz. Bu kadar basit….

 

Bu sitenin verdiği url linkini bir düğmeye veya bir resme de atayabilirsiniz. Bu bir posta kutusu resmi veya İLETİŞİM kelimesi de olabilir

ÖRNEK KOD:

Görünüş:

İLETİŞİM

şeklinde görünecek. Yine bunu HTML/JavaScript aracı ile istediğiniz yere koyabilirsiniz..

Resme atama işini ise ya benim gibi bir resim yapacaksınız veya uygun bir resim bulacaksınız o resme aşağıdaki gibi atama yapacaksınız. Yine HTML/JavaScript aracı ile blogunuzda istediğiniz uygun bir yere koyacaksınız.

Örnek Kod:

 

GÖRÜNÜŞ:

e_posta

Gelelim ikinci siteye; Bu sitenin adı ise Email Me Form. Bu siteye de üye oluyorsunuz. Daha sonra birkaç aşamada kendi formunuzu oluşturuyorsunuz. Daha önce anlattığım CONTACTİFY ve Email Me Form un paralı hizmeti de var. Her ikisinde de paralı hizmetlerde extra ilaveler sunuyorlar. Bu sitelerden başka bu hizmeti bedava veren yüzlerce site var. Diğerlerini de google da aratırsanız onları da inceleme fırsatı bulabilirsiniz.

Email For Me size hem Mesaj formunun kodlarını veriyor. Hem de bir link veriyor. Hangisini isterseniz kullanabilirsiniz. Daha önce CONTACTİFY de anlattığım uygulama aşamaları bunun içinde aynen geçerli. Örneklerin uygulama linkleri aşağıda verilmiştir.

ÖRNEK:

Yukarıdaki örnek formu bir düğmeye ataması yapılmış çalışan örneği buradan görebilirsiniz. Diğer örnek uygulamalarıda aşağıdaki linklerden görebilirsiniz.

RESİM UYGULAMASI ÖRNEK:  test ediyorum

DÜĞME ÖRNEK:  DENEME

BLOG İÇİ UYGULAMASI ÖRNEK: DENİYORUS (Blogda burda olduğu gibi en alta konabilir.)


ALINTI KAYNAK: Yazar : ihtiyarus WEB URL: AzizName

image (Resimli) Blockquote

0 yorum

Dostlar sizlere bugün rutin kullandığımız bir olaydan bahsedeceğim. Bu olayın adı blockquote.Yani yazılarımız arasında bir yerlerden alıntı bir yazı yayınladığımız zaman genelde kullanırız. Blogger 'ın bu özelliği yok mu var. Bazen bu özellik kullandığımız şablon yani tema'nın css özelliklerine göre de değişiklik gösterir. Eğer şu anda benim gibi var olan özellikden memnun olmayanlar için bu uygulamayı anlatmayı gerekli gördüm. Daha önce bu konuda bir yazı yayınlamıştım zaten. Ama bu gün anlatacağım ise daha farklı bir şey. Önceki anlattığım blockquote uygulama açısından biraz zahmetli idi ve ayrıca farklı tarayıcılarda farklı sonuçlar veriyordu. blolockquoteBu nedenle bugün anlatacağım uygulama daha basit bir uygulama. Uygulama bittiğinde yandaki resimdeki blockquote (Blok Alıntı) düğmesine basmanız yeterli olacak. Uygulaması zahmetli gelebilir. Kolaya kaçmaktan hoşlanmayanlar ve özgün bir şeyler yapmak isteyenlerin hoşuna gidecek bir uygulama olacak bu.

blolockquote-2

İşe başlayalım hemen. Öncelikle Yerleşim sekmesinde HTML 'yi düzenle bölümüne geleceksiniz orada css style kodlarına ufak bir özellik ekleyeceksiniz. Nereye mi söyleyeyim, tarayıcının düzen menüsünden bu sayfada bul ibaresine tıklayacaksınız. Arama penceresine blockquote yazıp aratacaksınız. CSS kodlarında bulduğunuz blockquote style kodları yerine kopyala yapıştır yaparak aşağıda verdiğim kodları aynen yazacaksınız veya değiştireceksiniz.

CSS STYLE KODLARI:

.post blockquote {
text-align: justify;
width: 400px;
margin-left: 20px;
padding: 10px 0px 0px 30px;
background-position:top left;
background-repeat: no-repeat;
background: transparent url("http://i73.photobucket.com/albums/i235/aziz52/azizname_image/quote-1.gif") top left no-repeat;
}
.post blockquote p {
margin-right: 20px;
padding-right: 30px;
padding-bottom: 0px;
padding-left: 0px;
padding-top: 0px;
background: transparent url("http://i73.photobucket.com/albums/i235/aziz52/azizname_image/unquote-1.gif") bottom right no-repeat;
background-position: bottom right;
background-repeat: no-repeat;
}

Eğer beklediğiniz gibi bir sonuç vermesse blog temanızın özelliklerine göre düzeltmeler yapabilirsiniz. Yazılarınızı yazarkende HTML'yi Düzenle sekmesinde yazınızın kodları aşağıdaki gibi görülmeli.

Yazı Kodu:

Uygulama böyle görünecek :

blolockquote-2

Blockquote için bir başlangıç resmi birde kapanış resmi hazırlıyacağız. Benim yaptığım gibi bir image host, Photo Host sitesine yükleyeceğiz.

dene_quote-3 q_O q_C quote unquote

Oradan alacağımız resmin URL Adresini yukarıda CSS Style kodlarındaki benim background: URL ("http://adresiniz.com") adresindeki yerine koyacaksınız. İşiniz bittiğinde uygulama aşağıdaki örnekde görüldüğü gibi görülecek. Kolay gelsin...

blolockquote-1


ALINTI KAYNAK: Yazar : ihtiyarus WEB URL: AzizName