Duyarlı Düz Renk Seçici Oluşturma

5/03/2016
Blogger Eklentileri ile blogunuza yeni tasarımlar kazandırmaya devam ediyoruz. Bir çok blog kullanıcısı blog renklerini değiştirerek yeni tasarımlar elde etmek istiyor.


Blogger renk seçici eklentisini blogunuza ekleyerek istediğiniz zaman blogunuzun yada yeni oluşturmaya başladığınız blogun renkelerini oluşturabilirsiniz.

Blogger Duyarlı Düz Renk Seçici ve Belirleyicisi Sayfası Nasıl Oluşturulur? Blogger hesabınıza giriş yaparak blogunuzda Sayfalar sekmesinden Yeni sayfa sekmesine gelerek aşağıdaki kodları oluşturacağınız sayfanın HTML bölümüne kopyalayıp yapıştırın. Sayfanızın adını belirleyin ve arama açıklamasını yazın. Tüm kontroller tamamlandıktan sonra sayfayı yayınlayın.
<div id="bloggereklentileri">
<ul class="renk">
<li style="background: #5C97BF;"><span class="bloggerrenkleri"><span class="bloggerrenk">Renk Kodu</span> #5C97BF</span></li>
<li style="background: #4B77BE;"><span class="bloggerrenkleri"><span class="bloggerrenk">Renk Kodu</span> #4B77BE</span></li>
<li style="background: #1F3A93;"><span class="bloggerrenkleri"><span class="bloggerrenk">Renk Kodu</span> #1F3A93</span></li>
<li style="background: #2574A9;"><span class="bloggerrenkleri"><span class="bloggerrenk">Renk Kodu</span> #2574A9</span></li>
<li style="background: #67809F;"><span class="bloggerrenkleri"><span class="bloggerrenk">Renk Kodu</span> #67809F</span></li>
<li style="background: #34495E;"><span class="bloggerrenkleri"><span class="bloggerrenk">Renk Kodu</span> #34495E</span></li>
<li style="background: #3A539B;"><span class="bloggerrenkleri"><span class="bloggerrenk">Renk Kodu</span> #3A539B</span></li>
<li style="background: #1E8BC3;"><span class="bloggerrenkleri"><span class="bloggerrenk">Renk Kodu</span> #1E8BC3</span></li>
<li style="background: #6BB9F0;"><span class="bloggerrenkleri"><span class="bloggerrenk">Renk Kodu</span> #6BB9F0</span></li>
<li style="background: #22313F;"><span class="bloggerrenkleri"><span class="bloggerrenk">Renk Kodu</span> #22313F</span></li>
<li style="background: #336E7B;"><span class="bloggerrenkleri"><span class="bloggerrenk">Renk Kodu</span> #336E7B</span></li>
<li style="background: #19B5FE;"><span class="bloggerrenkleri"><span class="bloggerrenk">Renk Kodu</span> #19B5FE</span></li>
<li style="background: #89C4F4;"><span class="bloggerrenkleri"><span class="bloggerrenk">Renk Kodu</span> #89C4F4</span></li>
<li style="background: #2C3E50;"><span class="bloggerrenkleri"><span class="bloggerrenk">Renk Kodu</span> #2C3E50</span></li>
<li style="background: #3498DB;"><span class="bloggerrenkleri"><span class="bloggerrenk">Renk Kodu</span> #3498DB</span></li>
<li style="background: #22A7F0;"><span class="bloggerrenkleri"><span class="bloggerrenk">Renk Kodu</span> #22A7F0</span></li>
<li style="background: #94E0EE;"><span class="bloggerrenkleri"><span class="bloggerrenk">Renk Kodu</span> #94E0EE</span></li>
<li style="background: #52B3D9;"><span class="bloggerrenkleri"><span class="bloggerrenk">Renk Kodu</span> #52B3D9</span></li>
<li style="background: #59ABE3;"><span class="bloggerrenkleri"><span class="bloggerrenk">Renk Kodu</span> #59ABE3</span></li>
<li style="background: #26A65B;"><span class="bloggerrenkleri"><span class="bloggerrenk">Renk Kodu</span> #26A65B</span></li>
<li style="background: #1E824C;"><span class="bloggerrenkleri"><span class="bloggerrenk">Renk Kodu</span> #1E824C</span></li>
<li style="background: #00B16A;"><span class="bloggerrenkleri"><span class="bloggerrenk">Renk Kodu</span> #00B16A</span></li>
<li style="background: #2ABB9B;"><span class="bloggerrenkleri"><span class="bloggerrenk">Renk Kodu</span> #2ABB9B</span></li>
<li style="background: #4DAF7C;"><span class="bloggerrenkleri"><span class="bloggerrenk">Renk Kodu</span> #4DAF7C</span></li>
<li style="background: #03A678;"><span class="bloggerrenkleri"><span class="bloggerrenk">Renk Kodu</span> #03A678</span></li>
<li style="background: #26C281;"><span class="bloggerrenkleri"><span class="bloggerrenk">Renk Kodu</span> #26C281</span></li>
<li style="background: #019875;"><span class="bloggerrenkleri"><span class="bloggerrenk">Renk Kodu</span> #019875</span></li>
<li style="background: #3FC380;"><span class="bloggerrenkleri"><span class="bloggerrenk">Renk Kodu</span> #3FC380</span></li>
<li style="background: #16A085;"><span class="bloggerrenkleri"><span class="bloggerrenk">Renk Kodu</span> #16A085</span></li>
<li style="background: #2ECC71;"><span class="bloggerrenkleri"><span class="bloggerrenk">Renk Kodu</span> #2ECC71</span></li>
<li style="background: #C5EFF7;"><span class="bloggerrenkleri"><span class="bloggerrenk">Renk Kodu</span> #C5EFF7</span></li>
<li style="background: #C8F7C5;"><span class="bloggerrenkleri"><span class="bloggerrenk">Renk Kodu</span> #C8F7C5</span></li>
<li style="background: #049372;"><span class="bloggerrenkleri"><span class="bloggerrenk">Renk Kodu</span> #049372</span></li>
<li style="background: #36D7B7;"><span class="bloggerrenkleri"><span class="bloggerrenk">Renk Kodu</span> #36D7B7</span></li>
<li style="background: #66CC99;"><span class="bloggerrenkleri"><span class="bloggerrenk">Renk Kodu</span> #66CC99</span></li>
<li style="background: #1BA39C;"><span class="bloggerrenkleri"><span class="bloggerrenk">Renk Kodu</span> #1BA39C</span></li>
<li style="background: #1BBC9B;"><span class="bloggerrenkleri"><span class="bloggerrenk">Renk Kodu</span> #1BBC9B</span></li>
<li style="background: #65C6BB;"><span class="bloggerrenkleri"><span class="bloggerrenk">Renk Kodu</span> #65C6BB</span></li>
<li style="background: #BFBFBF;"><span class="bloggerrenkleri"><span class="bloggerrenk">Renk Kodu</span> #BFBFBF</span></li>
<li style="background: #ABB7B7;"><span class="bloggerrenkleri"><span class="bloggerrenk">Renk Kodu</span> #ABB7B7</span></li>
<li style="background: #DADFE1;"><span class="bloggerrenkleri"><span class="bloggerrenk">Renk Kodu</span> #DADFE1</span></li>
<li style="background: #95A5A6;"><span class="bloggerrenkleri"><span class="bloggerrenk">Renk Kodu</span> #95A5A6</span></li>
<li style="background: #C5DCE2;"><span class="bloggerrenkleri"><span class="bloggerrenk">Renk Kodu</span> #C5DCE2</span></li>
<li style="background: #BDC3C7;"><span class="bloggerrenkleri"><span class="bloggerrenk">Renk Kodu</span> #BDC3C7</span></li>
<li style="background: #EEEEEE;"><span class="bloggerrenkleri"><span class="bloggerrenk">Renk Kodu</span> #EEEEEE</span></li>
<li style="background: #D2D7D3;"><span class="bloggerrenkleri"><span class="bloggerrenk">Renk Kodu</span> #D2D7D3</span></li>
<li style="background: #F0E2C5;"><span class="bloggerrenkleri"><span class="bloggerrenk">Renk Kodu</span> #F0E2C5</span></li>
<li style="background: #EB9532;"><span class="bloggerrenkleri"><span class="bloggerrenk">Renk Kodu</span> #EB9532</span></li>
<li style="background: #E67E22;"><span class="bloggerrenkleri"><span class="bloggerrenk">Renk Kodu</span> #E67E22</span></li>
<li style="background: #F27935;"><span class="bloggerrenkleri"><span class="bloggerrenk">Renk Kodu</span> #F27935</span></li>
<li style="background: #F9BF3B;"><span class="bloggerrenkleri"><span class="bloggerrenk">Renk Kodu</span> #F9BF3B</span></li>
<li style="background: #F7CA18;"><span class="bloggerrenkleri"><span class="bloggerrenk">Renk Kodu</span> #F7CA18</span></li>
<li style="background: #F9690E;"><span class="bloggerrenkleri"><span class="bloggerrenk">Renk Kodu</span> #F9690E</span></li>
<li style="background: #F39C12;"><span class="bloggerrenkleri"><span class="bloggerrenk">Renk Kodu</span> #F39C12</span></li>
<li style="background: #D35400;"><span class="bloggerrenkleri"><span class="bloggerrenk">Renk Kodu</span> #D35400</span></li>
<li style="background: #F4D03F;"><span class="bloggerrenkleri"><span class="bloggerrenk">Renk Kodu</span> #F4D03F</span></li>
<li style="background: #F5AB35;"><span class="bloggerrenkleri"><span class="bloggerrenk">Renk Kodu</span> #F5AB35</span></li>
<li style="background: #EB974E;"><span class="bloggerrenkleri"><span class="bloggerrenk">Renk Kodu</span> #EB974E</span></li>
<li style="background: #F2784B;"><span class="bloggerrenkleri"><span class="bloggerrenk">Renk Kodu</span> #F2784B</span></li>
<li style="background: #F4B350;"><span class="bloggerrenkleri"><span class="bloggerrenk">Renk Kodu</span> #F4B350</span></li>
<li style="background: #E87E04;"><span class="bloggerrenkleri"><span class="bloggerrenk">Renk Kodu</span> #E87E04</span></li>
<li style="background: #E74C3C;"><span class="bloggerrenkleri"><span class="bloggerrenk">Renk Kodu</span> #E74C3C</span></li>
<li style="background: #CF000F;"><span class="bloggerrenkleri"><span class="bloggerrenk">Renk Kodu</span> #CF000F</span></li>
<li style="background: #C0392B;"><span class="bloggerrenkleri"><span class="bloggerrenk">Renk Kodu</span> #C0392B</span></li>
<li style="background: #D64541;"><span class="bloggerrenkleri"><span class="bloggerrenk">Renk Kodu</span> #D64541</span></li>
<li style="background: #EF4836;"><span class="bloggerrenkleri"><span class="bloggerrenk">Renk Kodu</span> #EF4836</span></li>
<li style="background: #96281B;"><span class="bloggerrenkleri"><span class="bloggerrenk">Renk Kodu</span> #96281B</span></li>
<li style="background: #D91E18;"><span class="bloggerrenkleri"><span class="bloggerrenk">Renk Kodu</span> #D91E18</span></li>
<li style="background: #E26A6A;"><span class="bloggerrenkleri"><span class="bloggerrenk">Renk Kodu</span> #E26A6A</span></li>
<li style="background: #FF0000;"><span class="bloggerrenkleri"><span class="bloggerrenk">Renk Kodu</span> #FF0000</span></li>
<li style="background: #F22613;"><span class="bloggerrenkleri"><span class="bloggerrenk">Renk Kodu</span> #F22613</span></li>
<li style="background: #E08283;"><span class="bloggerrenkleri"><span class="bloggerrenk">Renk Kodu</span> #E08283</span></li>
<li style="background: #9B59B6;"><span class="bloggerrenkleri"><span class="bloggerrenk">Renk Kodu</span> #9B59B6</span></li>
<li style="background: #8E44AD;"><span class="bloggerrenkleri"><span class="bloggerrenk">Renk Kodu</span> #8E44AD</span></li>
<li style="background: #BE90D4;"><span class="bloggerrenkleri"><span class="bloggerrenk">Renk Kodu</span> #BE90D4</span></li>
<li style="background: #BF55EC;"><span class="bloggerrenkleri"><span class="bloggerrenk">Renk Kodu</span> #BF55EC</span></li>
<li style="background: #9A12B3;"><span class="bloggerrenkleri"><span class="bloggerrenk">Renk Kodu</span> #9A12B3</span></li>
<li style="background: #913D88;"><span class="bloggerrenkleri"><span class="bloggerrenk">Renk Kodu</span> #913D88</span></li>
<li style="background: #722D6A;"><span class="bloggerrenkleri"><span class="bloggerrenk">Renk Kodu</span> #722D6A</span></li>
<li style="background: #740A4E;"><span class="bloggerrenkleri"><span class="bloggerrenk">Renk Kodu</span> #740A4E</span></li>
</ul>
</div>
<link rel="stylesheet" type ="text/css" href="https://googledrive.com/host/0BwDz8flINeefbkx0R3RhdlhnZTg"/>
Oluşturmuş olduğunuz sayfanın mobil ve tablet gibi cihazlar duyarlı olup otomatik olarak ekranın şeklini almaktadır.
extension Blogger Eklentileri
Duyarlı Düz Renk Seçici Oluşturma hakkında daha fazla bilgi için iletişim sayfasından yada yorum bölümünden bize ulaşabilirsiniz.

Kategori İçerikleri



Blogger
Disqus
Yorum Ekle

Hiç yorum yok