CSS Buton Yapımı (Balon Efektli Farklı Boy ve Renklerde) ~ BLOG OKULU

Hepimiz blogumuzda zaman zaman izle,demo görünüm,indir,bağlan yada farklı amaçlar için butonlar kullanıyoruz.Bugün sizlere farklı amaçlar için kullanabileceğimiz farklı boyutlarda ve renklerde butonlara ait CSS kodlarını vereceğiz.Butonlar görünüm olarak resimde gördüğünüz gibi, maus ile buton üstüne geldiğimizde buton içerisinde baloncuklar uçuşuyor, görünüm olarak gerçekten çok şık ve bir okadarda kullanışlı olan butonları uygulayacağınız birkaç basit işlem sonrasında sizde blogunuzda kullanabilirsiniz.

Blogger kullanıcıları için tasarlanmış olan,resimde ve aşağıda örnek olarak gördüğünüz butonları blogunuza uygulamak için:
öRNEK GÖRÜNÜM öRNEK GÖRÜNÜM öRNEK GÖRÜNÜM

Blogger Buton için CSS kodlarını blogumuza ekliyeceğiz.

Kumanda Paneli>Şablon>Htmlyi Düzenle yolunu takip edin
Widget Şablonlarını genişlet kutucuğunu işaretleyin
HTML kodları içerisinde]]></b:skin>kodunu Ctrl+F yardımı ile aratıp bulun.
Aşağıdaki kodu kopyalayarak bulduğumuz]]></b:skin> kodundan önceki kısma 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/AVvXsEgYYeFrItOHTH-ZF0SHG2gew0lb1mHU1XmMxlUcXfeGHhKCFWoqF80YK-by8MsJn4cLLADvJdUJk2wOi08d51WAMbYkbxy9NouUr8n1b2gW3nGpmBjGRHSbFYw68ncLcLWsBBp8B1ROuMk/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/AVvXsEgYYeFrItOHTH-ZF0SHG2gew0lb1mHU1XmMxlUcXfeGHhKCFWoqF80YK-by8MsJn4cLLADvJdUJk2wOi08d51WAMbYkbxy9NouUr8n1b2gW3nGpmBjGRHSbFYw68ncLcLWsBBp8B1ROuMk/s1600/helperblogger-button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYYeFrItOHTH-ZF0SHG2gew0lb1mHU1XmMxlUcXfeGHhKCFWoqF80YK-by8MsJn4cLLADvJdUJk2wOi08d51WAMbYkbxy9NouUr8n1b2gW3nGpmBjGRHSbFYw68ncLcLWsBBp8B1ROuMk/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/AVvXsEgYYeFrItOHTH-ZF0SHG2gew0lb1mHU1XmMxlUcXfeGHhKCFWoqF80YK-by8MsJn4cLLADvJdUJk2wOi08d51WAMbYkbxy9NouUr8n1b2gW3nGpmBjGRHSbFYw68ncLcLWsBBp8B1ROuMk/s1600/helperblogger-button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYYeFrItOHTH-ZF0SHG2gew0lb1mHU1XmMxlUcXfeGHhKCFWoqF80YK-by8MsJn4cLLADvJdUJk2wOi08d51WAMbYkbxy9NouUr8n1b2gW3nGpmBjGRHSbFYw68ncLcLWsBBp8B1ROuMk/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/AVvXsEgYYeFrItOHTH-ZF0SHG2gew0lb1mHU1XmMxlUcXfeGHhKCFWoqF80YK-by8MsJn4cLLADvJdUJk2wOi08d51WAMbYkbxy9NouUr8n1b2gW3nGpmBjGRHSbFYw68ncLcLWsBBp8B1ROuMk/s1600/helperblogger-button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYYeFrItOHTH-ZF0SHG2gew0lb1mHU1XmMxlUcXfeGHhKCFWoqF80YK-by8MsJn4cLLADvJdUJk2wOi08d51WAMbYkbxy9NouUr8n1b2gW3nGpmBjGRHSbFYw68ncLcLWsBBp8B1ROuMk/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/AVvXsEgYYeFrItOHTH-ZF0SHG2gew0lb1mHU1XmMxlUcXfeGHhKCFWoqF80YK-by8MsJn4cLLADvJdUJk2wOi08d51WAMbYkbxy9NouUr8n1b2gW3nGpmBjGRHSbFYw68ncLcLWsBBp8B1ROuMk/s1600/helperblogger-button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYYeFrItOHTH-ZF0SHG2gew0lb1mHU1XmMxlUcXfeGHhKCFWoqF80YK-by8MsJn4cLLADvJdUJk2wOi08d51WAMbYkbxy9NouUr8n1b2gW3nGpmBjGRHSbFYw68ncLcLWsBBp8B1ROuMk/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/AVvXsEgYYeFrItOHTH-ZF0SHG2gew0lb1mHU1XmMxlUcXfeGHhKCFWoqF80YK-by8MsJn4cLLADvJdUJk2wOi08d51WAMbYkbxy9NouUr8n1b2gW3nGpmBjGRHSbFYw68ncLcLWsBBp8B1ROuMk/s1600/helperblogger-button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYYeFrItOHTH-ZF0SHG2gew0lb1mHU1XmMxlUcXfeGHhKCFWoqF80YK-by8MsJn4cLLADvJdUJk2wOi08d51WAMbYkbxy9NouUr8n1b2gW3nGpmBjGRHSbFYw68ncLcLWsBBp8B1ROuMk/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/AVvXsEgYYeFrItOHTH-ZF0SHG2gew0lb1mHU1XmMxlUcXfeGHhKCFWoqF80YK-by8MsJn4cLLADvJdUJk2wOi08d51WAMbYkbxy9NouUr8n1b2gW3nGpmBjGRHSbFYw68ncLcLWsBBp8B1ROuMk/s1600/helperblogger-button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYYeFrItOHTH-ZF0SHG2gew0lb1mHU1XmMxlUcXfeGHhKCFWoqF80YK-by8MsJn4cLLADvJdUJk2wOi08d51WAMbYkbxy9NouUr8n1b2gW3nGpmBjGRHSbFYw68ncLcLWsBBp8B1ROuMk/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/AVvXsEgYYeFrItOHTH-ZF0SHG2gew0lb1mHU1XmMxlUcXfeGHhKCFWoqF80YK-by8MsJn4cLLADvJdUJk2wOi08d51WAMbYkbxy9NouUr8n1b2gW3nGpmBjGRHSbFYw68ncLcLWsBBp8B1ROuMk/s1600/helperblogger-button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYYeFrItOHTH-ZF0SHG2gew0lb1mHU1XmMxlUcXfeGHhKCFWoqF80YK-by8MsJn4cLLADvJdUJk2wOi08d51WAMbYkbxy9NouUr8n1b2gW3nGpmBjGRHSbFYw68ncLcLWsBBp8B1ROuMk/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/AVvXsEgYYeFrItOHTH-ZF0SHG2gew0lb1mHU1XmMxlUcXfeGHhKCFWoqF80YK-by8MsJn4cLLADvJdUJk2wOi08d51WAMbYkbxy9NouUr8n1b2gW3nGpmBjGRHSbFYw68ncLcLWsBBp8B1ROuMk/s1600/helperblogger-button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYYeFrItOHTH-ZF0SHG2gew0lb1mHU1XmMxlUcXfeGHhKCFWoqF80YK-by8MsJn4cLLADvJdUJk2wOi08d51WAMbYkbxy9NouUr8n1b2gW3nGpmBjGRHSbFYw68ncLcLWsBBp8B1ROuMk/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/AVvXsEgYYeFrItOHTH-ZF0SHG2gew0lb1mHU1XmMxlUcXfeGHhKCFWoqF80YK-by8MsJn4cLLADvJdUJk2wOi08d51WAMbYkbxy9NouUr8n1b2gW3nGpmBjGRHSbFYw68ncLcLWsBBp8B1ROuMk/s1600/helperblogger-button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYYeFrItOHTH-ZF0SHG2gew0lb1mHU1XmMxlUcXfeGHhKCFWoqF80YK-by8MsJn4cLLADvJdUJk2wOi08d51WAMbYkbxy9NouUr8n1b2gW3nGpmBjGRHSbFYw68ncLcLWsBBp8B1ROuMk/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/AVvXsEgYYeFrItOHTH-ZF0SHG2gew0lb1mHU1XmMxlUcXfeGHhKCFWoqF80YK-by8MsJn4cLLADvJdUJk2wOi08d51WAMbYkbxy9NouUr8n1b2gW3nGpmBjGRHSbFYw68ncLcLWsBBp8B1ROuMk/s1600/helperblogger-button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYYeFrItOHTH-ZF0SHG2gew0lb1mHU1XmMxlUcXfeGHhKCFWoqF80YK-by8MsJn4cLLADvJdUJk2wOi08d51WAMbYkbxy9NouUr8n1b2gW3nGpmBjGRHSbFYw68ncLcLWsBBp8B1ROuMk/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/AVvXsEgYYeFrItOHTH-ZF0SHG2gew0lb1mHU1XmMxlUcXfeGHhKCFWoqF80YK-by8MsJn4cLLADvJdUJk2wOi08d51WAMbYkbxy9NouUr8n1b2gW3nGpmBjGRHSbFYw68ncLcLWsBBp8B1ROuMk/s1600/helperblogger-button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYYeFrItOHTH-ZF0SHG2gew0lb1mHU1XmMxlUcXfeGHhKCFWoqF80YK-by8MsJn4cLLADvJdUJk2wOi08d51WAMbYkbxy9NouUr8n1b2gW3nGpmBjGRHSbFYw68ncLcLWsBBp8B1ROuMk/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/AVvXsEgYYeFrItOHTH-ZF0SHG2gew0lb1mHU1XmMxlUcXfeGHhKCFWoqF80YK-by8MsJn4cLLADvJdUJk2wOi08d51WAMbYkbxy9NouUr8n1b2gW3nGpmBjGRHSbFYw68ncLcLWsBBp8B1ROuMk/s1600/helperblogger-button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYYeFrItOHTH-ZF0SHG2gew0lb1mHU1XmMxlUcXfeGHhKCFWoqF80YK-by8MsJn4cLLADvJdUJk2wOi08d51WAMbYkbxy9NouUr8n1b2gW3nGpmBjGRHSbFYw68ncLcLWsBBp8B1ROuMk/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/AVvXsEgYYeFrItOHTH-ZF0SHG2gew0lb1mHU1XmMxlUcXfeGHhKCFWoqF80YK-by8MsJn4cLLADvJdUJk2wOi08d51WAMbYkbxy9NouUr8n1b2gW3nGpmBjGRHSbFYw68ncLcLWsBBp8B1ROuMk/s1600/helperblogger-button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYYeFrItOHTH-ZF0SHG2gew0lb1mHU1XmMxlUcXfeGHhKCFWoqF80YK-by8MsJn4cLLADvJdUJk2wOi08d51WAMbYkbxy9NouUr8n1b2gW3nGpmBjGRHSbFYw68ncLcLWsBBp8B1ROuMk/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/AVvXsEgYYeFrItOHTH-ZF0SHG2gew0lb1mHU1XmMxlUcXfeGHhKCFWoqF80YK-by8MsJn4cLLADvJdUJk2wOi08d51WAMbYkbxy9NouUr8n1b2gW3nGpmBjGRHSbFYw68ncLcLWsBBp8B1ROuMk/s1600/helperblogger-button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYYeFrItOHTH-ZF0SHG2gew0lb1mHU1XmMxlUcXfeGHhKCFWoqF80YK-by8MsJn4cLLADvJdUJk2wOi08d51WAMbYkbxy9NouUr8n1b2gW3nGpmBjGRHSbFYw68ncLcLWsBBp8B1ROuMk/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/AVvXsEgYYeFrItOHTH-ZF0SHG2gew0lb1mHU1XmMxlUcXfeGHhKCFWoqF80YK-by8MsJn4cLLADvJdUJk2wOi08d51WAMbYkbxy9NouUr8n1b2gW3nGpmBjGRHSbFYw68ncLcLWsBBp8B1ROuMk/s1600/helperblogger-button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYYeFrItOHTH-ZF0SHG2gew0lb1mHU1XmMxlUcXfeGHhKCFWoqF80YK-by8MsJn4cLLADvJdUJk2wOi08d51WAMbYkbxy9NouUr8n1b2gW3nGpmBjGRHSbFYw68ncLcLWsBBp8B1ROuMk/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/AVvXsEgYYeFrItOHTH-ZF0SHG2gew0lb1mHU1XmMxlUcXfeGHhKCFWoqF80YK-by8MsJn4cLLADvJdUJk2wOi08d51WAMbYkbxy9NouUr8n1b2gW3nGpmBjGRHSbFYw68ncLcLWsBBp8B1ROuMk/s1600/helperblogger-button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYYeFrItOHTH-ZF0SHG2gew0lb1mHU1XmMxlUcXfeGHhKCFWoqF80YK-by8MsJn4cLLADvJdUJk2wOi08d51WAMbYkbxy9NouUr8n1b2gW3nGpmBjGRHSbFYw68ncLcLWsBBp8B1ROuMk/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));
}

Blogger Buton için Html Kodlarımızı Ekliyeceğiz:Aşağıda gördüğümüz kodlardan hangi boyut ve rengi istiyorsak ona ait kodu butonun görünmesini istediğimiz yere html modundayken yapıştırıyoruz.

1.Big Button için Html Kodları (Buton Rengine Göre bir kod seçin)

<a href="Buton Linki Buraya" class="button big blue">Buton Metni</a>
<a href="Buton Linki Buraya" class="button big green">Buton Metni</a>
<a href="Buton Linki Buraya" class="button big orange">Buton Metni</a>
<a href="Buton Linki Buraya" class="button big gray">Buton Metni</a>

2.Medium Button için Html Kodları ( Buton Rengine Göre bir kod seçin )

<a href="Buton Linki Buraya" class="button blue medium">Buton Metni</a>
<a href="Buton Linki Buraya" class="button green medium">Buton Metni</a>
<a href="Buton Linki Buraya" class="button orange medium">Buton Metni</a>
<a href="Buton Linki Buraya" class="button gray medium">Buton Metni</a>

3.Small Button için Html Kodları ( Buton Rengine Göre bir kod seçin )

<a href="Buton Linki Buraya" class="button small blue">Buton Metni</a>
<a href="Buton Linki Buraya" class="button small green">Buton Metni</a>
<a href="Buton Linki Buraya" class="button small orange">Buton Metni</a>
<a href="Buton Linki Buraya" class="button small gray">Buton Metni</a>

4.Small Rounded Button için Html Kodları ( Buton Rengine Göre bir kod seçin )

<a href="Buton Linki Buraya" class="button small blue rounded">Buton Metni</a>
<a href="Buton Linki Buraya" class="button small green rounded">Buton Metni</a>
<a href="Buton Linki Buraya" class="button small orange rounded">Buton Metni</a>
<a href="Buton Linki Buraya" class="button small gray rounded">Buton Metni</a>

BLOG OKULU

Merhabalar, 2012 yılından beri editörlüğünü yaptığım blogokulu.org sitesinde blogger kullanıcıları için gerekli olan bir çok bilgiyi bulabilrsiniz.Blogger temaları,blogger eklentileri ve blogger dersleri ile blog yazarlarına elimizden geldiğince yardımcı olmaya çalışıyoruz.

5 yorum:

burak24 Haziran 2012 23:46

hocam bu button'larını mesala ana sayfa kayıtlarının devamını oku yazan yere birde bu button'ları nasıl ekliyebiliriz.
YanıtlaSil
Yanıtlar
Blog Okulu25 Haziran 2012 22:02

direk olarak devamını oku yerine buton koyulabiliyor fakat burdaki butonun birebir aynısını denemedim o yüzden bir şey diyemiyeceğim.
YanıtlaSil
Yanıtlar
burak26 Haziran 2012 01:15

devamını oku yanına bir buton eklemeyi başarıyorum ama o butona indir eklemek istiyorum ''data.post.url''bu yayına götürüyor yani devamını oku. yerine birşey yazamıyorum ''data.post.(url)'' bence cevap burda ama buraya ne yazacağımda yayın içindeki indir buttonuyla
bağlaştıramıyorum.sizin verdiğiniz buttonları devamını oku yanına koyuyorum ama bir türlü bağlaştıramıyorum.
YanıtlaSil
Yanıtlar
zaferkrd28 Temmuz 2012 13:02

Bende Bu Koddan Yok ?
YanıtlaSil
Yanıtlar
Blog Okulu29 Temmuz 2012 13:58

kod bozulmuş,düzenledim şimdi bulabilirsiniz.Uyarınız için teşekkürler.
YanıtlaSil
Yanıtlar

Yorum ekle

Belirtmek istediğiniz farklı konular varsa Burdan Yazabilrisiniz...

CSS Buton Yapımı (Balon Efektli Farklı Boy ve Renklerde)

BLOG OKULU

Benzer Yazılar

5 yorum: