Ana Sayfa Yay�nlanan Yaz�lar Blogger
Blogger etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster
Blogger etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster

Metro Classic Blogger Teması ( Yeni)


Merhaba Arkadaşlar Sizlere Güzel Tema Tanıtıyorum.Tema Güzel Ve Kullanışlıdır.


Metro Klasik Blogger Şablon Özellikleri:


Sol Tam Boy Kenar Çubuğu: diğer temalar aksine, tam yükseklikte kenar çubuğu ekledik. Bu kırmak ve web sayfasının sonuna ulaşana kadar devam devam ediyor değildir. Bu kenar çubuğu sitenizin çarpıcı bir dokunuş verir. 

Duyarlı Tema: Bu tema son derece duyarlı ve mükemmel farklı boyut monitör, LCD mutlak çalışır. Eğer göz büyüklüğü azaltabilir ve yanıt kendiniz görebilirsiniz. 

SEO Dostu: Bu şablon yüksek Sayfada SEO için optimize edilmiştir. Eğer Arama motoru sıralamasında üst içerik alma fırsatı en üst düzeye çıkarmak, böylece biz mesajları için farklı başlık etiketlerini kullandık. 

Alan Seçme: Ayrıca önemli hit bazı görüntülemek için yardımcı olacak ana sayfasında bir özellikli alan, dahil etmişlerdir. Ancak, kendiniz özelleştirmek zorunda otomatik değildir.
    Not: Tema 10 Mayıs Tarihinde Cıktı.!



    Rar Pass :ademyeter.blogspot.com
    Devam�n� Oku

    Blogger Tv İzleme Teması

    Merhabalar, Blogger sistemi artık oldukça gelişti ve gelişmeye devam ediyor. Şuanda bloggerde birçok site barınmakta ve aralarında büyük sitelerde yer almaktadır. Eğer sizde bloggerde bir site açmaya karar verdiniz ve bu site canlı televizyon sitesiyse o zaman tam yerindesiniz.

    Sizler için blogger canlı televizyon temasını paylaşıcaz. Birçok kişinin aradığı temalardan birtaneside canlı tv temasıdır.

    Temanın Önizlemesi;


    İNDİR
    Tema hakkında düşünce ve sorularınızı yorum olarak yazabilirsiniz.
    Devam�n� Oku

    Cihanel V2 Blogger Teması



    Merhaba Arkadaşlar Blogger Kullanlar Arkadaşlar İcin Güzel Tema.Tema Yapımcısı:Cihanel.net


    Devam�n� Oku

    Blogger Meta tagları yapılandırın 2013

    Meta tagları yapılandırın

    Tüm Şablon Seo Optimize etiketleri ile birlikte     bu, ara feryat şablon hatları yapılandırma ve kendi için yapılandırmak için!


    <meta content='Your Blog Description here!' name='description'/> <meta content='Your Keywords here!' name='keywords'/> <meta content='Author Name here!' name='Author'/> <meta content='Author Email Address here!' name='Email'/>


    Your Blog Description here = Blogun Açıklaması

    Your Keywords here = Blogunun anahtar kelimeleri

    Author Name here = Buraya ADINIZ

    Author Email Address = E-mail Adresiniz
    Devam�n� Oku

    Blogger Yorum Kutusuna Arka Plan Ekleme

    Blogger Yorum Kutusuna Arka Plan Ekleme Eklentisi...
    Daha önce blogunuza yorum gönder yazısına resim katmayı anlatmıştım şimdi de sizlere blogunuza arka plan nasıl katılır onu göstereceğim;


    Öncelikle aşağıdaki kodu bulun
    ]]></b:skin>


    Yukarıda bulduğunuz kodun üstüne gelecek şekilde aşağıdaki kodu yapıştırın:

    #mybtips-form iframe{ 
    background:#ffffff url(BURAYA RESIM LINKINİ YAPIŞTIR) repeat; 
    border:1px solid #ddd; 
    -moz-border-radius:6px; 
    -webkit-border-radius:6px; 
    box-shadow: 5px 5px 5px #CCCCCC; 
    padding:5px; 
    font:normal 12pt "ms sans serif", Arial; 
    color:#ffffff; 
    width:560px; height:213px !important; 
    }
    #mybtips-form a{ 
    color:#fff; 
    }
    Üstteki işlemi yaptıktan sonra aşağıdaki kodu bulun.
    Not: blogunuzda 1 veya 2 tane bu koddan olabilir...

    <div class='comment-form'>
    üstteki kodu silip yerine aşağıdaki kodu yapıştırınız..
    KOD: 
    <div id='mybtips-form'>

    Not: Resim Linki yazan yere aşağıdaki linklerden bir kaç tanesini deneyebilirsiniz:

    Resimleri dilediğiniz gibi kullanabilir değiştirebilirsiniz. Zevk size kalmış

    Image URL:
    https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihyphenhyphenKrY-XUY5Qo3mAAxQwxLIfsJMl-UAKkM1M3XxL5RD_IdADVP9lZ-9mpVRT0WxnlEjDRvvmd5Jfv1V_9DHQPvUcLqZjhNemASoHpEf9zTDHFQC8Ma8PV12l-oYkNrXxtA25uFlrA_cjQ/s1600/blogger-yorum-gonder-arka-plani.jpg




    Image URL:
    https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihyphenhyphenKrY-XUY5Qo3mAAxQwxLIfsJMl-UAKkM1M3XxL5RD_IdADVP9lZ-9mpVRT0WxnlEjDRvvmd5Jfv1V_9DHQPvUcLqZjhNemASoHpEf9zTDHFQC8Ma8PV12l-oYkNrXxtA25uFlrA_cjQ/s1600/blogger-yorum-gonder-arka-plani.jpg



    Image URL:
    https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihyphenhyphenKrY-XUY5Qo3mAAxQwxLIfsJMl-UAKkM1M3XxL5RD_IdADVP9lZ-9mpVRT0WxnlEjDRvvmd5Jfv1V_9DHQPvUcLqZjhNemASoHpEf9zTDHFQC8Ma8PV12l-oYkNrXxtA25uFlrA_cjQ/s1600/blogger-yorum-gonder-arka-plani.jpg




    Image URL:
    https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihyphenhyphenKrY-XUY5Qo3mAAxQwxLIfsJMl-UAKkM1M3XxL5RD_IdADVP9lZ-9mpVRT0WxnlEjDRvvmd5Jfv1V_9DHQPvUcLqZjhNemASoHpEf9zTDHFQC8Ma8PV12l-oYkNrXxtA25uFlrA_cjQ/s1600/blogger-yorum-gonder-arka-plani.jpg



    Blogger Yorum Kutusuna Arka Plan Ekleme , Blogger Yorum Kutusu , Blogger Yorum Kutusu görsel , Blogger Yorum Kutusu renklendir , Blogger Yorum Kutusu resim ekle , Blogger Yorum Kutusu eklentisi , Blogger Yorum Kutusu eklentileri , Blogger Yorum formu arka plan ekleme , Blogger Yorum formu resmi
    Devam�n� Oku

    Blog Yöneticileri Yorumlarinizi Degistirin

    Blogger Admin / Yazar Yorumlarını Farklı Renkte Gösterme eklentisi
    Aşağıdaki kodu bulun:
    ]]></b:skin>

    Yukarıdaki kodu bulun ve hemen üstüne aşağıdaki kodları ekleyiniz.

    .comment-body-author { 
    background: #00BBF1; /* Arkaplan resmi*/ 
    color: #000000; /* Yazı rengi*/ 
    border-top: 1px dotted #223344;border-bottom: 1px dotted #223344;border-left: 1px dotted #223344;border-right: 1px dotted #223344; 
    margin:0; 
    padding:0 0 0 20px; /* Yorumunuzun posizyonunu ayarlar*/ 
    }

    Yukarıdaki kodu kaydettikten sonra aşağıdaki kodları ekleyin:

    <b:if cond='data:comment.authorUrl'>
    <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
    <b:else/>
    <data:comment.author/>
    </b:if>
    <data:commentPostedByMsg/>
    </dt>


    <b:if cond='data:comment.author == data:post.author'> 
    <dd class='comment-body-author'> 
    <p><data:comment.body/></p> 
    </dd> 
    <b:else/> 



    <dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
    <b:if cond='data:comment.isDeleted'>
    <span class='deleted-comment'><data:comment.body/></span>
    <b:else/>
    <p>
    <data:comment.body/>
    </p>
    </b:if>
    </dd>

    </b:if>



    Burası biraz karışık ama eminim yapacaksınızdır , yukarıdaki kırmızı olan kodlar bizim eklememiz gereken kodlardır , diğerleri zaten blogunuzun kodlarında mevcut , biraz uğraşarak bu kodları bulun ve kırmızı olan kodları yukarıdaki gibi ekleyiniz.


    Not: Alıntıdır. İyi bloglamalar
    Devam�n� Oku

    CSS ile Renkli Hareketli ve Balonlu Menü Yapımı - Blogger Eklentisi



    CSS ile Renkli Hareketli ve Balonlu Menü Yapımı - Blogger Eklentisi

    Bu konumda sizlere Css ile renklendirilmiş baloncuklu ve hareketli menünün kullanımını anlatmaya. Adım adım takip edin;

    1.ADIM: Kumanda Paneli > Şablon > HTML'yi Düzenle > Widget Genişlet bu yolu takip ettikten sonra aşağıdaki kodu "CRTL + F" yardımıyla bulun:
    ]]></b:skin>
    Yukarıdaki bulduğunuz kodun hemen üstüne gelecek şekilde aşağıdaki kodu yapıştırın: 
    .button {
        font: 15px Calibri, Arial, sans-serif;
    /* A semi-transparent text shadow */
        text-shadow: 1px 1px 0 rgba(255,255,255,0.4);
    /* Overriding the default underline styling of the links */
        text-decoration: none !important;
        white-space: nowrap;
        display: inline-block;
        vertical-align: baseline;
        position: relative;
        cursor: pointer;
        padding: 10px 20px;
        background-repeat: no-repeat;
    /* The following two rules are fallbacks, in case
    the browser does not support multiple backgrounds. */
        background-position: bottom left;
        background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvMrS6yadG9AOwa5V9zsaZFnMPmHdRtPD-to8N9PcEAIDxRtLoHNK3VxEjU9TF-HIftTepL_4MKERW1gQFRBaZXG3RJ-wnDsuTyPZTancTtpThBKLgKTusjqjeG2z-F6mUag2-abKCq4c/s1600/helperblogger-button_bg.png');
    /* Multiple backgrounds version. The background images
    are defined individually in color classes */
        background-position: bottom left, top right, 0 0, 0 0;
        background-clip: border-box;
    /* Applying a default border raidus of 8px */
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        border-radius: 8px;
    /* A 1px highlight inside of the button */
        -moz-box-shadow: 0 0 1px #fff inset;
        -webkit-box-shadow: 0 0 1px #fff inset;
        box-shadow: 0 0 1px #fff inset;
    /* Animating the background positions with CSS3 */
    /* Currently works only in Safari/Chrome */
        -webkit-transition: background-position 1s;
        -moz-transition: background-position 1s;
        transition: background-position 1s;
    }

    .button:hover {
    /* The first rule is a fallback, in case the browser
    does not support multiple backgrounds
    */
        background-position: top left;
        background-position: top left, bottom right, 0 0, 0 0;
    }

    .button:active {
    /* Moving the button 1px to the bottom when clicked */
        bottom: -1px;
    }
    /* The three buttons sizes */
    .button.big {
        font-size: 30px;
    }

    .button.medium {
        font-size: 18px;
    }

    .button.small {
        font-size: 13px;
    }
    /* A more rounded button */
    .button.rounded {
        -moz-border-radius: 4em;
        -webkit-border-radius: 4em;
        border-radius: 4em;
    }
    /* Defining four button colors */
    /* BlueButton */
    .blue.button {
        color: #0f4b6d !important;
        border: 1px solid #84acc3 !important;
    /* A fallback background color */
        background-color: #48b5f2;
    /* Specifying a version with gradients according to */
        background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvMrS6yadG9AOwa5V9zsaZFnMPmHdRtPD-to8N9PcEAIDxRtLoHNK3VxEjU9TF-HIftTepL_4MKERW1gQFRBaZXG3RJ-wnDsuTyPZTancTtpThBKLgKTusjqjeG2z-F6mUag2-abKCq4c/s1600/helperblogger-button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvMrS6yadG9AOwa5V9zsaZFnMPmHdRtPD-to8N9PcEAIDxRtLoHNK3VxEjU9TF-HIftTepL_4MKERW1gQFRBaZXG3RJ-wnDsuTyPZTancTtpThBKLgKTusjqjeG2z-F6mUag2-abKCq4c/s1600/helperblogger-button_bg.png'),
    -moz-radial-gradient(    center bottom, circle,
    rgba(89,208,244,1) 0,rgba(89,208,244,0) 100px),
    -moz-linear-gradient(#4fbbf7, #3faeeb);
        background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvMrS6yadG9AOwa5V9zsaZFnMPmHdRtPD-to8N9PcEAIDxRtLoHNK3VxEjU9TF-HIftTepL_4MKERW1gQFRBaZXG3RJ-wnDsuTyPZTancTtpThBKLgKTusjqjeG2z-F6mUag2-abKCq4c/s1600/helperblogger-button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvMrS6yadG9AOwa5V9zsaZFnMPmHdRtPD-to8N9PcEAIDxRtLoHNK3VxEjU9TF-HIftTepL_4MKERW1gQFRBaZXG3RJ-wnDsuTyPZTancTtpThBKLgKTusjqjeG2z-F6mUag2-abKCq4c/s1600/helperblogger-button_bg.png'),
    -webkit-gradient(    radial, 50% 100%, 0, 50% 100%, 100,
    from(rgba(89,208,244,1)), to(rgba(89,208,244,0))),
    -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4fbbf7), to(#3faeeb));
    }

    .blue.button:hover {
        background-color: #63c7fe;
        background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvMrS6yadG9AOwa5V9zsaZFnMPmHdRtPD-to8N9PcEAIDxRtLoHNK3VxEjU9TF-HIftTepL_4MKERW1gQFRBaZXG3RJ-wnDsuTyPZTancTtpThBKLgKTusjqjeG2z-F6mUag2-abKCq4c/s1600/helperblogger-button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvMrS6yadG9AOwa5V9zsaZFnMPmHdRtPD-to8N9PcEAIDxRtLoHNK3VxEjU9TF-HIftTepL_4MKERW1gQFRBaZXG3RJ-wnDsuTyPZTancTtpThBKLgKTusjqjeG2z-F6mUag2-abKCq4c/s1600/helperblogger-button_bg.png'),
    -moz-radial-gradient(    center bottom, circle,
    rgba(109,217,250,1) 0,rgba(109,217,250,0) 100px),
    -moz-linear-gradient(#63c7fe, #58bef7);
        background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvMrS6yadG9AOwa5V9zsaZFnMPmHdRtPD-to8N9PcEAIDxRtLoHNK3VxEjU9TF-HIftTepL_4MKERW1gQFRBaZXG3RJ-wnDsuTyPZTancTtpThBKLgKTusjqjeG2z-F6mUag2-abKCq4c/s1600/helperblogger-button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvMrS6yadG9AOwa5V9zsaZFnMPmHdRtPD-to8N9PcEAIDxRtLoHNK3VxEjU9TF-HIftTepL_4MKERW1gQFRBaZXG3RJ-wnDsuTyPZTancTtpThBKLgKTusjqjeG2z-F6mUag2-abKCq4c/s1600/helperblogger-button_bg.png'),
    -webkit-gradient(    radial, 50% 100%, 0, 50% 100%, 100,
    from(rgba(109,217,250,1)), to(rgba(109,217,250,0))),
    -webkit-gradient(linear, 0% 0%, 0% 100%, from(#63c7fe), to(#58bef7));
    }
    /* Green Button */
    .green.button {
        color: #345903 !important;
        border: 1px solid #96a37b !important;
        background-color: #79be1e;
        background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvMrS6yadG9AOwa5V9zsaZFnMPmHdRtPD-to8N9PcEAIDxRtLoHNK3VxEjU9TF-HIftTepL_4MKERW1gQFRBaZXG3RJ-wnDsuTyPZTancTtpThBKLgKTusjqjeG2z-F6mUag2-abKCq4c/s1600/helperblogger-button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvMrS6yadG9AOwa5V9zsaZFnMPmHdRtPD-to8N9PcEAIDxRtLoHNK3VxEjU9TF-HIftTepL_4MKERW1gQFRBaZXG3RJ-wnDsuTyPZTancTtpThBKLgKTusjqjeG2z-F6mUag2-abKCq4c/s1600/helperblogger-button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(162,211,30,1) 0,rgba(162,211,30,0) 100px),-moz-linear-gradient(#82cc27, #74b317);
        background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvMrS6yadG9AOwa5V9zsaZFnMPmHdRtPD-to8N9PcEAIDxRtLoHNK3VxEjU9TF-HIftTepL_4MKERW1gQFRBaZXG3RJ-wnDsuTyPZTancTtpThBKLgKTusjqjeG2z-F6mUag2-abKCq4c/s1600/helperblogger-button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvMrS6yadG9AOwa5V9zsaZFnMPmHdRtPD-to8N9PcEAIDxRtLoHNK3VxEjU9TF-HIftTepL_4MKERW1gQFRBaZXG3RJ-wnDsuTyPZTancTtpThBKLgKTusjqjeG2z-F6mUag2-abKCq4c/s1600/helperblogger-button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(162,211,30,1)), to(rgba(162,211,30,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#82cc27), to(#74b317));
    }

    .green.button:hover {
        background-color: #89d228;
        background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvMrS6yadG9AOwa5V9zsaZFnMPmHdRtPD-to8N9PcEAIDxRtLoHNK3VxEjU9TF-HIftTepL_4MKERW1gQFRBaZXG3RJ-wnDsuTyPZTancTtpThBKLgKTusjqjeG2z-F6mUag2-abKCq4c/s1600/helperblogger-button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvMrS6yadG9AOwa5V9zsaZFnMPmHdRtPD-to8N9PcEAIDxRtLoHNK3VxEjU9TF-HIftTepL_4MKERW1gQFRBaZXG3RJ-wnDsuTyPZTancTtpThBKLgKTusjqjeG2z-F6mUag2-abKCq4c/s1600/helperblogger-button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(183,229,45,1) 0,rgba(183,229,45,0) 100px),-moz-linear-gradient(#90de31, #7fc01e);
        background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvMrS6yadG9AOwa5V9zsaZFnMPmHdRtPD-to8N9PcEAIDxRtLoHNK3VxEjU9TF-HIftTepL_4MKERW1gQFRBaZXG3RJ-wnDsuTyPZTancTtpThBKLgKTusjqjeG2z-F6mUag2-abKCq4c/s1600/helperblogger-button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvMrS6yadG9AOwa5V9zsaZFnMPmHdRtPD-to8N9PcEAIDxRtLoHNK3VxEjU9TF-HIftTepL_4MKERW1gQFRBaZXG3RJ-wnDsuTyPZTancTtpThBKLgKTusjqjeG2z-F6mUag2-abKCq4c/s1600/helperblogger-button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(183,229,45,1)), to(rgba(183,229,45,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#90de31), to(#7fc01e));
    }
    /* Orange Button */
    .orange.button {
        color: #693e0a !important;
        border: 1px solid #bea280 !important;
        background-color: #e38d27;
        background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvMrS6yadG9AOwa5V9zsaZFnMPmHdRtPD-to8N9PcEAIDxRtLoHNK3VxEjU9TF-HIftTepL_4MKERW1gQFRBaZXG3RJ-wnDsuTyPZTancTtpThBKLgKTusjqjeG2z-F6mUag2-abKCq4c/s1600/helperblogger-button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvMrS6yadG9AOwa5V9zsaZFnMPmHdRtPD-to8N9PcEAIDxRtLoHNK3VxEjU9TF-HIftTepL_4MKERW1gQFRBaZXG3RJ-wnDsuTyPZTancTtpThBKLgKTusjqjeG2z-F6mUag2-abKCq4c/s1600/helperblogger-button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(232,189,45,1) 0,rgba(232,189,45,0) 100px),-moz-linear-gradient(#f1982f, #d4821f);
        background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvMrS6yadG9AOwa5V9zsaZFnMPmHdRtPD-to8N9PcEAIDxRtLoHNK3VxEjU9TF-HIftTepL_4MKERW1gQFRBaZXG3RJ-wnDsuTyPZTancTtpThBKLgKTusjqjeG2z-F6mUag2-abKCq4c/s1600/helperblogger-button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvMrS6yadG9AOwa5V9zsaZFnMPmHdRtPD-to8N9PcEAIDxRtLoHNK3VxEjU9TF-HIftTepL_4MKERW1gQFRBaZXG3RJ-wnDsuTyPZTancTtpThBKLgKTusjqjeG2z-F6mUag2-abKCq4c/s1600/helperblogger-button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(232,189,45,1)), to(rgba(232,189,45,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#f1982f), to(#d4821f));
    }

    .orange.button:hover {
        background-color: #ec9732;
        background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvMrS6yadG9AOwa5V9zsaZFnMPmHdRtPD-to8N9PcEAIDxRtLoHNK3VxEjU9TF-HIftTepL_4MKERW1gQFRBaZXG3RJ-wnDsuTyPZTancTtpThBKLgKTusjqjeG2z-F6mUag2-abKCq4c/s1600/helperblogger-button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvMrS6yadG9AOwa5V9zsaZFnMPmHdRtPD-to8N9PcEAIDxRtLoHNK3VxEjU9TF-HIftTepL_4MKERW1gQFRBaZXG3RJ-wnDsuTyPZTancTtpThBKLgKTusjqjeG2z-F6mUag2-abKCq4c/s1600/helperblogger-button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(241,192,52,1) 0,rgba(241,192,52,0) 100px),-moz-linear-gradient(#f9a746, #e18f2b);
        background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvMrS6yadG9AOwa5V9zsaZFnMPmHdRtPD-to8N9PcEAIDxRtLoHNK3VxEjU9TF-HIftTepL_4MKERW1gQFRBaZXG3RJ-wnDsuTyPZTancTtpThBKLgKTusjqjeG2z-F6mUag2-abKCq4c/s1600/helperblogger-button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvMrS6yadG9AOwa5V9zsaZFnMPmHdRtPD-to8N9PcEAIDxRtLoHNK3VxEjU9TF-HIftTepL_4MKERW1gQFRBaZXG3RJ-wnDsuTyPZTancTtpThBKLgKTusjqjeG2z-F6mUag2-abKCq4c/s1600/helperblogger-button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(241,192,52,1)), to(rgba(241,192,52,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9a746), to(#e18f2b));
    }

    .gray.button {
        color: #525252 !important;
        border: 1px solid #a5a5a5 !important;
        background-color: #a9adb1;
        background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvMrS6yadG9AOwa5V9zsaZFnMPmHdRtPD-to8N9PcEAIDxRtLoHNK3VxEjU9TF-HIftTepL_4MKERW1gQFRBaZXG3RJ-wnDsuTyPZTancTtpThBKLgKTusjqjeG2z-F6mUag2-abKCq4c/s1600/helperblogger-button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvMrS6yadG9AOwa5V9zsaZFnMPmHdRtPD-to8N9PcEAIDxRtLoHNK3VxEjU9TF-HIftTepL_4MKERW1gQFRBaZXG3RJ-wnDsuTyPZTancTtpThBKLgKTusjqjeG2z-F6mUag2-abKCq4c/s1600/helperblogger-button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(197,199,202,1) 0,rgba(197,199,202,0) 100px),-moz-linear-gradient(#c5c7ca, #92989c);
        background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvMrS6yadG9AOwa5V9zsaZFnMPmHdRtPD-to8N9PcEAIDxRtLoHNK3VxEjU9TF-HIftTepL_4MKERW1gQFRBaZXG3RJ-wnDsuTyPZTancTtpThBKLgKTusjqjeG2z-F6mUag2-abKCq4c/s1600/helperblogger-button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvMrS6yadG9AOwa5V9zsaZFnMPmHdRtPD-to8N9PcEAIDxRtLoHNK3VxEjU9TF-HIftTepL_4MKERW1gQFRBaZXG3RJ-wnDsuTyPZTancTtpThBKLgKTusjqjeG2z-F6mUag2-abKCq4c/s1600/helperblogger-button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(197,199,202,1)), to(rgba(197,199,202,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#c5c7ca), to(#92989c));
    }

    .gray.button:hover {
        background-color: #b6bbc0;
        background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvMrS6yadG9AOwa5V9zsaZFnMPmHdRtPD-to8N9PcEAIDxRtLoHNK3VxEjU9TF-HIftTepL_4MKERW1gQFRBaZXG3RJ-wnDsuTyPZTancTtpThBKLgKTusjqjeG2z-F6mUag2-abKCq4c/s1600/helperblogger-button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvMrS6yadG9AOwa5V9zsaZFnMPmHdRtPD-to8N9PcEAIDxRtLoHNK3VxEjU9TF-HIftTepL_4MKERW1gQFRBaZXG3RJ-wnDsuTyPZTancTtpThBKLgKTusjqjeG2z-F6mUag2-abKCq4c/s1600/helperblogger-button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(202,205,208,1) 0,rgba(202,205,208,0) 100px),-moz-linear-gradient(#d1d3d6, #9fa5a9);
        background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvMrS6yadG9AOwa5V9zsaZFnMPmHdRtPD-to8N9PcEAIDxRtLoHNK3VxEjU9TF-HIftTepL_4MKERW1gQFRBaZXG3RJ-wnDsuTyPZTancTtpThBKLgKTusjqjeG2z-F6mUag2-abKCq4c/s1600/helperblogger-button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvMrS6yadG9AOwa5V9zsaZFnMPmHdRtPD-to8N9PcEAIDxRtLoHNK3VxEjU9TF-HIftTepL_4MKERW1gQFRBaZXG3RJ-wnDsuTyPZTancTtpThBKLgKTusjqjeG2z-F6mUag2-abKCq4c/s1600/helperblogger-button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(202,205,208,1)), to(rgba(202,205,208,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#d1d3d6), to(#9fa5a9));
    }



    Daha sonra ŞABLONU kaydedip çıkın. Yerleşim bölümüne gelerek oradan Gadget ekle > HTML/Javascript Ekleyin Ve açılan kutuya aşağıdaki istediğiniz kodlardan birini ekleyin 

     BÜYÜK BUTON: 

    <a href="LINK HERE" class="button big blue">TEXT HERE</a>
    <a href="LINK HERE" class="button big green">TEXT HERE</a>
    <a href="LINK HERE" class="button big orange">TEXT HERE</a>
    <a href="LINK HERE" class="button big gray">TEXT HERE</a>

    ORTA BUTON: 

    <a href="LINK HERE" class="button blue medium">TEXT HERE</a>
    <a href="LINK HERE" class="button green medium">TEXT HERE</a>
    <a href="LINK HERE" class="button orange medium">TEXT HERE</a>
    <a href="LINK HERE" class="button gray medium">TEXT HERE</a>

    KÜÇÜK BUTON: 

    <a href="LINK HERE" class="button small blue">TEXT HERE</a>
    <a href="LINK HERE" class="button small green">TEXT HERE</a>
    <a href="LINK HERE" class="button small orange">TEXT HERE</a>
    <a href="LINK HERE" class="button small gray">TEXT HERE</a>

    KÜÇÜK YUVARLAK BUTON: 

    <a href="LINK HERE" class="button small blue rounded">TEXT HERE</a>
    <a href="LINK HERE" class="button small green rounded">TEXT HERE</a>
    <a href="LINK HERE" class="button small orange rounded">TEXT HERE</a>
    <a href="LINK HERE" class="button small gray rounded">TEXT HERE</a>


    LİNK HERE: BURAYA LİNKLERİ (BAĞLANTI ADRESLERİNİ YAZIN)
    TEXT HERE:BURAYA İSE BAŞLIKLARI YAZIN.
    Yapamadığınız bir şey olursa "YORUM" kısmında belirtiniz.
    Devam�n� Oku
    Kaydol: Kayıtlar (Atom)