Başarılı Bir Dekorasyon Blogu: Yapı Dekoratif

Google+ veya e-mail üzerinden sohbet ettiğim arkadaşlar bilirler bir süredir restoran projesinde çalıştığımı bilirler. Son zamanlarda mevcut işimin dışında restoranın dekorasyon, peyzaj ve tadilat işleriyle uğraştığımdan dolayı Blog Hocam’a pek vakit ayıramadığımı fark etmişsinizdir. Üzgünüm ama büyük ihtimalle restorandaki düzeni kurana kadar bu yoğunluğum devam edecek. Dolayısıyla eskisi kadar aktif bir Blog Hocam göremeyebilirsiniz. Bu konuyla ilgili detaylı bir bilgilendirme yazısı ilerleyen günlerde yayınlayacağım için esas konumuza dönmek istiyorum.

 

Restoranın dekorasyon işleri için iç mimar arkadaşlarımdan yardım alsam da her şeyi onların eline vermek pek doğru gelmedi bana. Bu yüzden hem iç, hem de bahçe dekorasyonu için sürekli araştırmalar yaptım, makaleler okudum, ve tabi ki bloglar takip ettim. Bu yazıda da Türkçe yazılmış en iyi dekorasyon bloglarından biri olan Yapı Dekoratif isimli siteden bahsedeceğim.

 

 

Yapı Dekoratif: Başarılı Bir Dekorasyon Blogu

 

Haziran 2012’de yayın hayatına başlayan Yapı Dekoratif, dekorasyon ve yapı sektöründeki faydalı bilgileri bizlerle paylaşan güncel ve oldukça aktif bir blog. Ev, ofis ve bahçe dekorasyonlarıyla ilgilenen blogger arkadaşlar, Yapı Dekoratif’i takip ederek alacakları hizmetin kalitesini arttıracakları gibi teknik konularda bilgi sahibi de olabilirler.

 

Dekorasyon ve yapı sektörü günümüzde çok önemli bir hale geldi. Evlenirken ev kurmak, iş hayatına girip ofis kurmak, belki küçük, bahçeli bir müstakil evde emekliliğini geçirmek… Bunlar çoğumuzun başından geçen ya da geçebilecek şeyler. Ben henüz emeklilik aşamasına gelmedim ama ilk iki evreyi tamamladım. Bu süreçte evinizi veya ofisinizi dekor ederken sizi en çok zorlayan şeylerden biri rekabetten doğan hizmet ve ürün çeşitliliği. Bu kadar çeşitlilik arasında hem zevke uygun, hem de kaliteli olan ürün veya hizmetin seçilmesi önem teşkil ediyor. İşte bu yüzden yapı & dekorasyon bloglarını takip etmek önemli. Türikiye’de ki en başarılı ve güncel yapı & dekorasyon bloglarından biri Yapı Dekoratif olduğu için, takibe buradan başlayabilirsiniz :)

Blogger Başlık Etiketleri

Heading yani başlık etiketleri blog içeriğinizin hangi konuda olduğunu arama motorlarına belirten temel HTML etiketleridir. Toplam 6 adet başlık etiketi vardır ve önem derecesine göre H1’den H6’ya kadar gider.

 

Blogger’da ise önem sırasına göre başlık etiketlerini şu şekilde kullanmanızı öneririm:

 

<h1> Blog Başlığı </h1>

 

Bunun için ekstra bir ayar veya kodlama yapmanıza gerek yok. Blogger kumanda panelinde Ayarlar > Temel > Başlık bölümne yazdığınız blog başlığı h1 olacak şekilde kodlanmıştır.

 

<h2> Yazı Başlığı </h2>

 

Blogger’ın standart şablonlarında yazı başlıkları h3 olacak şekilde kodlanmıştır fakat blog başlığından sonra en önemli öğe yazı başlığı olduğu için bunun h2 etiketiyle belirtilmesi daha doğru olacaktır.

 

Blogger kumanda panelinde Şablon > HTML’yi düzenle dedikten sonra Ctrl + F tuş kombinasyonunu kullanarak arama kutusunu açın ve buraya h3 yazın. Bulduğunuz tüm <h3> ve </h3> etiketlerini <h2> ve </h2> etketleriyle değiştirin.

 

<h3> Ara Başlıklar </h3>

 

Uzun bir yazınız olduğunu ve bu yazıın bazı bölümlerini ara başlıklar kullanarak belirttiğinizi düşnelim. İşte bu ara başlıkları h3 etiketiyle göstermek uyun olacaktır. Bunun için Blogger’da yayın oluştururken kullandığınız yazı editöründeki birinci Alt başlığı seçmeniz yetrlidir. Alt başlığı seçtikten sonra yazınızın HTML bölümünden h3 etiketinin eklendiğini görebilirsiniz.

 

 

<h4> Alt Başlıklar </h4>

 

Ara Başlıkları da kendi aralarında alt başlıklara ayırdığınızı düşünelim. Bu durumda alt başlıklarda h4 etiketi kullanmak uygundur. Bunun için Blogger’da yayın oluştururken kullandığınız yazı editöründeki ikinci Alt başlığı seçmeniz yetrlidir. Alt başlığı seçtikten sonra yazınızın HTML bölümünden h3 etiketinin eklendiğini görebilirsiniz.

 

 

Bunlar dışında h5 ve h6 etiketini kullanmanıza gerek yok.

 

H Etiketlerini Düzenleme

 

Yazılarnızda H etiketlerini kullanmak, arama motoru optimizasyonunun olmazsa olmazlarındandır. Adeta arram motorlarına yazının konusunu ve özetini bildirir. Ancak bu başlık etiketlerini kullandığnızda, başlıklarınızın  renk ve boyutu değiştiğinden görsellik açısından sıkıntı olabilir. Ancak bunu düzeltmenin de bir yolu var elbette.

 

Blogger kumanda panelinde Şablon > HTML’yi düzenle dedikten sonra ]]></b:skin> kodnu bulun ve üzerinde bir yere aşağıdaki kodları ekleyin.

 

.post h3{
color:#000;
font-size: 12px;
}

 

.post h4{
color:#000;
font-size: 10px;
}

 

Ben sadece renk ve boyut kadlarnı yazdım ama parantez içine istediğiniz CSS özelliklerini ekleyebilirsiniz.

 

Kafanıza takılan bir yer veya konuyla ilgili bir sorunuz varsa yorum bölümünden sorabilirsiniz. Eğer bu yazıyı faydalı bulduysanız ütfen aşağıdaki paylaşım butonlarını kullanarak paylaşın.

“Ne dediler?” Sayfamı Nasıl Oluşturdum?

Bildiğiniz gibi uzun süredir Blog Hocam’da “Ne dediler?” isimli bir sayfa var. Blog Hocam hakkında çeşitli bloglarda yazılan yazıları bir araya getirmek için oluşturmuştum bu sayfayı. Aslında pek çok sitede ve blogda benzer testimonials bölümleri mevcut. Ancak benim bu sayfada kullandığım tasarım ve kodlama beğenilmiş olacak ki nasıl yapıldığıyla ilgili mesajlar aldım. Mesaj gönderen kişilere tek tek anlatmak yerine blogda herkesle paylaşmak daha mantıklı olacak sanırım.

 

 

1. Adım: Stil kodları

 

İlk olarak stil kodlarını eklemenizi önereceğim. HTML kodlarını ekleyip önizleme yaparken ihtiyacınız olacak.

 

Bunun için Blogger kumanda panelinde Şablon > HTML’yi düzenle yolunu takip ettikten sonra Ctrl + F tuş kombinasyonunun yardmıyla ]]></b:skin> kodunu bulun. Bu kodun üzerinde bir yere aşağıdaki stil kodlarını ekleyin.

 

#testimonials{
    width: 500px;
    margin: 0 auto;}

#testimonials h2 {
    color:#F1921A;
    font:26px Georgia, serif;
    text-shadow:-1px -1px 0 rgba(255,255,255,0.25);}
#testimonials li {
    border-top:3px solid rgba(0,0,0,0.2);
    clear:both;
    padding:40px 0;
list-style: none;}
#testimonials li img {
    border:5px solid transparent;
    float:left;
    -moz-box-shadow:0 0 10px #333;
    -webkit-box-shadow:0 0 10px #333;
    box-shadow:0 0 10px #333;
    -moz-transform:rotate(-5deg);
    -o-transform:rotate(-5deg);
    -webkit-transform:rotate(-5deg);
    transform:rotate(-5deg);
    margin:0 20px 0 0;}
#testimonials li:nth-child(2n) img {
    float:right;
    -moz-transform:rotate(5deg);
    -o-transform:rotate(5deg);
    -webkit-transform:rotate(5deg);
    transform:rotate(5deg);
    margin:0 0 0 20px;}
#testimonials p {padding:0 0 20px;}
#testimonials li:first-child {border:none;}
#testimonials div {overflow:hidden;}

 

2. Adım: HTML kodları

 

Stil kodlarını ekleyip şablonu kaydettikten sonra sıra HTML kodlarına geldi. Bunun için Blogger kumanda panelinde Sayfalar > Yeni sayfa yolunu takip ettikten sonra sayfa başlığı olarak “Ne dediler, Referanslar, İnternettebiz” gibi başlıklardan birini yazdıktan sonra sayfanın HTML bölümüne aşağıdaki kodları ekleyebilirsiniz.

 

<ul id="testimonials">
<li>
  <img alt="" src=”http://avatar.png” />
  <h2>Blog Başlığı</h2>
<div>
…. İçerik …. 
<br /><br />
<div style="text-align: right;">
<a href=”http://yazı.html” rel="nofollow" target="_blank">Nerede dedi?</a></div>
</div>
</li>

<li>
<img alt="" src=”http://avatar.png” />
<h2>Blog Başlığı</h2>
<div>
…. İçerik ….

<br /><br />
<a href="http://yazı.html" rel="nofollow" target="_blank">Nerede dedi?</a></div>
</li>

</ul>

 

Sayfayı kaydetmeden önce önizleme yapıphata olup olmadığını konrtol edin. Eğer bir problem yoksa kaydedebilirsiniz.

 

Sayfaya yeni öğe eklemek

 

- <li> ile başlayıp </li> ile biten her bölüm yenibir öğeye ait kod parçasıdır. Burada dikkat etmeniz en önemli şey ekleyeceğiniz öğenin kodlarını </ul> satırının üstüne yapıştırılmasıdır.

 

- “Nerede dedi?” linkini sağa yaslamak için <div style="text-align: right;">  komutunu kullandığımı fark etmişsinizdir. Sola yaslamak için herhangi bir komut eklmenize gerek yok.

 

- http://avatar.png yazan yere ilgili blogun 90x90 boyutundaki avatar veya profil resminin urlsini yazmalısınız. Avatarı hızlıresim, picasa, dropbox, photobucket gibi servislere upload ettikten sonra urlsini alabilirsiniz.

 

- Blog Başlığı yazan yere ilgili blogun ismini yazacaksınız. Başlık renklerini BH’ye uygun olması için turuncu yapmıştım. Değiştirmek isterseniz color:#F1921A yerine istediğiniz renk kodunu yazabilirsiniz.

 

- İçerik yazan yere ilgili blogda hakkınızda neler yazıldığını ekleyeceksiniz.

 

- http://yazı.html yazan yere ilgili blogda sizden bahsedilen yazının urlsini yazacaksınız.

 

Kafanıza takılan bir yer olursa yorum bölümünden sorabilirsiniz. Ayrıca Blog Hocam’dan bahsettiğiniz bir yazınız varsa linkini 90x90 boyutlarında bir profil resmi veya avatarla bana gönderirseniz “Ne dediler?” sayfasına koymak isterim.

#derizaileblogla Kaybedenin Olmadığı Yarışma

Blogların popülaritesi ve kalitesi arttıkça markaların yaklaşımlarında da olumlu yönde değişimler oldu. Artık bloggerlara özel yarışmalar ve etkinlikler düzenleniyor, bloglara sponsor olunuyor.

 

Sizlere yine harika bir etkinlikten bahsetmek istiyorum. Bloggerlara gereeken önemi ve değeri veren markalardan biri olan Deriza.com bloggerlar arasında bir yarışma düzenliyor. Fakat bu yarışmanın diğerlerinden çok önemli bir farkı var. Bu yarışmada kaybeden olmayacak. Yarışmaya katılan herkese ödül verilecek. Merak ettiniz mi? Hemen detaylara geçeyim.

Bahsettiğim bu yarışma bloglar arsında yspılacak bir yarışma. Aşağıda yer alan şartları katılan tüm legal bloglarla yarışmaya katılabilirsiniz. Yarıma sonnunda verilecek ödüller şu şunlar:

 

- Yarışmada birinci olan bloga tablet bilgisayar.

- Yarışmada ikinci olan bloga unisex deri çanta.
- Yarışmada üçüncü olan bloga bay/bayan deri cüzdan.

- Yarışmaya katılan tüm blog yazarlarına Deriza.com’dan 50 TL değerinde indirim çeki.

 

İlk 3 blog nasıl belirlenecek?

 

Öncelikle finale kalacak olan 10 blog juri tarafından seçilecektir. Daha sonra verilecek olan hediyeler finale kalan 10 blog  içerisinden random.org üzerinden yapılacak çekilişle sahiplerini bulacak.

 

Yarışmaya katılım şartları neler?

 

1. Blogunuzda Deriza.Com ürünlerinden birtanesini tanıtmanız gerekmektedir.

 

Yazınızın başlığını istediğiniz gibi atabilirsiniz ancak başlığın başında ortasında veya sonunda #derizaileblogla hashtagı olması gerekmektedir.Yazınızın ilk bölümünde yarışma ve ödülleri hakkında kısa bir bilgi verdikten sonra, tanıtım yazınızın içeriğinde tanıtmaya karar verdiğiniz ürünün kategorisi hakkında bilgi verdikten sonra ( mesela bayan deri ceket modellerimizden birtanesini tanıtmaya karar verdiniz öncelikle yazınızın başında deri ceketler hakkında bilgi vermelisiniz) deriza.com’dan herhangi bir ürünü ( Sitedeki istediğiniz kategoriden , istediğiniz bay veya bayan ürününü tanıtabilirsiniz. İster bir deri mont, ister bir deri anahtarlık, çanta, cüzdan , kemer ne isterseniz. ) bloğunuzda tanıtmalısınız. Tanıtım yazınız en az 200 kelime olmak zorundadır ve tanıttığınız ürünün linkini yazı içerisinde tıklanabilir ve herkese açık bir şekilde koymanız gerekmektedir. Tanıtmış olduğunuz ürünün linkini isterseniz açık bir URL şeklinde , isterseniz ürünün adının altına anahtar kelime şeklinde koyabilirsiniz.

 

2. Tanıtım yazınızın sonuna aşağıdaki notla beraber linki eklemeniz gerekmektedir.

 

Not: Yarışma hakkında detaylı bilgi almak ve yarışmaya katılmak için : http://deristyle.com/blog/deriza-sponsorlugunda-blogculara-ozel-odullu-yarisma-derizaileblogla/

 

Örnek katılım yazısı: http://deristyle.com/blog/garnili-bordo-deri-cuzdan-derizaileblogla/

 

3. Yazmış olduğunuz tanıtım yazısını bloğunuzun facebook sayfasında ( sayfanız yoksa kişisel facebook profilinizde herkese açık bir şekilde ) #derizaileblogla hashtagı ile beraber paylaşmalısınız.

 

4. Instagram hesabınızdan @derizacom etiketi ve #derizaileblogla hashtagı kullanarak tanıtımını yaptığınız ürünün fotoğrafını paylaşmalısınız. ( İnstagram hesabı olmayanlar twitter üzerinden aynı şekilde paylaşımı yapmak zorundadır. )

 

5. Blogunuzun en az 1 aydır yayında olması gerekmektedir. Sadece bu yarışma için oluşturulan paravan bloglar değerlendirilmeye alınmayacaktır.

 

6. Başvurunuzun geçerli olması için  sosyal medya paylaşımlarınızın linklerini yazı linkiniz ile beraber derizaileblogla@gmail.com adresine e-mail atmalısınız.

 

Etkinlik Takvimi

- Yarışma başlangıç tarihi : 31.03.2014

- En son yazı girilmesi gereken tarih : 29.04.2014

- Çekiliş Tarihi ve kazananların duyurulacağı tarih : 30.04.2014

 

Etkinliğin kazananları Deriza.com facebook sayfası ve google+ sayfasından duyurulacaktır. Deriza sosyal medya hesaplarını takip etmeniz önerilir.

Deriza facebook sayfası : https://www.facebook.com/Derizacom

Deriza google+ sayfası : https://plus.google.com/+Deriza/posts

 

Herkese başarılar dilerim!

Apple İle Blog Yazma Deneyimi

Mobil teknolojinin hayatımızdaki rolü giderek artıyor. Google Analytics’de geçen senenin istatistikleriyle bu senenin istatistiklerini karşılaştırırken mobilden ziyaret oranında ciddi artış olduğunu farkettim. Özellikle iPad ve iPhone ile yapılan ziyaretler gün geçtikçe artıyor. Üstelik bu istatistiğin Blog Hocam’a özel bir durum olduğunu düşünmüyorum. Artk insanlar interneti kullanmak için tablet ve akıllı telefonlar gibi ergonomik, pratik cihazları tercih ediyorlar.

 

Bu teknolojilere çok uzak olan ben, iPhone ve iPad gibi cihazlardan nasıl blog okunduğunu ya da yazıldığını çok merak ederek ofisteki mesai arkadaşlarımdan rica ederek 1-2 gün kullandım. Tabi işin ucunda cihazları bozmak da olduğu için bir blogger olarak hemen Apple ürünleriyle ilgili faydalı bir blog var mı diye araştırdım ve buldum da.

 

Apple Rehber isimli blog sayesinde iOS nedir, uygulama nereden ve nasıl indirilir gibi konularda bilgi sahibi oldum.

 

Hazihazırda Apple ürünleri kullanan veya kullanmayı düşünen çok sayıda blogger olduğunu biliyorum. Emin olun iPhone ve iPad ile blog yazmak, blog okumak kadar keyifli de. App Store’dan ücretsiz indirebileceğiniz Blogger uygulaması sayesinde hem iPhone’dan hem de iPad’den blogunuzu yönetebiliyorsunuz.

 

iOS Blogger uygulaması ile yapabilecekleriniz:

 

- Yeni bir post oluşturarak yayınlayabilir veya taslakara kaydedebilirsiniz.

- Çektiğiniz fotoğrafları postun içine ekleyebilirsiniz.

- Etiketler ve konum bilgisi ekleyebilirsiniz.

- Hesabınıza bağlı diğer bloglar arasında geçiş yapabilirsiniz.

 

Benim gibi iOS ve Apple acemisiyseniz kafanızda pek çok soru işareti olabilir, hatta çeşitli sorunlar yaşayabilirsiniz. Fakat endişelenmenize gerek yok. Apple Rehberi’nde size yardımcı olcak pek çok faydalı ve güncel içerik yer almakta. iOS işletim sistemi hakkında bilgileri, iPad ve iPhone yardım dökümanlarını, Apple ürünleri ve uygulamaları hakkında güncel haberleri Apple Rehberi’nde bulabilirsiniz.

 

Sözün özü, eğer bir iPad veya iPhone kullanıcısıysanız Blogger uygulamasını indirip blogunuzla yakından ilgilenmenizi ve Apple Rehberi’ni takip ederek cihazlarınızı çok daha verimli kullanmanızı öneririm.