Blog ipuçları etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster
Blog ipuçları etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster

Filografi Sanatıyla Tanıştınız mı?

Ocak 04, 2017 18 Yorumlar

Filografi Sanatı Nedir?

Filografi Ortadoğu'da doğmuş ve Avrupa'dan Uzak Doğu'ya kadar yayılmış ancak yapımının zor olduğu düşüncesiyle yok olmaya yüz tutmuş bir el sanatıdır.

Çivi ve tel… İkisinin maharetli ellerde şekillendiği bir el sanatı; filografi… Çivilerin arasından tellerin geçirilmesi ile objelere estetik görününüm kazandırılması işlemi olarak tanımlanan filografi de belli örgü teknikleri kullanılarak hat yazıları, simetrik desenler, amblemler, çiçekler ve çizgi film karakterleri panolar haline getirilebiliyor.Yeteri kadar uygulanmadığı için giderek yok olan bir sanattır. 

Eğer siz de bu nadide sanatın yok olmasına razı değilseniz sorularınızı buradan sorabilir nasıl yapıldığıyla ilgili bilgiler alabilirsiniz. Kendiniz de evde hobi olarak başlayabilirsiniz. 

Asaf Filografi aracılığıyla istediğiniz ölçü ve boyutlarda, dilediğiniz motif,amblem,marka,hat vs. şekillerde tablo sipariş edebilir; ücretsiz kargosundan Türkiye'nin her yerine tablonuzu isteyebilirsiniz (Kapıda Ödemeli).

Yapımı bitmiş bazı sanat ürünlerinin fotoğrafları aşağıda sıralanmıştır. Bunlara bakarak fikir edinebilirsiniz.

Evlilik Yıldönümü, Sevgililer Günü, Doğum Günü veya Hediye olarak ne alacağınızı düşünüyor bulamıyorsanız bundan daha iyi bir hediyeyi ben düşünemiyorum. Sipariş vermek için bize mail atabilirsiniz.





Resimleri büyütmek için üzerine tıklayın.
Filografi Sanat

Filografi Sanat

Filografi Sanat

Filografi Sanat

Filografi Sanat

Filografi Sanat

Etiketler: Filografi sanatı nedir, filografi nasıl yapılır, filografi tablo siparişi, galatasaray amblemi şeklinde filografi tablo yapımı, fenerbahçe tablosu yap, hat sanatı filografi tel ve çivi ile yapımı, sarma sanatı, filografi malzemeleri nedir, tablo siparişi ver, kapıda ödemeli, doğum günü hediyesi ne alabilirim, evlilik hediyesi ne alınır?

Oltayla Balık Tutar Gibi! Sayfa Başına Dön Butonu Yapımı

Kasım 03, 2015 2 Yorumlar
balik-yukari-cik-dugmesi-yapimi

Blogger bloğunuz için daha önce roket şeklinde yukarı çık butonu yapımını anlatmıştım. Şimdiki Yukarı çık butonumuz olta şeklinde. Siz blog sayfanızda aşağı doğru indikçe otomatik olarak olta bloğunuza atılın, oltanın ucundaki solucan ise "beni kurtarııın yukarı çek yukarıııı" diye bağırır :)


Sayfa başına dön butonu ne işe yarar?

Ziyaretçiniz özellikle uzun yazılarınızı okuduktan sonra tekrar yukarı çıkmak istediğinde iki saat o güzel parmaklarını yormasın diye oltanın ucuna tek tıklamayla sayfayı yukarı çıkarır. Anlatıma geçelim.

Oltayla Balık Tutar Gibi! Sayfa Başına Dön Butonu Yapımı

1. Blogger panelize girin.
2. Şablon
3. HTML'yi Düzenle
4. Kodlar üzerine tıklayın CTRL F tuşlarına basın arama kutusunu açın.
5. ]]></b:skin> kodunu bulun ve üst satırına aşağıdaki kodları yapıştırın.


/* Blog Bakkalı Yukarı Çık Butonu */
.umpanikan{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgup1ed2hbZMHNts54zOZLLZPB16a6woTWylmY6CvekTXMjljVzKbqqj5dTanSWWqakytzfo2VXjHShCdX7KuPakSCY5dimiF_wBcpvkzGfhKcXO_-CeUylFgFU3bM6qNjSHzuEdtNOwxQ/s1600/blogbakkali.png);background-repeat:no-repeat;position:relative}
#umpanikan{cursor:pointer;width:30px;height:530px;background-size:41px;position:fixed;top:-700px;left:7%;transition:all .7s ease-in-out;-webkit-transition:all .7s ease-in-out;z-index:21}
#umpanikan-bubble{background:#fff;border-radius:50px;color:#06f;display:block;font-size:12px;line-height:14px;opacity:0;overflow:visible;padding:5px;position:absolute;top:445px;left:20px;text-align:center;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;visibility:hidden;width:60px;height:auto;z-index:99}
#umpanikan:hover > #umpanikan-bubble,#umpanikan:hover > #umpanikan-bubble:after{opacity:1;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;visibility:visible}
#umpanikan-bubble:after{border-bottom:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #fff;border-left:5px solid #fff;content:"";display:block;position:absolute;top:0%;left:10px;width:0;height:0;z-index:99}

6. </body> kodunu bulun. Yine üstüne aşağıdaki kodları ekleyin.


<script type='text/javascript'>
//<![CDATA[
jQuery(document).ready(function(n){n(window).on("scroll",!1,function(){var o=n(window).scrollTop();o>700?n("#umpanikan").css("top","0"):n("#umpanikan").css("top",o-700+"px")}),n("#umpanikan").unbind("click").click(function(){n("html,body").animate({scrollTop:n("#umpanikanTOP").offset().top},"slow")})});
//]]>
</script>

7. <body> kodunu bul ve altına aşağıdaki kodları kopyala ve yapıştır.


<div id="umpanikanTOP"></div>
<div class="umpanikan" id="umpanikan">
  <div id="umpanikan-bubble">Anaam köpek balığı! Çek yukarıı çeeek.</div>
</div>

8. Şablonu kaydedin. 


Olta şeklinde back to top yani sayfa başına dön butonu yapımı bu kadar basit. Yorumunuzla güzellik katmayı ve bloğuma üye olup destek olmayı unutmayın :) İyi bloglamalar.

Resimlerinizi Bloğunuza Duyarlı Hale Getirin

Ekim 18, 2015 14 Yorumlar
Resimlerinizi Bloğunuza Duyarlı Hale Getirin


Blogger resimleri otomatik boyutlandırmaBloğumuza eklediğimiz görseller çok büyük olduğu zaman demodaki gibi taşıyor. Bu olumsuz duruma engel olmanın bir yolu var.

Birkaç CSS kod yardımıyla bloğunuzdaki resimleri duyarlı hale getirebiliriz.

Blogger bloğunuza eklediğiniz tüm resimleriniz otomatik olarak duyarlı hale gelir. Duyarlı olmak ne demek? Diye sorduğunuzu duyar gibiyim. Şöyle anlatayım mesela bloğunuzun yazı alanı 500px genişliğinde ama yazınıza eklediğiniz görsel 800px değerinde. Dolayısıyla taşmalar meydana gelecek.

İşte bu taşmalara engel olmak için blog kodlarımız arasına bu CSS kodlarını eklemek zorundayız.

Bu kodları ekledikten sonra artık bloğunuza istediğiniz boyutta resim atın hepsi otomatikman sizin yazı alanınızın genişliğine göre ayarlanacak.



Resimler Duyarlı Hale Nasıl Getirilir?

1. Şablon
2. HTML'yi Düzenle
3. Açılan kodlar üzerinde herhangi bir yere tıklayın ve CTRL F tuşlarına basın. Arama kutusu açılacak. Bu kutu yardımıyla ]]></b:skin> kodunu bulun.
3. Bulduğunuz bu kodun üst satırına aşağıdaki CSS kodlarını yapıştırın.
.post-body img {
  max-width:100%;
  height:auto;
}
4. Şablonu kaydedin.
5. Tebrikler artık bloğunuza eklediğiniz tüm resimler otomatik olarak boyutlandırılıyor. 

Bloğunuzun Renklerini Değiştirmek Bu Kadar Kolay!

Eylül 19, 2015 6 Yorumlar
Blogger blog renklerini değiştirmenin en kolay yolu.

Blogger blog renklerini değiştirmenin en kolay yolu.
Blogger bloğunuzun veya sitenizin renklerini en basit yoldan nasıl değiştirebilirim? Diyorsanız bu Chrome eklentisi tam size göre. 

Color Zilla sayesinde bloğunuzun renklerini çok kolay bir şekilde değiştirebilirsiniz. Öncelikle eklentiyi kurmak için Chrome Web Mağazası'ndan Color Zilla eklentisini kurun. Buraya tıklayarak mağazaya ulaşabilirsiniz.

Eklentiyi kurunca adres çubuğunun sağında küçük bir dolgu aracı simgesi çıkacak bu simgeye tıkladığınızda dolgu aracınız fare imlecinizde olacak. Fare imlecini sitenizdeki herhangi bir yere getirdiğinizde dolgu aracınız oradaki zeminin rengini kodlarla size söyleyecek. 

Bu kodları blogger panelinizden Şablon-HTML'yi Düzenle-Kodlar üzerinde herhangi bir yeri tıklayarak CTRL F tuşlarına aynı anda basın arama kutusu açılacak bu arama kutusuna renk kodunu yazın ve aratın rengini değiştirmek için seçtiğiniz bölgenin rengini bulursunuz. 

Renk kodu denen şey Atıyorum #000000 bunun gibi. Daha fazla renk kodu için burayı tıklayın. 

Sitenizin renklerini en hızlı şekilde basitçe değiştirmek için dinleyin:

Blog Renkleri Nasıl Değiştirilir?

Örnek olarak benim bloğumun sidebar renklerini kodlar arasında bulup değiştireyim.

1. Öncelikle bloğumu açıyorum. Color Zilla simgesine tıklayarak dolgu aracını açıyorum ve sidebarımda rengini belirlemek istediğim bölgeye tılıyorum. Resimdeki gibi bir sonuç alacaksınız.

Blogger blog renklerini değiştirmenin en kolay yolu

2. Rengini belirleyeceğiniz yere tıkladıktan sonra tekrar Color Zilla simgesine tıklayın ve aşağıdaki resimde olduğu gibi pencere açılacak. Copy to clipboard yazısına tıklayın. Sonra en alttaki kodu seçin. Seçtiğiniz renk kodunu kopyalamış olacaksınız. O hafıza da dursun şimdilik.

Blogger blog renklerini değiştirmenin en kolay yolu

3. Şimdi blogger yönetici panelimden Şablon>HTML'yi Düzenle yolunu takip ediyorum ve açılan kodlar içerisinde herhangi bir yere tıklayarak CTRL F tuşlarına aynı anda basarak arama kutumu açıyorum.

4. Hafızaya eklediğim renk kodunu arama kutusuna yapıştırıyorum ve aratıyorum.

Blogger blog renklerini değiştirmenin en kolay yolu

5. Bulduğum renk kodunu istediğim renkle değiştirebilirim. Bunun için buradaki skaladan bir renk kodu seçiyorum ve onla değiştiriyorum. Şablonumu kaydediyorum ve işlemlerimi bitirmiş oluyorum işte sonuç:

Blogger blog renklerini değiştirmenin en kolay yolu

Gördüğünüz gibi blog veya site renklerinizi değiştirmenin en hızlı ve basit yolu bence bu. Sizde renklerinizi arada bir değiştirerek bloğunuzu mevsimlere göre renklendirebilirsiniz. 

Blogger blog renkleri değiştirme konusu bu kadar. Anlamadığınız yer varsa lütfen yorumla sormaktan çekinmeyin. Ayrıca destek olmak için bloğumu izleyin anacım baay :)

Blogunuzdaki Tüm Linkleri Yeni Sekmede Açılır Yapmak

Ağustos 22, 2015 1 Yorum
blogger-tum-linkleri-yeni-sekmede-acmak

Blogger Tüm Linkleri Yeni Sekmede Açılır Yapmak. Ziyaretçi bir yazınızı okurken verdiğiniz bir bağlantı linkinize veya benzer yazılarınızdaki linklerden birine tıkladığı zaman mevcut okuduğu sayfa kapanır ve tıkladığı sayfaya yönlendirilir. Bunu engellemek için birazdan paylaşacağım kodu bloğunuza ekleyin ve linkleriniz yeni sekmede açılsın.

Blogtaki linklerin yeni sekmede açılması ne işe yarar?
Ziyaretçiniz o andaki okuduğu sayfayı kapatmadan herhangi bir bağlantı linkini otomatik olarak  yeni sekmede görüntüler ve okuduğu sayfayı kaybetmez. Ziyaretçiler herhangi bir sayfanızda ne kadar uzun süre kalırsa bu o sayfanın arama motorları tarafından önemli olarak indekslenmesini sağlar. Seo ve istatistikler açısından sayfanızın uzun süre açık kalması öenmlidir.

Tek tek her linke yeni sekmede açılması komutu vermektense ekleyeceğiniz ufak bir kod sayesinde tüm linklerinizin yeni sekmede açılmasını sağlayabilirsiniz. Nasıl mı?


Tüm Linleri Yeni Sekmede Açmak

1. Blogger
2. Şablon
3. HTML'yi Düzenle
4. CTRL+F tuşlarına aynı anda basarak arama kutusunu açın
5. </head> kodunu bulun
6. Aşağıdaki kodu bulduğunuz bu kodun alt satırına yapıştırın.

<base target='_blank' />

7. Şablonu kaydedin.

Tebrikler artık bloğunuzdaki tüm linkler otomatik olarak yeni sekmede açılıyor. Bu gibi basit ipuçlarının ve eklentilerin devamının gelmesi için bloğumu izleyin ve yazılarıma yorumlarınızla güzellik katın. Unutmayın birbirimize destek olarak büyüyebiliriz. İyi bloglamalar ;) 

Kaynak: http://blogbakkali.blogspot.com.tr/2015/08/blogger-tum-linkleri-yeni-sekmede-acmak.html

7 Adımda Başarılı Bir Blog Yazısı Oluşturmak

Ağustos 09, 2015 4 Yorumlar
Başarılı bir blog yazısı nasıl olmalıdır? Yıl oldu 2015 blog sayısı oldu milyon. Bedava blog açma servisleri sayesinde blogların sayısı hızla arttı. Hemen her konuda açılan yüzlerce blog var. Bunlardan pek azı istenilen başarı seviyesine ulaşıyor. Peki sizin bloğunuz başarılı mı? Sizin bloğunuzu bunca blog arasından nasıl sıyırıp çıkaracağız. Ne gibi özellikleri olmalı ki bloğunuz ön sıralara çıksın?

Başarılı bir blog nasıl olur? Teması güzel olan bloga başarılı mı demek gerekir? Elbette temanızın güzelliği başarı için bir etken fakat daha önemli olanı yayınladığınız yazılardır. Yazınızın özgün olması, gerçekten işe yarayacak bilgilerle dolu olması, ziyaretçilerinizin faydalanabileceği konularda olması vs. başarılı bir blog yazısının ön koşulları. 

Şimdi ben sizlerle başarılı bir blog yazısı nasıl olmalıdır konusu üzerine tartışmak istiyorum. Konuyla ilgili aşağıda birkaç ipucu vereceğim umarım faydalı olur.

Başarılı Bir Blog Yazısı Nasıl Olmalıdır?

1. İlgi Çekici Başlık

7 Adımda Başarılı Bir Blog Yazısı OluşturmakGüçlü bir blog yazısı oluşturmanın ilk adımı ilgi çekici, ilginç bir başlık bulmaktır. Yazdığınız başlık konu içeriğini tek kelimeyle anlatacak kadar kısa ve öz olmalı, insanların merak edip tıklayacağı kadar da ilgi çekici olmalıdır. Mesela "7 Adımda Başarılı bir Blog Yazısı Oluşturmak" başlığı ilgi çekicidir. Sen şuan bu yazıyı okuduğuna göre başarılı sayılır :) Yani başlıklarınızda 5 adımda, 10 adımda, 10 derste gibi sayı bildirmeniz yazılarınızın okunabilirliğini artırıyor.


2. Yazınıza Fotoğraf ve Grafikler Ekleyin

7 Adımda Başarılı Bir Blog Yazısı Oluşturmak

Ziyaretçilerin ilgisini artırmak için yazılarınızda resimlere ve grafiklere yer verin. Unutmayın insanlar gördükleri şeyleri daha çok hatırlarlar. Kendi çektiğiniz resimlere ve yaptığınız grafiklere yer vermeniz onları daha değerli kılacaktır.


3. Temiz ve Basit Bir Tasarımınız Olsun

7 Adımda Başarılı Bir Blog Yazısı Oluşturmakİnsanlar bloğunuzu ziyaret ettiğinde karma karışık menüler, etiketler, başlıklar, her yerden fışkıran reklamlarla karşılaşmasınlar. Öyle bir temanız olsun ki ziyaretçi böyle bir bakışta ben burada aradığım şeyleri kolaylıkla bulabilrim desin. Temanız sade, kolay, anlaşılır olsun. Ziyaretçinin öfkelerini kabartmayacak bir tasarım olsun. Ayrıca duyarlı şablonlar kullanmanızı öneririm. Temanızı düzenlemek için buradaki yazıma bakabilirsiniz.


4. Özgün İçerik

7 Adımda Başarılı Bir Blog Yazısı Oluşturmak
Yazınız başka bir siteden kopya edilmiş olmasın. Ne anlatırsanız anlatın kendi cümlelerinizle anlatın. Blog yazılarınızın ön sıralarda çıkmasını istiyorsanız kesinlikle kopyala-yapıştır yapmayın. Bu numarayı arama motorları yemiyor ve direkt sitenizi banlıyor. Ön sıralara çıkacağınız varsa da artık kalmıyor. Yazılarınız anlamlı ve eğitici olmalıdır. Bir konuyu anlatırken sanki bir çocuğa anlatırmış gibi basit ve anlaşılır bir dil kullanmanız gerekir. 


5. Video Anlatımı

7 Adımda Başarılı Bir Blog Yazısı Oluşturmakİnsanlar yazıları okumaktansa izlemeyi tercih ediyor. Eğer videolu anlatımlar yapabilirseniz bu sizi öne geçirecektir. Videolu anlatımlar ziyaretçi trafiğinizi artırmanın yanında youtube izleyici kitlenizin artmasına ve video reklamlarından para kazanmanıza imkan sağlar. Eğer youtube'da kendi kanalınız yoksa başkalarının videolarınıda blogunuzda paylaşabilirsiniz. Bu dahi yazınızın hitini artıracaktır.



6. Sosyal Medya ile Bağlayın

7 Adımda Başarılı Bir Blog Yazısı Oluşturmak
Yayınlarınızı Facebook, Twitter gibi sosyal ağlardaki sayfalarınızda paylaşmak ziyaretçi sayınızın artmasına yarayacaktır. Ayrıca yazılarınız sonunda sosyal paylaşım düğmelerini bulundurursanız, ziyaretçinin hoşuna giden bir yazınızı paylaşması onun arkadaşlarını da blogunuza yönlendirir. Paylaştıkça hitiniz artacaktır. Yazı sonlarında sosyal paylaşım düğmeleri eklemek için buradaki yazıma göz atabilirsiniz. 


7. Benzer Bloglara Yorum Atın

7 Adımda Başarılı Bir Blog Yazısı OluşturmakSizin bloğunuzla aynı konulara yer veren blogları ziyaret edin ve onların yazılarına yorumlar bırakın. Yorumlarınız siteme beklerim, takibe takip gibi saçma sapan ve itici olmasın. Mesela yazar bir konuyu anlatmış sizde beğendim demek yerine bu konunun şöyle şöyle tarafları da var diyebilirsiniz. Veya konuya yapılmış bir yorumda soru soran ziyaretçi varsa ona cevap verilerek size karşı merak uyandırabilirsiniz. Bu yöntemde bloğunuza ziyaretçi çekecektir.


Şimdi söz sizde. Konuya eklemek istediğiniz şeyler varsa yorumla lütfen bildirin. Paylaşarak bildiklerimizi artırabiliriz. İyi bloglamalar, takipte kalın ;)

Kaynak: http://blogbakkali.blogspot.com.tr/2015/08/basarili-bir-blog-yazisi-olusturmak.html

İnternet Sitelerindeki Tüm Reklamları Nasıl Engellerim?

Temmuz 30, 2015 Yorumla
İnternet Sitelerindeki Tüm Reklamları Nasıl Engellerim?

İnternet Sitelerindeki Tüm Reklamları Nasıl Engellerim? Evet bugün farklı bir konuyla ilgili konuşacağım. 

Bazı internet siteleri var ki insanı reklama boğar aradığınız şeyi bulmakta zorlanırsınız. Tamam kabul reklamlar siteler için bir gelir kaynağı, yazarın el emeğinin ufakta olsa karşılığı. Fakat öyle siteler var ki aman Allahım reklamdan geçilmiyor. Gözlerim ağrıyor. 

Şimdi size bu gibi sitelerdeki reklamları nasıl engellersiniz bunu anlatacağım. Eğer sizde benim gibi Chrome tarayıcısını kullanıyorsanız Chrome Web Mağazasından AdBlock eklentisini tarayıcınıza ekleyerek reklamlardan kurtulabilirsiniz. Hiçbir reklam artık size gözükmeyecektir.
AdBlock eklentisini kurmak için buraya tıklayın.
"Evet eklentiyi kurarak reklamlardan kurtulduk fakat ben bir blog yazarıyım ve sitemde abartıya kaçmadan google reklamlarını falan gösteriyorum. Bu benim gelir kaynağım. Okuyucularım reklamları engellerse bu benim zararıma olur emeklerim boşa gider" diyorsanız sizin için de bir çözüm yolu düşündüm. Reklamların engellenmesini nasıl engellerim.

Blog yazarları bloglarındaki reklamların engellemelere maruz kalmaması için bloglarına ufak bir kod eklemeleri gerekiyor. Aşağıdaki jawascript kodlarını sitenize ekleyerek reklamların engellenmesi sorununa çözüm bulabilirsiniz.


Reklamların engellenmesini nasıl durdururum?

Blogger panelimizden Yerleşim - Gadget Ekle - HTML/JawaScript yolunu takip ederek aşağıdaki kodları kopyalayıp yapıştırın ve kaydedin. 
<style scoped='' type='text/css'>#h237{position:fixed !important;position:absolute;top:0;top:expression((t=document.documentElement.scrollTop?document.documentElement.scrollTop:document.body.scrollTop)+"px");left:0;width:102%;height:102%;background-color:#fcfcfc;opacity:.99;display:block;padding:7% 0;bottom:0;right:0;z-index:9999!important;}#h237 *{text-align:center;margin:0 auto;display:block;font:bold 14px Verdana,Arial,sans-serif;text-decoration:none}#h237 * a {padding:12px 15px!important;background-color:#f77c6a;color:#fff!important;font-weight:700;font-size:14px;font-family:'Open Sans',sans-serif;text-align:center;text-transform:uppercase;letter-spacing:0.5px;border-radius:3px;display:block;margin:15px auto;clear:both;width:20%;transition:all 0.3s ease-out;}#h237 * a:hover {opacity:.9;}#h237 ~ *{display:none}</style><div id="h237">
<span>Mohon Aktifkan Javascript!<a href="http://www.enable-javascript.com/">Enable JavaScript</a></span></div>
<script>window.document.getElementById("h237").parentNode.removeChild(window.document.getElementById("h237"));(function(l,m){function n(a){a&&h237.nextFunction()}var h=l.document,p=["i","s","u"];n.prototype={rand:function(a){return Math.floor(Math.random()*a)},getElementBy:function(a,b){return a?h.getElementById(a):h.getElementsByTagName(b)},getStyle:function(a){var b=h.defaultView;return b&&b.getComputedStyle?b.getComputedStyle(a,null):a.currentStyle},deferExecution:function(a){setTimeout(a,250)},insert:function(a,b){var e=h.createElement("span"),d=h.body,c=d.childNodes.length,g=d.style,f=0,k=0;if("h237"==b){e.setAttribute("id",b);g.margin=g.padding=0;g.height="100%";for(c=this.rand(c);f<c;f++)1==d.childNodes[f].nodeType&&(k=Math.max(k,parseFloat(this.getStyle(d.childNodes[f]).zIndex)||0));k&&(e.style.zIndex=k+1);c++}e.innerHTML=a;d.insertBefore(e,d.childNodes[c-1])},displayMessage:function(a){var b=this;a="abisuq".charAt(b.rand(5));b.insert("<"+a+'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgirEtv7C3nIr_s4PUjI-0CBHwfyLNBdxg7gU9bcDIh7Eo753cQI8RkuOzFyVdPNj05Y5vevTxSEfEbFSaf0u0ERv-XIH9AtlRtr6thiTZwFGUCrKpjtSQ7W_IOKuMthb4cFX_vDB3FeTcx/s640/Disable-Adblock.png" height="350" width="699" alt="" /> <a href="JavaScript:window.location.reload()">YENİDEN</a>'+("</"+a+">"),"h237");h.addEventListener&&b.deferExecution(function(){b.getElementBy("h237").addEventListener("DOMNodeRemoved",function(){b.displayMessage()},!1)})},i:function(){for(var a="DivTopAd,ad-zone-1,ad_190x90,ads-sticky,iqadtile5,leftframeAD,tobsideAd,ad,ads,adsense".split(","),b=a.length,e="",d=this,c=0,g="abisuq".charAt(d.rand(5));c<b;c++)d.getElementBy(a[c])||(e+="<"+g+' id="'+a[c]+'"></'+g+">");d.insert(e);d.deferExecution(function(){for(c=0;c<b;c++)if(null==d.getElementBy(a[c]).offsetParent||"none"==d.getStyle(d.getElementBy(a[c])).display)return d.displayMessage("#"+a[c]+"("+c+")");d.nextFunction()})},s:function(){var a={'pagead2.googlesyndic':'google_ad_client','js.adscale.de/getads':'adscale_slot_id','get.mirando.de/miran':'adPlaceId'},b=this,e=b.getElementBy(0,"script"),d=e.length-1,c,g,f,k;h.write=null;for(h.writeln=null;0<=d;--d)if(c=e[d].src.substr(7,20),a[c]!==m){f=h.createElement("script");f.type="text/javascript";f.src=e[d].src;g=a[c];l[g]=m;f.onload=f.onreadystatechange=function(){k=this;l[g]!==m||k.readyState&&"loaded"!==k.readyState&&"complete"!==k.readyState||(l[g]=f.onload=f.onreadystatechange=null,e[0].parentNode.removeChild(f))};e[0].parentNode.insertBefore(f,e[0]);b.deferExecution(function(){if(l[g]===m)return b.displayMessage(f.src);b.nextFunction()});return}b.nextFunction()},u:function(){var a="ad&adv_keywords=,-page-peel/,/adchain.,/adfootright.,/adsxml/ad,/adyard300.,/impopup/ad,/loadadsparam.,/meme_ad.,_adshare.".split(","),b=this,e=b.getElementBy(0,"img"),d,c;e[0]!==m&&e[0].src!==m&&(d=new Image,d.onload=function(){c=this;c.onload=null;c.onerror=function(){p=null;b.displayMessage(c.src)};c.src=e[0].src+"#"+a.join("")},d.src=e[0].src);b.deferExecution(function(){b.nextFunction()})},nextFunction:function(){var a=p[0];a!==m&&(p.shift(),this[a]())}};l.h237=h237=new n;h.addEventListener?l.addEventListener("load",n,!1):l.attachEvent("onload",n)})(window);</script>

İşlemler bu kadar. Umarım blog okuyucuları ve blogcular arasında reklam engelleme/kardeşim engelleME kavgası başlatmamış olurum :) 

Blogcular siz lütfen reklamları abartmayın. Gözümüz yoruluyor yazıyı okuyamıyoruz. bu size kazanç değil ziyaretçi kaybı yaşatır.

Blog okuyucuları siz de lütfen tüm reklamlara karşı çıkmayın. Taktir edersiniz ki blogların gelişebilmesi ve devamını sürdürebilmesi için reklam gösterimi şart. Yazdıklarımızın bir karşılığı olmasından öte masraflar çıksın be kardeşim :) Blogculara destek olun yorum atın ve onların reklamlarına tıklayın lütfen. iyi bloglamalar takip edin ;)

Kaynak: http://blogbakkali.blogspot.com.tr/2015/07/sitelerdeki-reklamlari-engelleme-nasil-olur.html

Otomatik SEO Görüntü Optimizasyonu Yöntemi

Temmuz 27, 2015 3 Yorumlar
Otomatik SEO Görüntü Optimizasyonu Yöntemi

Otomatik SEO Görüntü Optimizasyonu Yöntemi. Blog yazılarımız içerisinde görsel öğelere yer vermek olmazsa olmazımızdır biliyorum. Ancak eklediğimiz görselleri google gibi arama motorları görsün dizinine eklesin diye onlara başlık metni, alternatif metin, en-boy ölçüleri falan vermemiz gerekir. Bu işlemler arama motorları tarafından şu şekilde okunur: 
<img alt="resmin açıklaması" height="125" scr="/image.png" width="125"/>
Sizin resminizin bir adı açıklaması, yüksekliği (height), eni (width) olmadığını düşünün, arama motorları nasıl anlamlandırsın ki bu nedir diye? Bu yüzden resimlerinize optimizasyon şart. 

Bazen bunları manuel yapmak sıkıcı ve zor geliyor. Bu yüzden otomatik görüntü optimizasyonu yöntemini anlatacağım.


Neden Otomatik SEO İçin Görüntü Optimizasyonu?

Bu uygulayacağımız görüntü optimizasyonunda sizin yazı başlığınızla görselinizin adı otomatikman aynı olacak bu da arama motorları tarafından konuyla alakalı resminizi ön plana çıkaracak ve böylece görsellerden de sitenize ziyaretçi çekmiş olacaksınız.

Ziyaretçi çekmenin yanında zaten görüntü optimizasyonu SEO için çok önemli bir kavramdır. Mutlaka her görselinizin bir adı ve boyutu olmalıdır. Şimdi bunu otomatikman siz uğraşmadan blog kendiliğiden yapacak. Nasıl Mı?

1. Öncelikle blogger panelimizden Şablon-HTML'yi Düzenle yolunu takip edip CTRL+F tuşlarına basarak </body> kodunu bulun.

2. Bulduğunuz bu kodun bir üst satırına aşağıdaki jawascript kodlarını kopyalayıp yapıştırın.
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function() {
$('img').each(function(){
var $img = $(this);
var filename = $img.attr('src')
$img.attr('alt', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));
});
});
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function() {
$('img').each(function(){
var $img = $(this);
var filename = $img.attr('src')
$img.attr('title', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));
});
});
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
var scrollTimer = null;
$(window).scroll(function() {
   var viewportHeight = $(this).height(),
       scrollbarHeight = viewportHeight / $(document).height() * viewportHeight,
       progress = $(this).scrollTop() / ($(document).height() - viewportHeight),
       distance = progress * (viewportHeight - scrollbarHeight) + scrollbarHeight / 2 - $('#scroll').height() / 2;
    $('#scroll')
        .css('top', distance)
        .text(' (' + Math.round(progress * 100) + '%)')
        .fadeIn(100);
    if (scrollTimer !== null) {
        clearTimeout(scrollTimer);
    }
    scrollTimer = setTimeout(function() {
        $('#scroll').fadeOut();
    }, 1500);
});
//]]>
</script> 

3. Şablonu kaydedin.

Yazınıza eklediğiniz her bir görüntü aynı yazıyla alakalı olarak otomatik isim ve etiket alacak. Böylelikle bloğunuzdaki görseller SEO dostu bir yapıya bürünerek arama motorları tarafından üst sıralara çıkmasına yardımcı olacak. Umarım yararlı olmuşumdur. Takip edin;unutmayın :)

Kaynak: http://blogbakkali.blogspot.com.tr/2015/07/blogger-otomatik-seo-goruntu-optimizasyonu.html

Blogta Simge (Emoji) Kullanımı Nasıl Olur?

Temmuz 23, 2015 6 Yorumlar
Blogger bloğunuzda yazı aralarında, konu başlıklarında veya menü isimlerinizin başında simge (emoji) kullanabilirsiniz. Benim de yazılarımı yazarken ikonlar kullandığımı görmüşsünüzdür. Keza üst menümde de simgeler kullanıyorum. Çok şık ve yazıyı belirtici olması benim için önemli. 


Blogta Simge (Emoji) Kullanımı

Blogger blogta emoji/ifade kullanımı nasıl olur? Sorusunu cevaplandırmaya çalışacağız. Aslında bu çok basit bir yöntem blogger şablon kodlarınız arasına bir font ekleyeceğiz ve yüzlerce simge bizim olacak. Peki hadi yapalım.

İlk olarak blogger panelimizden Şablon-HTML'yi Düzenle yolunu takip ederek </head> kodunu buluyoruz.

Bu kodun tam üst satırına gelecek şekilde aşağıdaki fontumuzun kodlarını kopyalayıp yapıştırıyoruz.

<link href='//netdna.bootstrapcdn.com/font-awesome/3.1.1/css/font-awesome.min.css' rel='stylesheet'/>

Şablonumuzu kaydediyoruz.


Evet bloğumzda ifadeler kullanabilmek için gerekli olan fontu kodlarımız arasına uyguladık. Şimdi bu simgeleri yazı yazarken nasıl kullanacağız bunu irdeleyelim.

Biliyorsunuz yazılarımızı yazarken yeni yayın oluştur diyoruz. Açılan sayfada sol üstte HTML butonu var ona basıp yazılarımızın neresinde simge kullanmak istiyorsak o araya tıklayıp bu <i class="icon-html5"></i> kodunu yapıştırıyoruz.
Kırmızı renkle gösterdiğim kod bizim kullanacağımız simgenin adını belirtiyor. Siz hangi simgeyi kullanmak istiyorsanız kırmızı alanı silin ve kendi simge adınızı yazın. Simgeler ve isimleri için buraya tıklayın.
Peki simgelerimin boyutunu nasıl ayarladım?
Küçükten büyüğe doğru simge boyları aşağıdaki kodlarda gösterdiğim gibi ayarlanır.

<i class="icon-html5"></i>
<i class="icon-html5 icon-large"></i>
<i class="icon-html5 icon-2x"></i>
<i class="icon-html5 icon-3x"></i>
<i class="icon-html5 icon-4x"></i>

Gördüğünüz gibi font adımızın sonuna kırmızı ile belirttiğim gibi boyutlandırma kodlarını ekliyoruz. Hangi boyut olsun istiyorsak font adının devamına onun boyut kodunu ekliyoruz.

Simgemizin etrafına bir border yani çerçeve eklemek istiyorsak aşağıdaki kodu kullanıyoruz.
</span><i class="icon-ambulance icon-2x  icon-border"></i>
Yani font ismimizin sonuna kırmızıyla belirttiğim kodu ekliyoruz.

Eğer simgemiz kendi etrafında dönsün spin atsın diyorsanız aşağıdaki kodu kullanmanız gerekecek.
<i class="icon-spinner icon-spin icon-2x"></i>
Kırmızıyla belirttiğim kod simgemizin dönmesini; maviyle belirttiğim kod simgemizin boyutunu temsil ediyor. Yani boyut kodumuzdan önce döndürme kodumuzu ekliyoruz.

Normal simge
90 derece döndürülmüş
180 derece döndürülmüş
270 derece döndürülmüş
Yatay tersine
Dikey tersine

Yukarıdaki gibi simgemizin yönünü çevirmek için aşağıdaki kodlardan hangi yön istiyorsak o kodu kullanıyoruz.
<i class="icon-shield"></i> Normal simge
<i class="icon-shield icon-rotate-90"></i> 90 derece döndürülmüş
<i class="icon-shield icon-rotate-180"></i> 180 derece döndürülmüş
<i class="icon-shield icon-rotate-270"></i> 270 derece döndürülmüş
<i class="icon-shield icon-flip-horizontal"></i> Yatay tersine
<i class="icon-shield icon-flip-vertical"></i> Dikey tersine
Kırmızı ile belirttiğim kodlar simgenin çevirme açısını belirliyor. Mesela simgeyi 90 derece çevirmek istiyorsanız simge isminin sağ tarafına icon-rotate-90 kodunu yapıştırın.

İşlemlerimiz bu kadar.

Konunun başında da belirttiğim gibi bu simgeleri/ikonları bloğumuzda yazı içlerinde kullanabileceğimiz gibi menü başlıklarımızda ve butonlarımızda da kullanabiliriz. 

Blogger simge/ikon/ifade/emoji kullanımını anlattım. Tam anlaşılır yazamamış olabilirim. Siz anlamadığınız yerleri aşağıdaki yorum formundan sorabilirsiniz. İyi bloglamalar. Takip edin :)

Özel Bir Blogger Temanın Arka Planı Nasıl Değiştirilir?

Temmuz 18, 2015 1 Yorum
Merhabalar bu yazımızda Özel Bir Blogger Temanın Arka Planı Nasıl Değiştirilir? Konusunu işleyeceğiz. Bonus olarak blogger blog için hazırlanmış 10 adet arka plan resimini sizlerle paylaşacağız.

Ben internette arka plana nasıl fotoğraf konulur, bloğumun arka plan resmini nası değiştiririm, site arka plan fotoğrafları...Gibi konuları araştırdım fakat tam anlaşılır bir yazı bulamadım malesef. Armaızda bloger bloğu hiç bilmeyen arkadaşlar var, bazen bize basit gelen şeyler onlara zor gelebiliyor. Bu konuyu da dikkate alarak gayet açıklayıcı bir yazı hazırladığımı düşünüyorum.

Buyurun öncelikle arka plan fotolarını paylaşmakla başlayalım daha sonra arka plan bloğumuza nasıl monte edilir onu anlatalım. Aşağıdaki fotoğrafları tam boyutuyla görmek için üzerine tıklamayı unutmayın.

Blogger Arka Plan Resmi
Blogger Arka Plan Resmi 2
Blogger Arka Plan Resmi 3
Blogger Arka Plan Resmi bez parçali
Blogger Arka Plan Resmi 4
Blogger Arka Plan Resmi 5
Blogger Arka Plan Resmi 6
Blogger Arka Plan Resmi 7
Blogger Arka Plan Resmi 9

Özel Bir Blogger Temanın Arka Planı Nasıl Değiştirilir?

1. Blogger panelimizden Şablon-HTML'yi düzenle yolunu takip ederek karşımıza çıkan kodlarımızın içerisinde herhangi bir yere tıklayarak arama kutusunu CTRL+F tuşlarına basaraka açıyoruz.

Özel Bir Blogger Temanın Arka Planı Nasıl Değiştirilir?

2. Açılan arama kutusuna ]]></b:skin> kodunu kopyalayarak yapıştırıyoruz ve enter'a basıyoruz.

3. Bulduğumuz bu kodun tam üst satırına gelecek şekilde aşağıdaki kodları koplayaaylıp yapıştırıyoruz. Sonra kaydediyoruz.

body {
background-image: url(RESİM-URL.png) !important;
background-repeat: no-repeat;
background-position: center top; 
background-attachment: fixed;
background-size: 100%; 
}

Özel Bir Blogger Temanın Arka Planı Nasıl Değiştirilir?


UYARILAR:
-RESİM-URL.png yazan yeri kendi görselimizin urlsiyle değiştiriyoruz.
-no-repeat değeri dikey veya yatay yinelenen görüntüyü engeller. 
-Görüntüyü dikey olarak yinelemek istiyorsanız background-repeat: repeat-y 
-Görüntüyü yatay olarak yinelemek istiyorsanız background-repeat: repeat-x diye değişiklik yapın.
- Arka plan resminin boyutlarını ayarlamak için 100% değeriyle oynayın.
Yukarıda paylaştığım arka plan fotoğraflarından beğendiğiniz fotoyu sağ tıklayıp farklı kaydettikten sonra kendi Google Fotoğraflar hesabınıza yüklemeyi unutmayın.
4. Bloğunuzu Açın ve arka plan resminize bakın :)

Blogger bloğunuzun arka plan resmini değiştirmek işte bu kadar basit. Umarım faydalı olmuşumdur. Yine de anlatamamış olbilirim siz anlamadığınız yerleri aşağıdaki yorum formundan sorabilirsiniz. Başka sorularınız varsa onlarıda İletişim Formumuzu kullanarak mail atabilirsiniz. Maillerinize cevap vermeye çalışacağım. Takipte kalın.

HTML Renk Kodları

Temmuz 05, 2015 Yorumla
HTML Renk Kodları
HTML Renk Kodlarıyla bloğunuzun arka planını, yazı renklerinizi, tablolarınızı, kategori başlıklarınızı vs. renklendirebilir ve sitenize canlılık katabilirsiniz.Aşağıda 300'den fazla renk kodları isimleriyle birlikte sıralanmıştır. İsteğiniz rengi # işaretiyle devam eden kodunu kopyalayıp renklendirmek istediğiniz yere uygulayabilirsiniz.
KODRENK
#000000Black
#150517Gray0
#250517Gray18
#2B1B17Gray21
#302217Gray23
#302226Gray24
#342826Gray25
#34282CGray26
#382D2CGray27
#3b3131Gray28
#3E3535Gray29
#413839Gray30
#41383CGray31
#463E3FGray32
#4A4344Gray34
#4C4646Gray35
#4E4848Gray36
#504A4BGray37
#544E4FGray38
#565051Gray39
#595454Gray40
#5C5858Gray41
#5F5A59Gray42
#625D5DGray43
#646060Gray44
#666362Gray45
#696565Gray46
#6D6968Gray47
#6E6A6BGray48
#726E6DGray49
#747170Gray50
#736F6EGray
#616D7ESlate Gray4
#657383Slate Gray
#646D7ELight Steel Blue4
#6D7B8DLight Slate Gray
#4C787ECadet Blue4
#4C7D7EDarkSlate Gray4
#806D7EThistle4
#5E5A80Medium Slate Blue
#4E387EMedium Purple4
#151B54Midnight Blue
#2B3856Dark SlateBlue
#25383CDark Slate Gray
#463E41Dim Gray
#151B8DCornflower Blue
#15317ERoyal Blue4
#342D7ESlate Blue4
#2B60DERoyal Blue
#306EFFRoyal Blue1
#2B65ECRoyal Blue2
#2554C7Royal Blue3
#3BB9FFDeep Sky Blue
#38ACECDeep Sky Blue2
#357EC7Slate Blue
#3090C7Deep Sky Blue3
#25587EDeep Sky Blue4
#1589FFDodger Blue
#157DECDodger Blue2
#1569C7Dodger Blue3
#153E7EDodger Blue4
#2B547ESteel Blue4
#4863A0Steel Blue
#6960ECSlate Blue2
#8D38C9Violet
#7A5DC7Medium Purple3
#8467D7Medium Purple
#9172ECMedium Purple2
#9E7BFFMedium Purple1
#728FCELight Steel Blue
#488AC7Steel Blue3
#56A5ECSteel Blue2
#5CB3FFSteel Blue1
#659EC7Sky Blue3
#41627ESky Blue4
#737CA1Slate Blue
#737CA1Slate Blue
#98AFC7Slate Gray3
#F6358AViolet Red
#F6358AViolet Red1
#E4317FViolet Red2
#F52887Deep Pink
#E4287CDeep Pink2
#C12267Deep Pink3
#7D053FDeep Pink4
#CA226BMedium Violet Red
#C12869Violet Red3
#800517Firebrick
#7D0541Violet Red4
#7D0552Maroon4
#810541Maroon
#C12283Maroon3
#E3319DMaroon2
#F535AAMaroon1
#FF00FFMagenta
#F433FFMagenta1
#E238ECMagenta2
#C031C7Magenta3
#B048B5Medium Orchid
#D462FFMedium Orchid1
#C45AECMedium Orchid2
#A74AC7Medium Orchid3
#6A287EMedium Orchid4
#8E35EFPurple
#893BFFPurple1
#7F38ECPurple2
#6C2DC7Purple3
#461B7EPurple4
#571B7eDark Orchid4
#7D1B7EDark Orchid
#842DCEDark Violet
#8B31C7Dark Orchid3
#A23BECDark Orchid2
#B041FFDark Orchid1
#7E587EPlum4
#D16587Pale Violet Red
#F778A1Pale Violet Red1
#E56E94Pale Violet Red2
#C25A7CPale Violet Red3
#7E354DPale Violet Red4
#B93B8FPlum
#F9B7FFPlum1
#E6A9ECPlum2
#C38EC7Plum3
#D2B9D3Thistle
#C6AEC7Thistle3
#EBDDE2Lavender Blush2
#C8BBBELavender Blush3
#E9CFECThistle2
#FCDFFFThistle1
#E3E4FALavender
#FDEEF4Lavender Blush
#C6DEFFLight Steel Blue1
#ADDFFFLight Blue
#BDEDFFLight Blue1
#E0FFFFLight Cyan
#C2DFFFSlate Gray1
#B4CFECSlate Gray2
#B7CEECLight Steel Blue2
#52F3FFTurquoise1
#00FFFFCyan
#57FEFFCyan1
#50EBECCyan2
#4EE2ECTurquoise2
#48CCCDMedium Turquoise
#43C6DBTurquoise
#9AFEFFDark Slate Gray1
#8EEBECDark slate Gray2
#78c7c7Dark Slate Gray3
#46C7C7Cyan3
#43BFC7Turquoise3
#77BFC7Cadet Blue3
#92C7C7Pale Turquoise3
#AFDCECLight Blue2
#3B9C9CDark Turquoise
#307D7ECyan4
#3EA99FLight Sea Green
#82CAFALight Sky Blue
#A0CFECLight Sky Blue2
#87AFC7Light Sky Blue3
#82CAFFSky Blue
#79BAECSky Blue2
#566D7ELight Sky Blue4
#6698FFSky Blue
#736AFFLight Slate Blue
#CFECECLight Cyan2
#AFC7C7Light Cyan3
#717D7DLight Cyan4
#95B9C7Light Blue3
#5E767ELight Blue4
#5E7D7EPale Turquoise4
#617C58Dark Sea Green4
#348781Medium Aquamarine
#306754Medium Sea Green
#4E8975Sea Green
#254117Dark Green
#387C44Sea Green4
#4E9258Forest Green
#347235Medium Forest Green
#347C2CSpring Green4
#667C26Dark Olive Green4
#437C17Chartreuse4
#347C17Green4
#348017Medium Spring Green
#4AA02CSpring Green
#41A317Lime Green
#4AA02CSpring Green
#8BB381Dark Sea Green
#99C68EDark Sea Green3
#4CC417Green3
#6CC417Chartreuse3
#52D017Yellow Green
#4CC552Spring Green3
#54C571Sea Green3
#57E964Spring Green2
#5EFB6ESpring Green1
#64E986Sea Green2
#6AFB92Sea Green1
#B5EAAADark Sea Green2
#C3FDB8Dark Sea Green1
#00FF00Green
#87F717Lawn Green
#5FFB17Green1
#59E817Green2
#7FE817Chartreuse2
#8AFB17Chartreuse
#B1FB17Green Yellow
#CCFB5DDark Olive Green1
#BCE954Dark Olive Green2
#A0C544Dark Olive Green3
#FFFF00Yellow
#FFFC17Yellow1
#FFF380Khaki1
#EDE275Khaki2
#EDDA74Goldenrod
#EAC117Gold2
#FDD017Gold1
#FBB917Goldenrod1
#E9AB17Goldenrod2
#D4A017Gold
#C7A317Gold3
#C68E17Goldenrod3
#AF7817Dark Goldenrod
#ADA96EKhaki
#C9BE62Khaki3
#827839Khaki4
#FBB117Dark Goldenrod1
#E8A317Dark Goldenrod2
#C58917Dark Goldenrod3
#F87431Sienna1
#E66C2CSienna2
#F88017Dark Orange
#F87217Dark Orange1
#E56717Dark Orange2
#C35617Dark Orange3
#C35817Sienna3
#8A4117Sienna
#7E3517Sienna4
#7E2217Indian Red4
#7E3117Dark Orange3
#7E3817Salmon4
#7F5217Dark Goldenrod4
#806517Gold4
#805817Goldenrod4
#7F462CLight Salmon4
#C85A17Chocolate
#C34A2CCoral3
#E55B3CCoral2
#F76541Coral
#E18B6BDark Salmon
#F88158Pale Turquoise4
#E67451Salmon2
#C36241Salmon3
#C47451Light Salmon3
#E78A61Light Salmon2
#F9966BLight Salmon
#EE9A4DSandy Brown
#F660ABHot Pink
#F665ABHot Pink1
#E45E9DHot Pink2
#C25283Hot Pink3
#7D2252Hot Pink4
#E77471Light Coral
#F75D59Indian Red1
#E55451Indian Red2
#C24641Indian Red3
#FF0000Red
#F62217Red1
#E41B17Red2
#F62817Firebrick1
#E42217Firebrick2
#C11B17Firebrick3
#FAAFBEPink
#FBBBB9Rosy Brown1
#E8ADAARosy Brown2
#E7A1B0Pink2
#FAAFBALight Pink
#F9A7B0Light Pink1
#E799A3Light Pink2
#C48793Pink3
#C5908ERosy Brown3
#B38481Rosy Brown
#C48189Light Pink3
#7F5A58Rosy Brown4
#7F4E52Light Pink4
#7F525DPink4
#817679Lavendar Blush4
#817339Light Goldenrod4
#827B60Lemon Chiffon4
#C9C299Lemon Chiffon3
#C8B560Light Goldenrod3
#ECD672Light Golden2
#ECD872Light Goldenrod
#FFE87CLight Goldenrod1
#ECE5B6Lemon Chiffon2
#FFF8C6Lemon Chiffon
#FAF8CCLight Goldenrod Yellow