Scarlett Teması Türkçe Anlatım

Daha önce Blogger Zinmag Primus 2.0 Temasını Blogunuza nasıl uyarlayabileceğinizi anlatmıştım. İsteyenler bu linkten kontrol edebilir. Seçtiğim blog teması blogunuzu profesyonel bir görüntüye büründürebilecek Scarlett teması. 6 adımda temayı nasıl blogunuza adapte edebileceğinizi anlattım. Anlatım uzun olduğu için yazıyı ikiye bölmek zorunda kaldım. Yazı her ne kadar uzun olsa da gözünüzü korkutmasın zira uygulaması çok basit.


Sayfa Ögeleri Görüntüsü;


Scarlett Teması hakkında Ön Bilgi

Scarlett Teması Jinsona tarafından 25.02.2009 tarihinde Wordpress temaları için tasarlanmıştı. Zengin özelliklere sahip bu tema 05.03.2009 tarihinde ise Cahayabiru tarafından blogger için düzenlendi. İsteyen arkadaşlar detaylı anlatımlar için bu siteleri ziyaret edebilirler.

Kısaca temanın özelliklerinden bahsetmek gerekirse;

1. Premium tema düzeni.
2. Alt menüsünde alt alta javascript destekli üstüne fare ile geldiğinizde renk değiştiren hazır menü.
3. Ana sayfada slâyt şov olarak yazılarınızın resimli tanıtımı
4. 125x125 lik reklâm alanları (İsteğe göre boyutlandırılabilir)
5. Adsense Reklâmlarına uyumluluk. Başlık kısmında 468x60 boyutunda adsense reklâmı verebilme.
6. Sağ kolonda tek sekmede tercihe göre 3 adet eklenti.
7. Yazılarınızı yazdığınız kısımla beraber 3 kolon.
8. Tanıtımını yapmak istediğiniz yazılarınızı rastgele yukarı aşağı hareket edecek şekilde sağ kolonda tanıtma ve reklam yapma imkanı.
9. Yazılarınızın içinde herhangi bir kod kullanmanıza gerek kalmadan, otomatik olarak yazılarınızı kısaltarak ana sayfada özetini vermesi.
10. Slayt şovun yazıları okurken görüntülenmemesi.

Temanın verimli çalıştığı tarayıcılar;
1.Internet Explorer 6 ve üst sürümleri
2. Mozilla 2.xx ve üst sürümleri
3. Opera 9,00 ve üst sürümleri

Bu ön bilgileri verdikten sonra temanın bir blogda nasıl görüntülendiğini görmek için ve eğer beğenirseniz indirebilmeniz için internet adresleri aşağıda;

Scarlett Temasını Ön İzleme | Scarlett Temasını İndir

Eğer halen yazıyı okumaya devam ediyorsanız Scarlett Temasını beğendiniz demektir. Öyleyse Temada yapmanız gereken değişikliklere geçelim.

Uyarı: Tema düzenleme işlemlerine geçmeden önce temanızın yedeğini almayı unutmayın.

1. Scarlett Başlık Alanı Düzenleme
Scarlet başlık alanında yapmanız gereken değişiklik eğer isterseniz Scarlett logosunu 202 piksel yükseklik ve 35 piksel yükseklik dâhilinde kendi sitenizin logosu ile değiştirebilirsiniz. Bunun için yapmanız gereken temada aşağıdaki scarlet logosunun internet adresini “Ctrl+F” yardımı ile bulmak;

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDNxN6EoxdNT5V00FMQ3kImzL_nrMgv5wlbvLf-P7K6gQWilSHErs3RPoTcr1rVVq_HdJyn75zFOEHSs347Mx3fwFRcKcGBgN1qiMrb4sT_NTFBNE-D02sPWtu49O_Axr9fwvOwHPdhQ/s1600/logo.jpg

Bulduğunuz logo adresinin yerine kendi logonuzun adresini yapıştırın.

1.a. Tek sekmede 3 adet eklentinin isimlerinin düzenlenmesi

Temada yine “CTRL+F” yardımı ile alttaki kodları bulunuz.

<li class='pop'><a href='#popular'> SON YAZILAR </a></li>
<li class='fea'><a href='#tags'> ETİKET BULUTU </a></li>
<li class='rec'><a href=' #recent'> VİDEO </a></li>

yukarıda bulmuş olduğunuz kodda isteğinize bağlı olarak SON YAZILAR, ETİKET BULUTU, VİDEO başlıklarını değiştirin ve temayı kaydedin. Eğer bu adımda herhangi bir değişiklik yapmadıysanız. Konunun ilerleyen kısımlarında Son yazıların, Etiket Bulutunun, Videonun blogunuza hangi adımlar takip edilerek yerleştirilebileceğini anlatacağım.

2. Üst Menü Düzenleme
Temada yine “CTRL+F” yardımı ile alltaki kodları bulunuz.

<li><a href='http://takipteyiz.blogspot.com'>Üst Menü Ekle</a></li>
<li><a href='http://takipteyiz.blogspot.com'>Üst Menü Ekle</a></li>
<li><a href='http://takipteyiz.blogspot.com'>Menü Ekle</a></li>
<!-- Yukarıdaki kodları kopyala yapıştır ile çoğaltabilirsiniz-->
<!-- Çoğaltmak için Yukarıdaki yeşille renklendirilmiş kodu buraya yapıştırın ve düzenleyin-->

Üst Menü Ekle yazan kısımlara üst menünüzde hakgi başlıkların yer almasını istiyorsanız o başlıkları yazınız. VE http://takipteyiz.blogspot.com adresi yerine bu menülere uygun internet adreslerini yazın ve temanızı kaydedin.

Not: Sayfa ögelerinde yer alan Top Menüye eklentisinin içine 3. maddede anlattığım gibi menü eklemek isterseniz Temada bazı ayarsızlıklar oluşuyor. Yukarıdaki anlatımla yaparsanız herhangi bir sorun çıkmayacaktır.

3. Alt Menü (Category Menu) Düzenleme

Alt Menüleri istediğiniz şekilde kişileştirebilirsiniz bunun için sizlere iki ayrı seçenek sunuluyor.

3.1. FOX MENÜ
Bu menü tipi yan yana menü başlıklarından oluşan ve alt menü ihtiva etmeyen bir menüdür. Eğer çok fazla alt menünüz yoksa bu menüyü kullanmanızı tavsiye ederim. Bu menü tipini kullanmak istiyorsanız Sayfa Düzeninde yer alan Category Menu içerisine alttaki kodu yapıştırın;

<li><a href="INTERNET-ADRESI-EKLE">Hakkımda</a></li>
<li><a href="INTERNET-ADRESI-EKLE">İletişim</a></li>
<li><a href="INTERNET-ADRESI-EKLE">ALT MENU</a></li>
<!-- Yukarıdaki kodları kopyala yapıştır ile çoğaltabilirsiniz-->
<!-- Çoğaltmak için Yukarıdaki yeşille renklendirilmiş kodu buraya yapıştırın ve düzenleyin-->

Yukarıdaki kodda yapılması gereken değişiklikler; Hakkımda, İletişim, ALT MENU yazılı olan kısımları blogunuza uygun özelleştirin ve verdiğiniz bu kategorilere tıklandığında görüntülenmesini istediğiniz internet adreslerini INTERNET-ADRESI-EKLE yerine yazınız.

3.2. CAT MENÜ
Bu menü ise Fox menüsünden farklı olarak alt menülere sahiptir. Menülerin üzerine fare yardımı ile gelindiğinde alt menüler otomatik olarak menünün altına doğru açılarak görüntülenecektir. Böylece menülerinizi gruplayabileceksiniz.

Bu menü tipini kullanmak istiyorsanız Sayfa Düzeninde yer alan Category Menu içerisine alttaki kodu yapıştırın;

<li><a href="ALT-MENU-ADRESI-EKLE">ALT MENU</a>
<ul class="children">
<li><a href="DAHA-ALT-MENU-ADRESI-EKLE">DAHA ALT MENULER</a></li>
<li><a href="DAHA-ALT-MENU-ADRESI-EKLE">DAHA ALT MENULER</a></li>
<li><a href="DAHA-ALT-MENU-ADRESI-EKLE">DAHA ALT MENULER</a></li>
<li><a href="DAHA-ALT-MENU-ADRESI-EKLE">DAHA ALT MENULER</a></li>
<!-- Yukarıdaki kodları kopyala yapıştır ile çoğaltabilirsiniz-->
<!-- Çoğaltmak için Yukarıdaki yeşille renklendirilmiş kodu buraya yapıştırın ve düzenleyin-->
</ul>
</li>
<!--Bu menünü yanına bir adet Cat Menüsü daha eklemek için yukarıdaki kodu buraya yapıştırın ve düzenleyin-->

ALT MENU, DAHA ALT MENULER yazılı olan kısımları blogunuza uygun özelleştirin ve verdiğiniz bu kategorilere tıklandığında görüntülenmesini istediğiniz internet adreslerini ALT-MENU-ADRESI-EKLE ve DAHA-ALT-MENU-ADRESI-EKLE yerine yazınız.

Yukarıdaki menünün Alt Menülerine de Daha alt Menüler yerleştirmek için alttaki kodu kullanabilirsiniz. Bunun için Sayfa Düzeninde yer alan Category Menu içerisine alttaki kodu düzenleyerek yapıştırın;

<li><a href="ALT-MENU-ADRESI-EKLE">ALT MENU</a>
<ul class="children">
<li><a href="DAHA-ALT-MENU-ADRESI-EKLE">DAHA ALT MENULER</a></li>
<li><a href="DAHA-ALT-MENU-ADRESI-EKLE">DAHA ALT MENULER</a></li>
<li><a href="DAHA-ALT-MENU-ADRESI-EKLE">DAHA ALT MENULER</a></li>

<li><a href="SECENEKLI-ALT-MENU-ADRESI-EKLE">SECENEKLI ALT MENU</a>
<ul class="children">
<li><a href="DAHA-ALT-MENU-ADRESI-EKLE">DAHA ALT MENULER</a></li>
<li><a href="DAHA-ALT-MENU-ADRESI-EKLE">DAHA ALT MENULER</a></li>
<li><a href="DAHA-ALT-MENU-ADRESI-EKLE">DAHA ALT MENULER</a></li>
<li><a href="DAHA-ALT-MENU-ADRESI-EKLE">DAHA ALT MENULER</a></li>
</ul>
</li>

<li><a href="SECENEKLI-ALT-MENU-ADRESI-EKLE">SECENEKLI ALT MENU</a>
<ul class="children">
<li><a href="DAHA-ALT-MENU-ADRESI-EKLE">DAHA ALT MENULER</a></li>
<li><a href="DAHA-ALT-MENU-ADRESI-EKLE">DAHA ALT MENULER</a></li>
<li><a href="DAHA-ALT-MENU-ADRESI-EKLE">DAHA ALT MENULER</a></li>
<li><a href="DAHA-ALT-MENU-ADRESI-EKLE">DAHA ALT MENULER</a></li>
</ul>
</li>

</ul>
</li>

ALT MENU, DAHA ALT MENULER ve SECENEKLI ALT MENU yazılı olan kısımları blogunuza uygun özelleştirin ve verdiğiniz bu kategorilere tıklandığında görüntülenmesini istediğiniz internet adreslerini ALT-MENU-ADRESI-EKLE, DAHA-ALT-MENU-ADRESI-EKLE ve SECENEKLI-ALT-MENU-ADRESI-EKLE yerine yazınız.

Hangi menüyü seçmek istiyorsanız gerekli değişiklikleri yaptığınız kodları sayfa Düzeninde yer alan Category Menu içerisine yapıştırın ve kaydedin.

Örnek Görüntü;


Bu adımları bitirdikten sonra yazının ikinici bölümünde yapılması gerekenleri anlattım.

Yazının 2. Bölümünde yer alan konu başlıkları;

4. Ana sayfada slâyt şov (Slayt Show veya Slider) anlatımı,
5. Sağ kolonda tek sekmede tercihe göre 3 adet eklenti (SON YAZILAR, ETİKET BULUTU, VİDEO)
6. Sitenizdeki yazılarınız arasından Kısa Tanıtımlar yapabileceğiniz rasgele yer değiştiren eklentisi.

Yazının ikinci bölümü için : Blogger Scarlett Teması Türkçe Anlatım # Bölüm: 2