BlogEklentinK

zzzzz-166x125_2b538f7568f11912ed15be0ef32ae28b

Bloguna Renkli Sosyal Ağlar Ekle

Kod Açıklaması

Kod İçerisinde #google , #facebook gibi yerlere yönlendirilecek sosyal ağ adreslerini yazınız.
KOD KAYNAK BELİRTİLMEDEN ALINTI YAPILAMAZ

Kod Önizleme

Mause İle Ağların Üzerine Gelmeden Önce:

Mause İle Ağların Üzerine Geldikten Sonra

Sitene Ekliyeceğin Kod

/* UST SOSYAL */ .sosyalust { float: right;font-weight:bold;font-size: 30px;} .sosyalust a {float: left;height: 40px; padding: 20px 20px 0px 20px;color:#fff;text-decoration:none;} span.facebook a {border-top:5px solid #3b5998;border-bottom:5px solid #3b5998;color:#3b5998;} span.facebook a:hover {background:#3b5998;color:#fff;} span.twitter a {border-top:5px solid #28c8fc;border-bottom:5px solid #28c8fc;color:#28c8fc;} span.twitter a:hover {background:#28c8fc;color:#fff;} span.gplus a {border-top:5px solid #ca3f2f;border-bottom:5px solid #ca3f2f;color:#ca3f2f;} span.gplus a:hover {background:#ca3f2f;color:#fff;} span.rss a {border-top:5px solid #fe6902;border-bottom:5px solid #fe6902;color:#fe6902;} span.rss a:hover {background:#fe6902;color:#fff;} span.youtube a {border-top:5px solid #ff0000;border-bottom:5px solid #ff0000;color:#ff0000;} span.youtube a:hover {background:#ff0000;color:#fff;}

<div class='sosyalust'>
 <span class='facebook'><a class='hint--bottom' data-hint='Facebook sayfasını beğen!' href='#facebook' _fcksavedurl='#facebook'>F</a></span> <span class='twitter'><a class='hint--bottom' data-hint='Twitter ile takip et!' href='#twitter' _fcksavedurl='#twitter'>T</a></span> <span class='gplus'><a class='hint--bottom' data-hint='Google+ ile takip et!' href='#google' _fcksavedurl='#google'>G</a></span> <span class='rss'><a class='hint--bottom' data-hint='RSS'e abone ol!' href='#rss' _fcksavedurl='#rss'>R</a></span> <span class='youtube'><a class='hint--bottom' data-hint='Youtube'İle Takip Et' href='#youtube' _fcksavedurl='#youtube'>Y</a></span> </div>
<div id='govde'>

Uyumlu Tarayıcılar

Sosyal Ağlı Muhteşem Duyuru Şerit Kodu | İlk Bizde |

Kod Açıklaması

Kod İçerisinde "https://www.facebook.com/pages/Satistayiz/403469343071792 ve https://twitter.com/satistayiz" Yazan Yerlere Kendi Facebook Ve Twitter Adresinizi Yazın..
Ve Merhabalar..Sitemizdeki Her Konuya Yorum Atma Gereğinde Bulununuz Lütfen.. Bu Yazıyı Html Kod İçerisinde Bulup Değiştirebilirsiniz..

Kod Önizleme

Demo

Sitene Ekliyeceğin Kod

.duyurum {
    background: #FFF6BF;
    border-top: 3px solid #FFD324;
    border-bottom: 3px solid #FFD324;
    text-align: center;
    margin: 10px auto;
    padding: 5px 20px;
}

.duyurum2 {
    background: #D6ECA6;
    border-top: 3px solid #8DC93E;
    border-bottom: 3px solid #8DC93E;
    text-align: center;
    margin: 10px auto;
    padding: 5px 20px;
}

.duyurum3 {
    background: #ADCBE7;
    border-top: 3px solid #0F5C8E;
    border-bottom: 3px solid #0F5C8E;
    text-align: center;
    margin: 10px auto;
    padding: 5px 20px;
}

<p class="duyurum">
Merhabalar..Sitemizdeki Her Konuya Yorum Atma Gereğinde Bulununuz Lütfen..
<script type="text/javascript">

var persistclose=0 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session

var startX = 0 //set x offset of bar in pixels

var startY = 0 //set y offset of bar in pixels

var verticalpos="fromtop" //enter "fromtop" or "frombottom"



function iecompattest(){

return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body

}



function get_cookie(Name) {

var search = Name + "="

var returnvalue = "";

if (document.cookie.length > 0) {

offset = document.cookie.indexOf(search)

if (offset != -1) {

offset += search.length

end = document.cookie.indexOf(";", offset);

if (end == -1) end = document.cookie.length;

returnvalue=unescape(document.cookie.substring(offset, end))

}

}

return returnvalue;

}



function closebar(){

if (persistclose)

document.cookie="remainclosed=1"

document.getElementById("topbar").style.visibility="hidden"

}



function staticbar(){

barheight=document.getElementById("topbar").offsetHeight

var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;

var d = document;

function ml(id){

var el=d.getElementById(id);

if (!persistclose || persistclose && get_cookie("remainclosed")=="")

el.style.visibility="visible"

if(d.layers)el.style=el;

el.sP=function(x,y){this.style.right=x+"px";this.style.top=y+"px";};

el.x = startX;

if (verticalpos=="fromtop")

el.y = startY;

else{

el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;

el.y -= startY;

}

return el;

}

window.stayTopright=function(){

if (verticalpos=="fromtop"){

var pY = ns ? pageYOffset : iecompattest().scrollTop;

ftlObj.y += (pY + startY - ftlObj.y)/8;

}

else{

var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;

ftlObj.y += (pY - startY - ftlObj.y)/8;

}

ftlObj.sP(ftlObj.x, ftlObj.y);

setTimeout("stayTopright()", 10);

}

ftlObj = ml("topbar");

stayTopright();

}



if (window.addEventListener)

window.addEventListener("load", staticbar, false)

else if (window.attachEvent)

window.attachEvent("onload", staticbar)

else if (document.getElementById)

window.onload=staticbar

</br>
</br>
</script>
<div id="topbar" style="position: absolute; right: 15px; top: 330px; width: 95px; height: 100%">
<br />
<a onClick="(); return false" href="https://www.facebook.com/pages/Satistayiz/403469343071792" title="Facebook | Satistayiz.10tl.net Facebook Sayfası">   <img src="http://www.turuncuyesil.com/images/Facebook-icon.png" border="0" width="32" height="32" alt="" title="Satistayiz" alt="Satistayiz" /></a>
<a href="https://twitter.com/satistayiz" title="Twitter @satistayiz [Satistayiz.10tl.net Twitter Sayfası]"><img src="http://icons.iconarchive.com/icons/designbolts/free-ribbon-social/32/Twitter-icon.png" border="0" width="32" height="32" alt="" title="Satistayiz" alt="Satistayiz" /></a></div>
</p>

Animasyonlu Buton Eklentisi

Kod Açıklaması

Kod İçerisinde BlogEklentinK Yazan Yerlere Kutu İçerisinde Yazıcak Olan Yazıyı Yazın LİNK/URL Yazan Yere İse Yönlendirme Yapılacak Adresi Yazın..

Kod Önizleme

Demo

Sitene Ekliyeceğin Kod

.button{
font:15px Calibri, Arial, sans-serif;
text-shadow:1px 1px 0 rgba(255,255,255,0.4);
text-decoration:none !important;
white-space:nowrap;
display:inline-block;
vertical-align:baseline;
position:relative;
cursor:pointer;
padding:10px 20px;
background-repeat:no-repeat;
background-position:bottom left;
background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQ6yanCxhW6785kBtxpxa9cSRftmOCyLo7Ap3y_0v2T-8boYdOSOYWBpIiFbSrpGO979cY21HuILbjhyphenhyphenLwOR8c7tWfR_y8EahKMRdvoHce0SVDqruHTpJ8srsj1KSbWEYezkcQJbrJMspd/s144/button_bg.png');
background-position:bottom left, top right, 0 0, 0 0;
background-clip:border-box;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
-moz-box-shadow:0 0 1px #fff inset;
-webkit-box-shadow:0 0 1px #fff inset;
box-shadow:0 0 1px #fff inset;
-webkit-transition:background-position 1s;
-moz-transition:background-position 1s;
transition:background-position 1s;
}
.button:hover{
background-position:top left;
background-position:top left, bottom right, 0 0, 0 0;
}
.button:active{
bottom:-1px;
}
/* The three buttons sizes */
.button.big { font-size:30px;}
.button.medium { font-size:18px;}
.button.small { font-size:13px;}
/* BlueButton */
.blue.button{
color:#0f4b6d !important;
border:1px solid #84acc3 !important;
background-color: #48b5f2;
background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQ6yanCxhW6785kBtxpxa9cSRftmOCyLo7Ap3y_0v2T-8boYdOSOYWBpIiFbSrpGO979cY21HuILbjhyphenhyphenLwOR8c7tWfR_y8EahKMRdvoHce0SVDqruHTpJ8srsj1KSbWEYezkcQJbrJMspd/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQ6yanCxhW6785kBtxpxa9cSRftmOCyLo7Ap3y_0v2T-8boYdOSOYWBpIiFbSrpGO979cY21HuILbjhyphenhyphenLwOR8c7tWfR_y8EahKMRdvoHce0SVDqruHTpJ8srsj1KSbWEYezkcQJbrJMspd/s144/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/AVvXsEgQ6yanCxhW6785kBtxpxa9cSRftmOCyLo7Ap3y_0v2T-8boYdOSOYWBpIiFbSrpGO979cY21HuILbjhyphenhyphenLwOR8c7tWfR_y8EahKMRdvoHce0SVDqruHTpJ8srsj1KSbWEYezkcQJbrJMspd/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQ6yanCxhW6785kBtxpxa9cSRftmOCyLo7Ap3y_0v2T-8boYdOSOYWBpIiFbSrpGO979cY21HuILbjhyphenhyphenLwOR8c7tWfR_y8EahKMRdvoHce0SVDqruHTpJ8srsj1KSbWEYezkcQJbrJMspd/s144/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/AVvXsEgQ6yanCxhW6785kBtxpxa9cSRftmOCyLo7Ap3y_0v2T-8boYdOSOYWBpIiFbSrpGO979cY21HuILbjhyphenhyphenLwOR8c7tWfR_y8EahKMRdvoHce0SVDqruHTpJ8srsj1KSbWEYezkcQJbrJMspd/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQ6yanCxhW6785kBtxpxa9cSRftmOCyLo7Ap3y_0v2T-8boYdOSOYWBpIiFbSrpGO979cY21HuILbjhyphenhyphenLwOR8c7tWfR_y8EahKMRdvoHce0SVDqruHTpJ8srsj1KSbWEYezkcQJbrJMspd/s144/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/AVvXsEgQ6yanCxhW6785kBtxpxa9cSRftmOCyLo7Ap3y_0v2T-8boYdOSOYWBpIiFbSrpGO979cY21HuILbjhyphenhyphenLwOR8c7tWfR_y8EahKMRdvoHce0SVDqruHTpJ8srsj1KSbWEYezkcQJbrJMspd/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQ6yanCxhW6785kBtxpxa9cSRftmOCyLo7Ap3y_0v2T-8boYdOSOYWBpIiFbSrpGO979cY21HuILbjhyphenhyphenLwOR8c7tWfR_y8EahKMRdvoHce0SVDqruHTpJ8srsj1KSbWEYezkcQJbrJMspd/s144/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/AVvXsEgQ6yanCxhW6785kBtxpxa9cSRftmOCyLo7Ap3y_0v2T-8boYdOSOYWBpIiFbSrpGO979cY21HuILbjhyphenhyphenLwOR8c7tWfR_y8EahKMRdvoHce0SVDqruHTpJ8srsj1KSbWEYezkcQJbrJMspd/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQ6yanCxhW6785kBtxpxa9cSRftmOCyLo7Ap3y_0v2T-8boYdOSOYWBpIiFbSrpGO979cY21HuILbjhyphenhyphenLwOR8c7tWfR_y8EahKMRdvoHce0SVDqruHTpJ8srsj1KSbWEYezkcQJbrJMspd/s144/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/AVvXsEgQ6yanCxhW6785kBtxpxa9cSRftmOCyLo7Ap3y_0v2T-8boYdOSOYWBpIiFbSrpGO979cY21HuILbjhyphenhyphenLwOR8c7tWfR_y8EahKMRdvoHce0SVDqruHTpJ8srsj1KSbWEYezkcQJbrJMspd/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQ6yanCxhW6785kBtxpxa9cSRftmOCyLo7Ap3y_0v2T-8boYdOSOYWBpIiFbSrpGO979cY21HuILbjhyphenhyphenLwOR8c7tWfR_y8EahKMRdvoHce0SVDqruHTpJ8srsj1KSbWEYezkcQJbrJMspd/s144/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/AVvXsEgQ6yanCxhW6785kBtxpxa9cSRftmOCyLo7Ap3y_0v2T-8boYdOSOYWBpIiFbSrpGO979cY21HuILbjhyphenhyphenLwOR8c7tWfR_y8EahKMRdvoHce0SVDqruHTpJ8srsj1KSbWEYezkcQJbrJMspd/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQ6yanCxhW6785kBtxpxa9cSRftmOCyLo7Ap3y_0v2T-8boYdOSOYWBpIiFbSrpGO979cY21HuILbjhyphenhyphenLwOR8c7tWfR_y8EahKMRdvoHce0SVDqruHTpJ8srsj1KSbWEYezkcQJbrJMspd/s144/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/AVvXsEgQ6yanCxhW6785kBtxpxa9cSRftmOCyLo7Ap3y_0v2T-8boYdOSOYWBpIiFbSrpGO979cY21HuILbjhyphenhyphenLwOR8c7tWfR_y8EahKMRdvoHce0SVDqruHTpJ8srsj1KSbWEYezkcQJbrJMspd/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQ6yanCxhW6785kBtxpxa9cSRftmOCyLo7Ap3y_0v2T-8boYdOSOYWBpIiFbSrpGO979cY21HuILbjhyphenhyphenLwOR8c7tWfR_y8EahKMRdvoHce0SVDqruHTpJ8srsj1KSbWEYezkcQJbrJMspd/s144/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/AVvXsEgQ6yanCxhW6785kBtxpxa9cSRftmOCyLo7Ap3y_0v2T-8boYdOSOYWBpIiFbSrpGO979cY21HuILbjhyphenhyphenLwOR8c7tWfR_y8EahKMRdvoHce0SVDqruHTpJ8srsj1KSbWEYezkcQJbrJMspd/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQ6yanCxhW6785kBtxpxa9cSRftmOCyLo7Ap3y_0v2T-8boYdOSOYWBpIiFbSrpGO979cY21HuILbjhyphenhyphenLwOR8c7tWfR_y8EahKMRdvoHce0SVDqruHTpJ8srsj1KSbWEYezkcQJbrJMspd/s144/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/AVvXsEgQ6yanCxhW6785kBtxpxa9cSRftmOCyLo7Ap3y_0v2T-8boYdOSOYWBpIiFbSrpGO979cY21HuILbjhyphenhyphenLwOR8c7tWfR_y8EahKMRdvoHce0SVDqruHTpJ8srsj1KSbWEYezkcQJbrJMspd/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQ6yanCxhW6785kBtxpxa9cSRftmOCyLo7Ap3y_0v2T-8boYdOSOYWBpIiFbSrpGO979cY21HuILbjhyphenhyphenLwOR8c7tWfR_y8EahKMRdvoHce0SVDqruHTpJ8srsj1KSbWEYezkcQJbrJMspd/s144/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/AVvXsEgQ6yanCxhW6785kBtxpxa9cSRftmOCyLo7Ap3y_0v2T-8boYdOSOYWBpIiFbSrpGO979cY21HuILbjhyphenhyphenLwOR8c7tWfR_y8EahKMRdvoHce0SVDqruHTpJ8srsj1KSbWEYezkcQJbrJMspd/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQ6yanCxhW6785kBtxpxa9cSRftmOCyLo7Ap3y_0v2T-8boYdOSOYWBpIiFbSrpGO979cY21HuILbjhyphenhyphenLwOR8c7tWfR_y8EahKMRdvoHce0SVDqruHTpJ8srsj1KSbWEYezkcQJbrJMspd/s144/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/AVvXsEgQ6yanCxhW6785kBtxpxa9cSRftmOCyLo7Ap3y_0v2T-8boYdOSOYWBpIiFbSrpGO979cY21HuILbjhyphenhyphenLwOR8c7tWfR_y8EahKMRdvoHce0SVDqruHTpJ8srsj1KSbWEYezkcQJbrJMspd/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQ6yanCxhW6785kBtxpxa9cSRftmOCyLo7Ap3y_0v2T-8boYdOSOYWBpIiFbSrpGO979cY21HuILbjhyphenhyphenLwOR8c7tWfR_y8EahKMRdvoHce0SVDqruHTpJ8srsj1KSbWEYezkcQJbrJMspd/s144/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));
}
/* Orange Button */
.gray.button{
color:#525252 !important;
border:1px solid #a5a5a5 !important;
background-color: #a9adb1;
background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQ6yanCxhW6785kBtxpxa9cSRftmOCyLo7Ap3y_0v2T-8boYdOSOYWBpIiFbSrpGO979cY21HuILbjhyphenhyphenLwOR8c7tWfR_y8EahKMRdvoHce0SVDqruHTpJ8srsj1KSbWEYezkcQJbrJMspd/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQ6yanCxhW6785kBtxpxa9cSRftmOCyLo7Ap3y_0v2T-8boYdOSOYWBpIiFbSrpGO979cY21HuILbjhyphenhyphenLwOR8c7tWfR_y8EahKMRdvoHce0SVDqruHTpJ8srsj1KSbWEYezkcQJbrJMspd/s144/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/AVvXsEgQ6yanCxhW6785kBtxpxa9cSRftmOCyLo7Ap3y_0v2T-8boYdOSOYWBpIiFbSrpGO979cY21HuILbjhyphenhyphenLwOR8c7tWfR_y8EahKMRdvoHce0SVDqruHTpJ8srsj1KSbWEYezkcQJbrJMspd/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQ6yanCxhW6785kBtxpxa9cSRftmOCyLo7Ap3y_0v2T-8boYdOSOYWBpIiFbSrpGO979cY21HuILbjhyphenhyphenLwOR8c7tWfR_y8EahKMRdvoHce0SVDqruHTpJ8srsj1KSbWEYezkcQJbrJMspd/s144/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/AVvXsEgQ6yanCxhW6785kBtxpxa9cSRftmOCyLo7Ap3y_0v2T-8boYdOSOYWBpIiFbSrpGO979cY21HuILbjhyphenhyphenLwOR8c7tWfR_y8EahKMRdvoHce0SVDqruHTpJ8srsj1KSbWEYezkcQJbrJMspd/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQ6yanCxhW6785kBtxpxa9cSRftmOCyLo7Ap3y_0v2T-8boYdOSOYWBpIiFbSrpGO979cY21HuILbjhyphenhyphenLwOR8c7tWfR_y8EahKMRdvoHce0SVDqruHTpJ8srsj1KSbWEYezkcQJbrJMspd/s144/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/AVvXsEgQ6yanCxhW6785kBtxpxa9cSRftmOCyLo7Ap3y_0v2T-8boYdOSOYWBpIiFbSrpGO979cY21HuILbjhyphenhyphenLwOR8c7tWfR_y8EahKMRdvoHce0SVDqruHTpJ8srsj1KSbWEYezkcQJbrJMspd/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQ6yanCxhW6785kBtxpxa9cSRftmOCyLo7Ap3y_0v2T-8boYdOSOYWBpIiFbSrpGO979cY21HuILbjhyphenhyphenLwOR8c7tWfR_y8EahKMRdvoHce0SVDqruHTpJ8srsj1KSbWEYezkcQJbrJMspd/s144/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));
}

<a class="button big blue" href="LİNK/URL" target="_blank">BlogEklentinK</a>

<a class="button big orange" href="LİNK/URL" target="_blank">BlogEklentinK</a>

<a class="button big green" href="LİNK/URL" target="_blank">BlogEklentinK</a>

<a class="button big gray" href="LİNK/URL" target="_blank">BlogEklentinK</a>

Bloggere Resimleri Soluklaştırma Efekti Ekle

Kod Açıklaması

Bir çok Blog sitesinde sanıyorum ki görmüşsünüz, resim soluk iken imleç ile üzerine gelindiğinde orjinal renk tonuna dönüşen efekt eklentisi vardır bizler de bugün Blog kullanıcılarının faydalanması adına sizlere sunuyoruz.

Kod Önizleme

Demo

Sitene Ekliyeceğin Kod

Kumanda paneli ➜ Şablon ➜ HTML'yi düzenle yolunu takip ederek blog kodlarımızın açık halde bulunduğu modüle gidin, hemen ardından Widget Şablonlarını Genişlet seçeneğini seçip Ctrl ve F tuşlarına aynı anda basarak, açılan arama formunda ifadesini aratın. Bulunan kodumuzun üzerine aşağıdaki kodlarımızı ekleyin.

 <style type="text/css">
a.linkopacity img {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
-khtml-opacity: 0.5;}
a.linkopacity:hover img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0; }
</style>

Şablon ile işimiz bitti. Şimdi ise soldurma efektini resimlere nasıl uygulayabileceğiz onu sizlere anlatacağız.

 <a class="linkopacity" href="Yönlendirilecek adres linkiniz" target="_blank" alt="Resim açıklaması">
<img src="Resim URL adresi" /> </a>

Blogger Tema Yükleme

Merhaba arkadaşlar gene bir anlatım ile karşınızdayım..Bu sefer ki anlatım da Blogger'a yeni başlayan arkadaşlar için nasıl tema yükleneceğini anlatacağım.Öncelikle anlatımın bana ait olduğunu belirtmek isterim,alıntı değildir..

Anlatımımıza başlayalım ....

Öncelikle Bilgisayarımıza İndirdiğimiz .zip dosyasında ki .xml belgesini masaüstüne atalım.İşimiz onunla olacaktır.

Daha Sonra Blogger profilimize giriş yapalım.Blogumzu seçelim karşımıza böyle bir ekran çıkacaktır.Numaralara göre açıklama yapacağım.

1.)ŞABLON'a tıklayalım..

2.)YEDEKLE/GERİ YÜKLE butonuna tıklayalım..

3.) DOSYA SEÇ deyip masaüstümüz'deki .xml dosyamızı seçelim..

4.) Dosya'yı seçtiğimiz de YÜKLE butonu tıklanabilecek duruma gelecektir..

Tema yükleme kısaca böyleydi ..

Hatırlatmakta fayda var temayı seçtikten sonra bazı widgetlerin tutulup tutulmayacağı sorulur ona Widgetleri Sil demenizi öneririm aksi halde onları daha sonraları silmekte zorlanabilirsiniz...

Sponsor Reklamlar

Kategoriler

BlogEklentinK

Arquivo do blog

Tags

Dostlarım

Dinlediklerim

Follow Me @ SoraTemplates

Popular Posts

#Son Eklenen

Author

Uyarı

Facebook

About