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

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/AVvXsEgQu2HS379O0Xi64fGfGqO2HFqVxk-lyBfIGJLZ594ULgWm_TzNLZFGGCUrVwzv2qskmVMkwzp8sMnR42JC-F5gLwC5k946xpHjsY2RZ03mXzvKevQYwIVp1Elj24d-CiI-cJgt-ZsJW2s/s1600/blogger-yorum-gonder-arka-plani.jpg

Image URL:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQu2HS379O0Xi64fGfGqO2HFqVxk-lyBfIGJLZ594ULgWm_TzNLZFGGCUrVwzv2qskmVMkwzp8sMnR42JC-F5gLwC5k946xpHjsY2RZ03mXzvKevQYwIVp1Elj24d-CiI-cJgt-ZsJW2s/s1600/blogger-yorum-gonder-arka-plani.jpg

Image URL:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQu2HS379O0Xi64fGfGqO2HFqVxk-lyBfIGJLZ594ULgWm_TzNLZFGGCUrVwzv2qskmVMkwzp8sMnR42JC-F5gLwC5k946xpHjsY2RZ03mXzvKevQYwIVp1Elj24d-CiI-cJgt-ZsJW2s/s1600/blogger-yorum-gonder-arka-plani.jpg

Image URL:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQu2HS379O0Xi64fGfGqO2HFqVxk-lyBfIGJLZ594ULgWm_TzNLZFGGCUrVwzv2qskmVMkwzp8sMnR42JC-F5gLwC5k946xpHjsY2RZ03mXzvKevQYwIVp1Elj24d-CiI-cJgt-ZsJW2s/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

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

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/AVvXsEiGy_XhCgww1jvEoxbpGumjwBfGKCx2nwsFtVwg-hvoFWdw4ORQm5YkFDzhhsasEGkuKaaV_k6Kkm_dx9wlm5oHr1W0z4bwhSHJflcC9QDxO-NDvUkYTF1IHdWTjKc56C2PtWQqwXk6Chk/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/AVvXsEiGy_XhCgww1jvEoxbpGumjwBfGKCx2nwsFtVwg-hvoFWdw4ORQm5YkFDzhhsasEGkuKaaV_k6Kkm_dx9wlm5oHr1W0z4bwhSHJflcC9QDxO-NDvUkYTF1IHdWTjKc56C2PtWQqwXk6Chk/s1600/helperblogger-button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGy_XhCgww1jvEoxbpGumjwBfGKCx2nwsFtVwg-hvoFWdw4ORQm5YkFDzhhsasEGkuKaaV_k6Kkm_dx9wlm5oHr1W0z4bwhSHJflcC9QDxO-NDvUkYTF1IHdWTjKc56C2PtWQqwXk6Chk/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/AVvXsEiGy_XhCgww1jvEoxbpGumjwBfGKCx2nwsFtVwg-hvoFWdw4ORQm5YkFDzhhsasEGkuKaaV_k6Kkm_dx9wlm5oHr1W0z4bwhSHJflcC9QDxO-NDvUkYTF1IHdWTjKc56C2PtWQqwXk6Chk/s1600/helperblogger-button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGy_XhCgww1jvEoxbpGumjwBfGKCx2nwsFtVwg-hvoFWdw4ORQm5YkFDzhhsasEGkuKaaV_k6Kkm_dx9wlm5oHr1W0z4bwhSHJflcC9QDxO-NDvUkYTF1IHdWTjKc56C2PtWQqwXk6Chk/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/AVvXsEiGy_XhCgww1jvEoxbpGumjwBfGKCx2nwsFtVwg-hvoFWdw4ORQm5YkFDzhhsasEGkuKaaV_k6Kkm_dx9wlm5oHr1W0z4bwhSHJflcC9QDxO-NDvUkYTF1IHdWTjKc56C2PtWQqwXk6Chk/s1600/helperblogger-button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGy_XhCgww1jvEoxbpGumjwBfGKCx2nwsFtVwg-hvoFWdw4ORQm5YkFDzhhsasEGkuKaaV_k6Kkm_dx9wlm5oHr1W0z4bwhSHJflcC9QDxO-NDvUkYTF1IHdWTjKc56C2PtWQqwXk6Chk/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/AVvXsEiGy_XhCgww1jvEoxbpGumjwBfGKCx2nwsFtVwg-hvoFWdw4ORQm5YkFDzhhsasEGkuKaaV_k6Kkm_dx9wlm5oHr1W0z4bwhSHJflcC9QDxO-NDvUkYTF1IHdWTjKc56C2PtWQqwXk6Chk/s1600/helperblogger-button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGy_XhCgww1jvEoxbpGumjwBfGKCx2nwsFtVwg-hvoFWdw4ORQm5YkFDzhhsasEGkuKaaV_k6Kkm_dx9wlm5oHr1W0z4bwhSHJflcC9QDxO-NDvUkYTF1IHdWTjKc56C2PtWQqwXk6Chk/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/AVvXsEiGy_XhCgww1jvEoxbpGumjwBfGKCx2nwsFtVwg-hvoFWdw4ORQm5YkFDzhhsasEGkuKaaV_k6Kkm_dx9wlm5oHr1W0z4bwhSHJflcC9QDxO-NDvUkYTF1IHdWTjKc56C2PtWQqwXk6Chk/s1600/helperblogger-button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGy_XhCgww1jvEoxbpGumjwBfGKCx2nwsFtVwg-hvoFWdw4ORQm5YkFDzhhsasEGkuKaaV_k6Kkm_dx9wlm5oHr1W0z4bwhSHJflcC9QDxO-NDvUkYTF1IHdWTjKc56C2PtWQqwXk6Chk/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/AVvXsEiGy_XhCgww1jvEoxbpGumjwBfGKCx2nwsFtVwg-hvoFWdw4ORQm5YkFDzhhsasEGkuKaaV_k6Kkm_dx9wlm5oHr1W0z4bwhSHJflcC9QDxO-NDvUkYTF1IHdWTjKc56C2PtWQqwXk6Chk/s1600/helperblogger-button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGy_XhCgww1jvEoxbpGumjwBfGKCx2nwsFtVwg-hvoFWdw4ORQm5YkFDzhhsasEGkuKaaV_k6Kkm_dx9wlm5oHr1W0z4bwhSHJflcC9QDxO-NDvUkYTF1IHdWTjKc56C2PtWQqwXk6Chk/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/AVvXsEiGy_XhCgww1jvEoxbpGumjwBfGKCx2nwsFtVwg-hvoFWdw4ORQm5YkFDzhhsasEGkuKaaV_k6Kkm_dx9wlm5oHr1W0z4bwhSHJflcC9QDxO-NDvUkYTF1IHdWTjKc56C2PtWQqwXk6Chk/s1600/helperblogger-button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGy_XhCgww1jvEoxbpGumjwBfGKCx2nwsFtVwg-hvoFWdw4ORQm5YkFDzhhsasEGkuKaaV_k6Kkm_dx9wlm5oHr1W0z4bwhSHJflcC9QDxO-NDvUkYTF1IHdWTjKc56C2PtWQqwXk6Chk/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/AVvXsEiGy_XhCgww1jvEoxbpGumjwBfGKCx2nwsFtVwg-hvoFWdw4ORQm5YkFDzhhsasEGkuKaaV_k6Kkm_dx9wlm5oHr1W0z4bwhSHJflcC9QDxO-NDvUkYTF1IHdWTjKc56C2PtWQqwXk6Chk/s1600/helperblogger-button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGy_XhCgww1jvEoxbpGumjwBfGKCx2nwsFtVwg-hvoFWdw4ORQm5YkFDzhhsasEGkuKaaV_k6Kkm_dx9wlm5oHr1W0z4bwhSHJflcC9QDxO-NDvUkYTF1IHdWTjKc56C2PtWQqwXk6Chk/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/AVvXsEiGy_XhCgww1jvEoxbpGumjwBfGKCx2nwsFtVwg-hvoFWdw4ORQm5YkFDzhhsasEGkuKaaV_k6Kkm_dx9wlm5oHr1W0z4bwhSHJflcC9QDxO-NDvUkYTF1IHdWTjKc56C2PtWQqwXk6Chk/s1600/helperblogger-button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGy_XhCgww1jvEoxbpGumjwBfGKCx2nwsFtVwg-hvoFWdw4ORQm5YkFDzhhsasEGkuKaaV_k6Kkm_dx9wlm5oHr1W0z4bwhSHJflcC9QDxO-NDvUkYTF1IHdWTjKc56C2PtWQqwXk6Chk/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/AVvXsEiGy_XhCgww1jvEoxbpGumjwBfGKCx2nwsFtVwg-hvoFWdw4ORQm5YkFDzhhsasEGkuKaaV_k6Kkm_dx9wlm5oHr1W0z4bwhSHJflcC9QDxO-NDvUkYTF1IHdWTjKc56C2PtWQqwXk6Chk/s1600/helperblogger-button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGy_XhCgww1jvEoxbpGumjwBfGKCx2nwsFtVwg-hvoFWdw4ORQm5YkFDzhhsasEGkuKaaV_k6Kkm_dx9wlm5oHr1W0z4bwhSHJflcC9QDxO-NDvUkYTF1IHdWTjKc56C2PtWQqwXk6Chk/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/AVvXsEiGy_XhCgww1jvEoxbpGumjwBfGKCx2nwsFtVwg-hvoFWdw4ORQm5YkFDzhhsasEGkuKaaV_k6Kkm_dx9wlm5oHr1W0z4bwhSHJflcC9QDxO-NDvUkYTF1IHdWTjKc56C2PtWQqwXk6Chk/s1600/helperblogger-button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGy_XhCgww1jvEoxbpGumjwBfGKCx2nwsFtVwg-hvoFWdw4ORQm5YkFDzhhsasEGkuKaaV_k6Kkm_dx9wlm5oHr1W0z4bwhSHJflcC9QDxO-NDvUkYTF1IHdWTjKc56C2PtWQqwXk6Chk/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/AVvXsEiGy_XhCgww1jvEoxbpGumjwBfGKCx2nwsFtVwg-hvoFWdw4ORQm5YkFDzhhsasEGkuKaaV_k6Kkm_dx9wlm5oHr1W0z4bwhSHJflcC9QDxO-NDvUkYTF1IHdWTjKc56C2PtWQqwXk6Chk/s1600/helperblogger-button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGy_XhCgww1jvEoxbpGumjwBfGKCx2nwsFtVwg-hvoFWdw4ORQm5YkFDzhhsasEGkuKaaV_k6Kkm_dx9wlm5oHr1W0z4bwhSHJflcC9QDxO-NDvUkYTF1IHdWTjKc56C2PtWQqwXk6Chk/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/AVvXsEiGy_XhCgww1jvEoxbpGumjwBfGKCx2nwsFtVwg-hvoFWdw4ORQm5YkFDzhhsasEGkuKaaV_k6Kkm_dx9wlm5oHr1W0z4bwhSHJflcC9QDxO-NDvUkYTF1IHdWTjKc56C2PtWQqwXk6Chk/s1600/helperblogger-button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGy_XhCgww1jvEoxbpGumjwBfGKCx2nwsFtVwg-hvoFWdw4ORQm5YkFDzhhsasEGkuKaaV_k6Kkm_dx9wlm5oHr1W0z4bwhSHJflcC9QDxO-NDvUkYTF1IHdWTjKc56C2PtWQqwXk6Chk/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/AVvXsEiGy_XhCgww1jvEoxbpGumjwBfGKCx2nwsFtVwg-hvoFWdw4ORQm5YkFDzhhsasEGkuKaaV_k6Kkm_dx9wlm5oHr1W0z4bwhSHJflcC9QDxO-NDvUkYTF1IHdWTjKc56C2PtWQqwXk6Chk/s1600/helperblogger-button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGy_XhCgww1jvEoxbpGumjwBfGKCx2nwsFtVwg-hvoFWdw4ORQm5YkFDzhhsasEGkuKaaV_k6Kkm_dx9wlm5oHr1W0z4bwhSHJflcC9QDxO-NDvUkYTF1IHdWTjKc56C2PtWQqwXk6Chk/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/AVvXsEiGy_XhCgww1jvEoxbpGumjwBfGKCx2nwsFtVwg-hvoFWdw4ORQm5YkFDzhhsasEGkuKaaV_k6Kkm_dx9wlm5oHr1W0z4bwhSHJflcC9QDxO-NDvUkYTF1IHdWTjKc56C2PtWQqwXk6Chk/s1600/helperblogger-button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGy_XhCgww1jvEoxbpGumjwBfGKCx2nwsFtVwg-hvoFWdw4ORQm5YkFDzhhsasEGkuKaaV_k6Kkm_dx9wlm5oHr1W0z4bwhSHJflcC9QDxO-NDvUkYTF1IHdWTjKc56C2PtWQqwXk6Chk/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/AVvXsEiGy_XhCgww1jvEoxbpGumjwBfGKCx2nwsFtVwg-hvoFWdw4ORQm5YkFDzhhsasEGkuKaaV_k6Kkm_dx9wlm5oHr1W0z4bwhSHJflcC9QDxO-NDvUkYTF1IHdWTjKc56C2PtWQqwXk6Chk/s1600/helperblogger-button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGy_XhCgww1jvEoxbpGumjwBfGKCx2nwsFtVwg-hvoFWdw4ORQm5YkFDzhhsasEGkuKaaV_k6Kkm_dx9wlm5oHr1W0z4bwhSHJflcC9QDxO-NDvUkYTF1IHdWTjKc56C2PtWQqwXk6Chk/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.

Blogger Mesaj, Yazar, Tarih ve Etiket Eklentisi

Blogger Mesaj, Yazar, Tarih ve Etiket Eklentisi

Bu eklenti ile blogunuzda paylaştığınız konunun hemen üzerinde Yazarı, tarihi, saati ve eklentisi görünecektir. Şık ve güzel bir eklenti kullanmak isteyenler için öncelikle;

Blogger Kumanda Paneli > Şablon > HTML'yi Düzenle > Widget Genişlet
Eklentiyi kullanmaktan vazgeçebilirsin o yüzden Temanın Yedeğini almayı unutmayın


CTRL+ F yardımıyla aşağıdaki kodu bulun:

<div class='post-header-line-1'>

Eğer yukarıdaki kodu bulamazsanız aşağıdaki kodu bulun:

<div class='post-header'>

Bulduğunuz kodun hemen altına gelecek şekilde aşağıdaki kodu yapıştırın ve temayı kaydedip çıkın.

<pre style="font-family: Andale Mono, Lucida Console, Monaco, fixed, monospace; color: #000000; background-color: #eee;font-size: 12px;border: 1px dashed #999999;line-height: 14px;padding: 5px; overflow: auto; width: 100%"><code>&lt;font style='background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOqhEG5omSxhox7qsQ33STLt40m0XD-feas_fpTRM8rIKainiF7aSrASX8alkDVyjs5LQjIaboKnOhA_11JtKY-FyW2UqzEpph0WLeazoih2v-TChTk-jJhpHtpBWUiISBRVLytTAkmTuB/s1600/author.gif) no-repeat scroll top left;padding-left:25px;font-size:11px;'&gt;&lt;data:post.author/&gt;&lt;/font&gt; &#124; &lt;font style='background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHeVGpD5t48jC6SXTGy1AmiRj0gSoVYsM8Yy1vesCHLkQkM6I-Wg5XLKpbgXV1huG1k-NmoIlI6GOK3Qk8Btw0bxDhV_kfxxSMrVVdhGbXblyd-OHE26j4UgLT9sYaiWNT90RSv9jvqXNC/s1600/clock_icon.gif) no-repeat scroll top left;padding-left:25px;font-size:11px;'&gt;&lt;data:post.timestamp/&gt;&lt;/font&gt; &#124; &lt;font style='background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXehBfasJOtFsigy9kAjgV8XW6L0xFRCsbrtR8YE3i4mdOOORttbSGD4XJJY7YJJLwWgRqt_UZR8Vjts_zIaM1NnW75l0EyvXl7-Fx_5fp9Z0ikDSQIt-yEC95Dwnl3UbZRdUXLG2NoJyx/s1600/tag+icon.gif) no-repeat scroll top left;padding-left:25px;font-size:11px;'&gt;&lt;b:if cond='data:post.labels'&gt;
&lt;b:loop values='data:post.labels' var='label'&gt;
&lt;a expr:href='data:label.url + &amp;quot;?max-results=8&amp;quot;' rel='tag'&gt;&lt;data:label.name/&gt;&lt;/a&gt;
&lt;b:if cond='data:label.isLast != &amp;quot;true&amp;quot;'&gt;&#124;&lt;/b:if&gt;
&lt;/b:loop&gt;
&lt;/b:if&gt;&lt;/font&gt;
&lt;span class='post-comment-link' style='Float:right;'&gt;
        &lt;b:if cond='data:blog.pageType != &amp;quot;item&amp;quot;'&gt;
          &lt;b:if cond='data:post.allowComments'&gt;
            &lt;a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick' style='background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjc6vk-B-0P3WoFUxIRjBuHhGoIr6lsZU8V_UK2j6Qvxjzh1oo_akdz75uh52Twla_BK9hheodLJXEmRjOMzoAlsXOxQlTNfaltMuUQ_tQTYpzplM-wUbjAgpH-r1eb-2nvRUTTWwwFZOms/s1600/comment-icon.png) no-repeat;Padding-left:20px;'&gt;&lt;b:if cond='data:post.numComments == 0'&gt;Be the first to comment!&lt;b:else/&gt; &lt;b:if cond='data:post.numComments == 1'&gt;&lt;data:post.numComments/&gt; Comment so far&lt;b:else/&gt;&lt;data:post.numComments/&gt; Comments so far&lt;/b:if&gt; &lt;/b:if&gt;&lt;/a&gt;
          &lt;/b:if&gt;
        &lt;/b:if&gt;
      &lt;/span&gt;
</code></pre>

• Eğer değiştirmek istiyorsanız YAZAR simgesi sonra kod yerine KIRMIZI kendi simgesi.
• Eğer değiştirmek istiyorsanız TARİH SAAT simgesi sonra kod yerine MAVİ kendi simgesi. 
• Eğer değiştirmek istiyorsanız, TAG simgesi sonra kod yerine TURUNCU kendi simgesi. 
• Eğer değiştirmek istiyorsanız YORUM  simgesi sonra kod yerine YEŞİL kendi simgesi.

Blogger Mesaj, Yazar, Tarih ve Etiket Eklentisi, sitene ekle, blogger mesaj eklentisi, blogger yazar eklentisi, blogger tarih eklentisi, blogger saat eklentisi, blogger tarih eklentisi,

Blogger için Pinterest Paylaş Butonu Nasıl Eklenir ?

Blogger için Pinterest Paylaş Butonu Nasıl Eklenir ?

Printrest , bir listesi Pinboard tarzı sosyal bir resim paylaşım sitesidir. Facebook, Twitter, Google Paylaş butonlarından sonra şimdi yeni nesil pinterest oldu. Bende erinmeden sizlere onu araştırdım ve buldum. 

3 çeşit paylaş butonu bulunan bu kod ister konuların başlığına isterseniz de konunun sonuna ekleyebilirsiniz

1. Yatay Paylaş Butonu:

<script type='text/javascript'>
(function() {
    window.PinIt = window.PinIt || { loaded:false };
    if (window.PinIt.loaded) return;
    window.PinIt.loaded = true;
    function async_load(){
        var s = document.createElement(&quot;script&quot;);
        s.type = &quot;text/javascript&quot;;
        s.async = true;
        if (window.location.protocol == &quot;https:&quot;)
            s.src = &quot;https://assets.pinterest.com/js/pinit.js&quot;;
        else
            s.src = &quot;http://assets.pinterest.com/js/pinit.js&quot;;
        var x = document.getElementsByTagName(&quot;script&quot;)[0];
        x.parentNode.insertBefore(s, x);
    }
    if (window.attachEvent)
        window.attachEvent(&quot;onload&quot;, async_load);
    else
        window.addEventListener(&quot;load&quot;, async_load, false);
})();
</script>
<!-- Pinterest button Start -->
<div style='text-align:left;padding:5px 5px 5px 0;'>
<a class='pin-it-button' count-layout='horizontal' expr:href='&quot;http://pinterest.com/pin/create/button/?url=&quot; + data:post.url'>Pin It</a>
</div>
<!-- Pinterest button End -->

2. Dikey Paylaş Butonu

<script type='text/javascript'>
(function() {
    window.PinIt = window.PinIt || { loaded:false };
    if (window.PinIt.loaded) return;
    window.PinIt.loaded = true;
    function async_load(){
        var s = document.createElement(&quot;script&quot;);
        s.type = &quot;text/javascript&quot;;
        s.async = true;
        if (window.location.protocol == &quot;https:&quot;)
            s.src = &quot;https://assets.pinterest.com/js/pinit.js&quot;;
        else
            s.src = &quot;http://assets.pinterest.com/js/pinit.js&quot;;
        var x = document.getElementsByTagName(&quot;script&quot;)[0];
        x.parentNode.insertBefore(s, x);
    }
    if (window.attachEvent)
        window.attachEvent(&quot;onload&quot;, async_load);
    else
        window.addEventListener(&quot;load&quot;, async_load, false);
})();
</script>
<!-- Pinterest button Start -->
<div style='text-align:left;padding:5px 5px 5px 0;'>
<a class='pin-it-button' count-layout='vertical' expr:href='&quot;http://pinterest.com/pin/create/button/?url=&quot; + data:post.url'>Pin It</a>
</div>
<!-- Pinterest button End -->

3.Paylaşım Sayacını Göstermeyen Buton:

<script type='text/javascript'>
(function() {
    window.PinIt = window.PinIt || { loaded:false };
    if (window.PinIt.loaded) return;
    window.PinIt.loaded = true;
    function async_load(){
        var s = document.createElement(&quot;script&quot;);
        s.type = &quot;text/javascript&quot;;
        s.async = true;
        if (window.location.protocol == &quot;https:&quot;)
            s.src = &quot;https://assets.pinterest.com/js/pinit.js&quot;;
        else
            s.src = &quot;http://assets.pinterest.com/js/pinit.js&quot;;
        var x = document.getElementsByTagName(&quot;script&quot;)[0];
        x.parentNode.insertBefore(s, x);
    }
    if (window.attachEvent)
        window.attachEvent(&quot;onload&quot;, async_load);
    else
        window.addEventListener(&quot;load&quot;, async_load, false);
})();
</script>
<!-- Pinterest button Start -->
<div style='text-align:left;padding:5px 5px 5px 0;'>
<a class='pin-it-button' count-layout='none' expr:href='&quot;http://pinterest.com/pin/create/button/?url=&quot; + data:post.url'>Pin It</a>
</div>
<!-- Pinterest button End -->

 Şimdi gelelim uygulamasına: 

Eğer konuların Altına eklemek istiyorsanız aşağıdaki kodu bulun:

<div class='post-footer'>

Bulduğunuz kodun hemen altına yukarıdaki kodlardan istediğiniz yapıştırın ve şablonu kaydedin.
Yada
Konu başlığının altına eklemek istiyorsanız aşağıdaki kodu bulup hemen altına yukarıdaki kodun herhangi birini yapıştırın:

<div class='post-header-line-1'/>

İşlem tamam yapamadığınız bir şey olursa "YORUM" kısmından belirtiniz

Blogger Animasyonlu Yapım Aşamasında Eklentisi - Blogger Eklentileri

Blogger Animasyonlu Yapım Aşamasında Eklentisi - Blogger Eklentileri

Sitenizi bir süre kapatabilir ya da yeni düzenlemelerinizi sürpriz bir şekilde okuyucularınıza göstermek isteyebilirsiniz. Müziği de içinde mevcut ve hareketli bir şekilde oyuncuları karşılıyor. Üzerinde bir değişiklik yapamıyorsunuz Gerçi yapmanıza da gerek yok.

Hareketli Yapım Aşamasında Blogger Eklentisinin ön izlemesini buradan bakabilirsiniz

Kodun uygulanışı

Kumanda Paneli > Yerleşim > Gadget Ekle > HTML/Javascript açılan pencereye aşağıdaki kodu yapıştırın ve kaydedin

<!--Guncellbilgiler 
Yapım Aşaması Kod Başlangıcı-->
<!doctype html><style type="text/css">div.koddostus{position:fixed;text-align:center;z-index:4000;}div.bybyhapp{top:0px;left:0px;width:100%;height:100%;}</style><style type="text/css">div.koddostus{_position:absolute;}div.bybyhapp{_bottom:auto;_top:expression(ie6=(document.documentElement.scrollTop+document.documentElement.clientHeight - 52+"px") );}</style><div class="koddostus bybyhapp">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab" width="100%" height="100%" id="test1">
<!--Bloglamazamani.blogspot.com-->
<param name="movie" value="http://www.weebly.com/uploads/4/1/3/2/4132766/custom_themes/853832618635402178/files/indcedx.swf" /><embed src="http://www.weebly.com/uploads/4/1/3/2/4132766/custom_themes/853832618635402178/files/indcedx.swf" width="100%" height="100%" name="test1" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" /></embed></object>
</div></!doctype>

<!--Guncellbilgiler Yapım Aşaması Kod Sonu-->

Bu yazıyı beğendiniz mi? Paylaşın!

Etiketler: blogger animasyonlu eklenti, blogger animasyonlu yapım aşamasında, Bloğunuza Animasyonlu Yapım Aşamasında Eklentisi - Blogger Eklentileri, yapım aşamasında eklentisi

Facebook "Beğen , Twitter "Takip Et" , Google Plus "Paylaş" Butonları

Facebook "Beğen , Twitter "Takip Et" , Google Plus "Paylaş" Butonları 

Bayağıdır bir şeyler paylaşmıyordum blogumda.Mesut Sen arkadaşım bana ulaştı bloğumda bulunan yukarıdaki eklentilerin kodunu rica etti bende onu kırmamak adına kodları paylaşmak istedim. 

Çok şık bir görünüme sahip bu eklentiler hem göze hem de bloğunuza hitap edeceğinden emin olabilirsiniz. 

Aşağıdaki kodu kopyalayın < head> kodunun altına gelecek şekilde blogunuza uygun bir yere yapıştırın.
Ya da yeni bir gadget ekleyebilir içine aşağıdaki kodu yapıştırabilirsiniz.

<br />
<div id="click" style="border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border: 0px solid rgb(101, 110, 117); color: #333333; float: right; font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 19px; margin: 0px 0px 20px; padding: 0px; text-align: left; width: 278px;">
<table border="0" cellpadding="0" cellspacing="0" style="margin: 0px; padding: 0px; text-align: left; width: 280px;"><tbody style="margin: 0px; padding: 0px;">
<tr style="margin: 0px; padding: 0px;"><td height="23" style="margin: 0px; padding: 0px;" width="450"><div id="clickface" style="background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWWuNQ64ha9QRUUP9euj_HjAbbW3f2eNfttHdYq9jXm7k0-2hrgnvhqaSZmqpeXl_7ZPb7vOzhV9mqg3JfQHOjMA1acEH54BywDHi1VkmU8tAKoNt8ZLsn-8_BlCo8jWhsdMVqcnk_s71v/s265/face.jpg); border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; border: 1px solid rgb(216, 215, 215); height: 23px; margin: 5px 0px 10px 5px; padding: 11px 0px 10px 10px; width: 256px;">
<div class="fb-like fb_edge_widget_with_comment fb_iframe_widget" faces="true" href="http://.blogspot.com" layout="button_count" send="false" style="display: inline-block; margin: 0px; padding: 0px; position: relative;" width="280">
<iframe class="fb_ltr" id="f16b6a607c" name="f1a0c94794" scrolling="no" src="http://www.facebook.com/plugins/like.php?channel_url=http%3A%2F%2Fstatic.ak.facebook.com%2Fconnect%2Fxd_arbiter.php%3Fversion%3D4%23cb%3Df21893736c%26origin%3Dhttp%253A%252F%252Fbloglamazamani.blogspot.com%252Ff1c9a37fcc%26domain%3Dbloglamazamani.blogspot.com%26relation%3Dparent.parent&amp;extended_social_context=false&amp;href=http%3A%2F%2Fbloglamazamani.blogspot.com&amp;layout=button_count&amp;locale=tr_TR&amp;node_type=link&amp;sdk=joey&amp;send=false&amp;show_faces=false&amp;width=280" style="border-style: none; color: #333333; font-size: 13px; height: 20px; line-height: 19px; margin: 0px; overflow: hidden; padding: 0px; position: relative; vertical-align: text-bottom; width: 280px;" title="Like this content on Facebook."></iframe></div>
</div>
</td></tr>
<tr style="margin: 0px; padding: 0px;"><td height="23" style="margin: 0px; padding: 0px;" width="280"><div id="clickfollow" style="background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVMRQ8YkEKLkdtLp58E-snbgVfs_865E0KiGHmpwMwSR5gwJyedOlcQ2e7RzQwFxYZ3VgrYMPzYb6bkE64gDuba6Tlvax_HL7pc6tGe7N0kAFpfxe1Ku1XHkzh7-21kK50OjDfEecXRNNa/s280/twitter.gif); border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; border: 1px solid rgb(216, 215, 215); height: 23px; margin: 5px 0px 10px 5px; padding: 11px 0px 10px 10px; width: 256px;">
<iframe allowtransparency="true" class="twitter-follow-button" frameborder="0" scrolling="no" src="http://platform.twitter.com/widgets/follow_button.1334389481.html#_=1334411432480&amp;id=twitter-widget-2&amp;lang=tr&amp;screen_name=BloglamaZamani&amp;show_count=true&amp;show_screen_name=true&amp;size=m" style="height: 20px; margin: 0px; padding: 0px; width: 252px;" title="Twitter Follow Button"></iframe></div>
</td></tr>
<tr style="margin: 0px; padding: 0px;"><td height="23" style="margin: 0px; padding: 0px;" width="280"><div id="clickplus" style="background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixJOWsf2PX_4uO1wwo18N-qWYIMe_M6YkV0r7Jwzdv-ufXlIhmtZytvsMrq_NWYTgce9qmL3WET5aQ-nJ9hLsdvt2ERSrIYMx4E7qkZGSXRI8ZJ_bNxtudxgIbnkJmKiqKLOyySZF9LOMy/s265/plus.jpg); border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; border: 1px solid rgb(216, 215, 215); height: 23px; margin: 5px 0px 10px 5px; padding: 11px 0px 10px 10px; width: 256px;">
<div id="___plusone_1" style="background-color: transparent; border-style: none; display: inline-block; float: none; font-size: 1px; height: 20px; margin: 0px; padding: 0px; vertical-align: baseline; width: 90px;">
<iframe allowtransparency="true" frameborder="0" hspace="0" id="I2_1334411432504" marginheight="0" marginwidth="0" name="I2_1334411432504" scrolling="no" src="https://plusone.google.com/_/+1/fastbutton?url=http%3A%2F%2Fbloglamazamani.blogspot.com%2F&amp;size=medium&amp;count=true&amp;hl=en-US&amp;jsh=m%3B%2F_%2Fapps-static%2F_%2Fjs%2Fgapi%2F__features__%2Frt%3Dj%2Fver%3D5xR-CQdtAmQ.tr.%2Fsv%3D1%2Fam%3D!-SXmuOx1_3GIepEFVA%2Fd%3D1%2Frs%3DAItRSTOBHYz3MhIUIVE9SKtNMJy0laAwNw#id=I2_1334411432504&amp;parent=http%3A%2F%2Fbloglamazamani.blogspot.com&amp;rpctoken=222451784&amp;_methods=onPlusOne%2C_ready%2C_close%2C_open%2C_resizeMe%2C_renderstart" style="border-style: none; height: 20px; left: 0px; margin: 0px; padding: 0px; position: static; top: 0px; visibility: visible; width: 90px;" tabindex="0" title="+1" vspace="0" width="100%"></iframe></div>
</div>
</td></tr>
</tbody></table>
</div>

Yukarıdaki kırmızı ile belirttiğim alanları kendi adınıza göre düzenlemeyi unutmayın...
Yapamadığınız bir şey olursa "YORUM" kısmında belirtebilirsiniz... İyi bloglamalar

Facebook Beğen , Twitter Takip Et , Google Plus Paylaş Butonları, facebook begen yeni, twitter takip et yeni, google plus yeni, sitene ekle, sosyal aglar, begen butonu yeni,Facebook "Beğen , Twitter "Takip Et" , Google Plus "Paylaş" Butonları, Click Box ekleme, Click Box butonu, Click Box eklenti, Click Box yapimi,

"Bu Yazıyı Beğendin mi?" Blogger Eklentisi ( 2 Çeşit Beğeni )

"Bu Yazıyı Beğendin mi?" Blogger Eklentisi
( 2 Çeşit Beğeni )

Blogger kullanıcıları, sık sık blog yazanlar; yazdığı blogun ne kadar beğenildiğini ne kadar beğenilmediğini merak edenler vardır. Bu kod ile paylaştığınız konunun ne kadar ilgi gördüğünü ve ne kadar beğenildiğini göreceksiniz. Bu da sizi daha fazla yazmanıza sebep olacaktır.

Bu kodun 2 çeşiti mevcut. Bu kodu ister konunun altına isterseniz üzerinde paylaşabilirsiniz. Şimdi gelelim kodların uygulanmasına.

1. Blogger Kumanda Paneli > Tasarım> HTML Düzenle gidin.
2. CTRL +F bu kodu bulun < data:post.body/ >
3. Aşağıdaki kodlardan birini bulduğunuz kodun hemen altına gelecek şekilde yapıştırın.
4. Bazı blog şablonlarında < data:post.body kodu 1'den fazla olduğu için tek tek deneyerek uygulayın
   
   
   

< data:post.body ile uyguladığınız kod konunun altında yer alacaktır. Eğer konunun üzerine gelecek şekilde isterseniz; < div class='post-header-line-1'/> kodu bulup hemen altına gelecek şekilde yapıştırıp şablonu kaydediniz

1.KOD

<div style="float:left; margin-right:3px;"></div>
<div class="js-kit-rating" expr:path="data:post.url" expr:permalink="data:post.url" expr:title="data:post.title"></div>

2.KOD

<div style="float:left; margin-right:3px;"></div>
<div class="js-kit-rating" expr:path="data:post.url" expr:permalink="data:post.url" expr:title="data:post.title" view="score"></div>

Şimdi yukarıdaki kodlardan birini şablona yapıştırdıktan sonra aşağıdaki kodu bulun;

Bu kodun önüne gelecek şekilde aşağıdaki kodu yapıştırın;

<script src="http://js-kit.com/ratings.js"></script>

Konunun üzerinde nasıl göründüğünü merak ediyorsanız buradan bakabilirsiniz.


Yapamadığınız bir şey olursa "YORUM" kısmında belirtebilirsiniz.

bu yazıyı begendin mi eklentisi, bu yaziyi begen, Blogger Eklentisi, bloggere bu yaziyi begen eklentisi, blogger oylama, blogger yildizli oylama, blogger like, blogger like kod, blogger kod, bloglamazamani, blogger eklentileri, daha iyi bloglar

Facebook Beğen Butonu Nasıl Eklenir

Sosyal ağlarda ürününüz veya web siteniz ile ilgili oluşturacağımız bir profil, sayfa veya grup ziyaretçilerin sitemize yönlenmesinde önemli rol oynamaktadır. Profil, grup veya sayfadan genel bir bilgi edinen ziyaretçi eğer ilgisini çekerse sitemizi ziyaret edecektir.Buda sosyal ağlar üzerinden trafik sağlamaktır yani sitenizin hit ‘ini sosyal ağlar üzerinden çoğaltma imkanı demektir. Sitemize bedava ziyaretçi anlamındadır.
Bu kapsamda sitenize facebook beğen düğmesini (buton) nasıl ekliyeceğini izah etmeye calışacağım.

Facebook beğen düğmesini siteme (buton) Nasıl Eklenirim ? Facebook beğen düğmesi için siteme hangi Kodları Eklemem Lazım ? Facebook beğen kodları nerden Alınır ?

Öncelikle yapmanız gereken,  http://developers.facebook.com/docs/plugins/ sayfasına girmek.
Facebook ‘un sosyal paylaşımlar için hazırladığı sayfaya girdiğinizde…
Social Plugins başlığı altında Like Button (beğen butonu) Send Button (gönder butonu), Comments (yorum eklemek) Like Box (beğen kutusu) Registration (facebook ile bağlan) gibi sosyal eklentileri sitenize nasıl ekliyeceğiniz hakkında detaylı açıklamalar ve eklemeniz gereken kodlar mevcut, ingilizcesi iyi olanlar entegre aşamasında zorlanmayacaktır.

Facebook Beğen Düğmesi

Örneğin sitemize bir makale veya bir yazı yazdık, yada paylaşımda bulunduk bu yazımıza beğen butonunu nasıl ekleriz bunu belirtelim…  http://developers.facebook.com/docs/plugins/ adresine girdiğinizde ik sırada yer alan  Like Button ‘u tıkladığınızda…

Resimdede görüldüğü gibi karşınıza bir kutu çıkacaktır,
sırası ile ben örnekte belirttim sanalzade olarak yazdım siz sitenizin ismini yazın ve diğer kısımlarıda sitenizde nasıl görünmesini istiyorsanız,
Layout Style: standart ve Button count diye iki seçenek var. Eğer standartı seçerseniz Beğen düğmesinin yanında bir de (Arkadaşların arasında bunu beğenen ilk kişi ol.) eğer daha önce beğenen varsa (Bunu bir kişi beğendi. Arkadaşların arasında ilk sen beğen.) gibi bir yazı çıkar.) ve witdth 450 standarttır ve yazı veya makalelerin altına eklendiği varsayımı ile değer verilmiştir eğer siz sadece butonu yazı başında veya site şablonuzda sosyal paylaşım alanı belirlediyseniz onun boyutuna göre ayarlayabilirsiniz 450 değerini 100 150 vs yapabilirsiniz.
Show faces: işaretli olursa yazıyı beğenenlerin profil resimleri beğen düğmesinin altında yer alır.
Yine aynı şekilde light ‘ı dark yapabilir, font ailesini arial, tahoma gibi sitenizin fontuna göre uyum sağlattırabilirsiniz.
Tüm bu işlemleri gerçekleştirden sonra ”Get Code” yi tıkladığınızda.. size  HTML5, XFBML,IFRAME şeklinde 3 değişik kod verecektir.
Hangisini isterseniz, aldığınız o kodu beğen düşmesini nerde göstermek isterseniz o kısıma eklemeniz yeterli olacaktır
Beğen koduna örnek vericek olursak iframe şeklinde kod aldığınızı varsayalım ;

1

<iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.sanalzade.com%2F&amp;send=false&amp;layout=standard&amp;width=450&amp;show_faces=true&amp;action=like&amp;colorscheme=light&amp;font&amp;height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowTransparency="true"></iframe>

Blogger "Facebook Beğen Butonu" Eklemek

Bugün sizlere bloğunuza eklediğiniz içeriklerin sonuna "Facebook Beğen Butonu" Eklemeyi anlatacağız."Facebook Beğen Butonu"nu bloğuma eklemenin bena ne faydası var? diyorsanız."Facebook Beğen Butonu" nun içeriklerimizin hemen altında  bulunması, yazdığımız yazıların okuyucular tarafından beğenilip beğenilmediği hakkında bize, geri dönüt sağlayacaktır.Ayrıca sosyal medyanın iç savaş çıkaracak güçte olduğu çağımızda(Arap Baharı),sosyal medyanın nimetlerinden sonuna kadar faydalanmak gerekir diye düşünüyorum.

"Facebook Beğen"  Butonun Bloğuna Eklemek için:

Kumanda Paneli>Taasrım>Htmlyi Düzenle Sayfasına geliyoruz. Widget Şablonlarını Genişlet Kutucuğunu İşaretliyoruz.

Kodlar içerisinde aşşağıdaki kodu buluyoruz.

<div class='post-footer'>

Aşşağıdaki kodu da kopyalayıp yukarıda bulduğumuz koddan önceki kısma yapıştırıyoruz.

<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/>

Blogger Sağ ve Sol Tuş Engelleme Kodu

Eminim benim gibi birçok blog kullanıcısı yazılarının farklı bloglarda kendisinden izinsiz yayınlanmasından rahatsızdır. Saatlerce uğraşılıp emek verilerek açılan konuları 10 dk sonra başka bir blog kendisi hazırlamış gibi göstererek yayınlıyorsa buna dur demenin zamanı gelmiştir.

Yazıların kopyalanmasına engel olmak için farklı yöntemler var. Dmca ile yazıları siteyi lisanslamak, hukuksal yollara başvurmak, sağ - sol tuş engellemek gibi..

Ben işin biraz da kolayına kaçıp sizlere blogunuzda sağ ve sol tıklamayı nasıl engelleyebileceğinizi anlatacağım. Bunun için internette biraz araştırma yaptım ve en basit ve kullanışlı kodları buldum.

Kullanım;

Html'yi Düzenle kısmından CTRL+F komutu ile aşağıdaki kodu bulun

<head>

Yukarıdaki kodun hemen altına aşağıdaki kodu kopyalayıp yapıştırın.

<script language='JavaScript1.2'>

//Disable select-text script (IE4+, NS6+)- By Andy Scott
//Exclusive permission granted to Dynamic Drive to feature script
//Visit http://www.dynamicdrive.com for this script

function disableselect(e){
return false
}

function reEnable(){
return true
}

//if IE4+
document.onselectstart=new Function (&quot;return false&quot;)

//if NS6
if (window.sidebar){
document.onmousedown=disableselect
document.onclick=reEnable
}
</script>
<script language='JavaScript'>
function none(){
return false;
}

document.oncontextmenu=none
document.onmousedown=none
</script>

Temanızı kaydedin.

Kodları chrome, firefox, ie ve opera tarayıcılarında denedim sorunsuz çalışıyor. İnternette bulacağınız diğer kodlar ie'de sol tuşu engellemiyordu, küçük bir araştırmayla o sorunu da çözdüm.
Bir nebze rahatladığınızı düşünüyorum...

İyi bloglamalar...

Kullanışlı Blogger Temaları #4 Bunlar en iyisi

Legit

Önizleme İndir

ADSimple

Önizleme İndir

Johny Jazzytube

Önizleme İndir

Ultimate Store Blogger Template

Önizleme İndir

GZ Blogger Template (Premium)

Önizleme İndir

Bamz Magazine

Önizleme İndir

Personified

Önizleme İndir

3.tema gerçekten güzel ve kullanışlıdır

Bir teşekkür yeter arkadaşlar, iyi bloglamalar...