Blogger Resimli Son Yazılar Eklentisi

Benimde Kullanmış Olduğum Son Yazılar Eklentisini Sizlere Sunuyorum. Bu Eklenti Her Blogda Olmazsa Olmazlardan Şimdi Sizde Sıra Sizde Koyun.














Kodu Gadget Ekleden HTML/JAVASCRİPT'e Tıklayıp Ekliyoruz.

<style>
img.recent_thumb {
width:70px;height:55px; border: 1px solid #e3e3e3; padding:3px; float:left;margin:0px 5px 5px 5px;
}
.recent_posts_with_thumbs {
float: left; width: 100%;min-height: 65px; margin: 5px 0px 5px 0px;padding-left: 5px; font-size:12px;
}
ul.recent_posts_with_thumbs li {
padding-bottom:5px;padding-top:5px;min-height:65px;
}
.recent_posts_with_thumbs a {text-decoration:none;
}
.recent_posts_with_thumbs strong 
{
padding-left: 5px;
}
</style>


<script style='text/javascript'>
function showrecentpostswiththumbs(json) {document.write('<ul class="recent_posts_with_thumbs">'); for (var i = 0; i < numposts; i++) {var entry = json.feed.entry[i];var posttitle = entry.title.$t;var posturl;if (i == json.feed.entry.length) break;for (var k = 0; k < entry.link.length;k++){
if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){var commenttext=entry.link[k].title;var commenturl=entry.link[k].href;}
if (entry.link[k].rel == 'alternate') {posturl = entry.link[k].href;break;}}var thumburl;try {thumburl=entry.media$thumbnail.url;}catch (error)


{
s=entry.content.$t;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){
thumburl=d;} else thumburl='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFYJJo5eum-7L5RHX577whPXCQLsaoeN7JpTUBAXp7IGedphEltuKFtRjqx5aY70Ca0OTNT266T4z3U9mxHt4hWnFSs8pIMkysXBVXeJ8lMbRMFg-SCiZ_gzD2Fw2azj5N3mrJLvBoE54/s400/noimage.png';

}


var postdate = entry.published.$t;var cdyear = postdate.substring(0,4);var cdmonth = postdate.substring(5,7);var cdday = postdate.substring(8,10);var monthnames = new Array();monthnames[1] = "Jan";monthnames[2] = "Feb";monthnames[3] = "Mar";monthnames[4] = "Apr";monthnames[5] = "May";monthnames[6] = "Jun";monthnames[7] = "Jul";monthnames[8] = "Aug";monthnames[9] = "Sep";monthnames[10] = "Oct";monthnames[11] = "Nov";monthnames[12] = "Dec";document.write('<li class="clearfix">');


if(showpostthumbnails==true) 
document.write('<img class="recent_thumb" src="'+thumburl+'"/>');
document.write('<b><a href="'+posturl+'" target ="_top">'+posttitle+'</a></b><br>');

    if ("content" in entry) {
      var postcontent = entry.content.$t;}
    else
    if ("summary" in entry) {
      var postcontent = entry.summary.$t;}
    else var postcontent = "";
    var re = /<\S[^>]*>/g; 
    postcontent = postcontent.replace(re, "");


if (showpostsummary == true) {

      if (postcontent.length < numchars) {
          document.write('');
         document.write(postcontent);
          document.write('');}
      else {
          document.write('');
         postcontent = postcontent.substring(0, numchars);
         var quoteEnd = postcontent.lastIndexOf(" ");
         postcontent = postcontent.substring(0,quoteEnd);
         document.write(postcontent + '...');
          document.write('');}
}

var towrite='';var flag=0;
document.write('<br><strong>');

if(showpostdate==true) {towrite=towrite+monthnames[parseInt(cdmonth,10)]+'-'+cdday+' - '+cdyear;flag=1;}

if(showcommentnum==true) 
{
if (flag==1) {towrite=towrite+' | ';}
if(commenttext=='1 Comments') commenttext='1 Comment';
if(commenttext=='0 Comments') commenttext='No Comments';
commenttext = '<a href="'+commenturl+'" target ="_top">'+commenttext+'</a>';
towrite=towrite+commenttext;
flag=1;
;
}

if(displaymore==true) 
{
if (flag==1) towrite=towrite+' | ';
towrite=towrite+'<a href="'+posturl+'" class="url" target ="_top">More -></a>';
flag=1;
;
}




document.write(towrite);

document.write('</strong></li>');
if(displayseparator==true) 
if (i!=(numposts-1))
document.write('<hr size=0.5>');
}document.write('</ul>');



}
var numposts = 5;
var showpostthumbnails = true;
var displaymore = false;
var displayseparator = false;
var showcommentnum = false;
var showpostdate = false;
var showpostsummary = true;
var numchars = 80;
</script>

<script src='http://erencakiciprogram.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script>

Kodu Eklemeniz Yeter.

Animasyonlu Buton HTML Kodu

Blogunuza Animasyonlu Buton Ekleyin Hemde Çok Kolay.

Bulunacak Kod :

Eğer Bulamıyorsanız Widget Genişleti İşaretliyin.

]]></b:skin>










Hemen Yukarısına Eklenecek 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/AVvXsEgbTVgrYiybzAXvkL7d6HTs8zqrFNzY6dCA8lfbWni4H_tUMOoab1xWDwNDf6L8-E41bN76itRss0GWNcEMhN30kbyAWpWzisQSfzpcbH6LNnzgc_Jl_EZqPpVplkznhBg6PmSmhAvJVut9/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/AVvXsEgbTVgrYiybzAXvkL7d6HTs8zqrFNzY6dCA8lfbWni4H_tUMOoab1xWDwNDf6L8-E41bN76itRss0GWNcEMhN30kbyAWpWzisQSfzpcbH6LNnzgc_Jl_EZqPpVplkznhBg6PmSmhAvJVut9/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbTVgrYiybzAXvkL7d6HTs8zqrFNzY6dCA8lfbWni4H_tUMOoab1xWDwNDf6L8-E41bN76itRss0GWNcEMhN30kbyAWpWzisQSfzpcbH6LNnzgc_Jl_EZqPpVplkznhBg6PmSmhAvJVut9/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/AVvXsEgbTVgrYiybzAXvkL7d6HTs8zqrFNzY6dCA8lfbWni4H_tUMOoab1xWDwNDf6L8-E41bN76itRss0GWNcEMhN30kbyAWpWzisQSfzpcbH6LNnzgc_Jl_EZqPpVplkznhBg6PmSmhAvJVut9/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbTVgrYiybzAXvkL7d6HTs8zqrFNzY6dCA8lfbWni4H_tUMOoab1xWDwNDf6L8-E41bN76itRss0GWNcEMhN30kbyAWpWzisQSfzpcbH6LNnzgc_Jl_EZqPpVplkznhBg6PmSmhAvJVut9/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/AVvXsEgbTVgrYiybzAXvkL7d6HTs8zqrFNzY6dCA8lfbWni4H_tUMOoab1xWDwNDf6L8-E41bN76itRss0GWNcEMhN30kbyAWpWzisQSfzpcbH6LNnzgc_Jl_EZqPpVplkznhBg6PmSmhAvJVut9/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbTVgrYiybzAXvkL7d6HTs8zqrFNzY6dCA8lfbWni4H_tUMOoab1xWDwNDf6L8-E41bN76itRss0GWNcEMhN30kbyAWpWzisQSfzpcbH6LNnzgc_Jl_EZqPpVplkznhBg6PmSmhAvJVut9/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/AVvXsEgbTVgrYiybzAXvkL7d6HTs8zqrFNzY6dCA8lfbWni4H_tUMOoab1xWDwNDf6L8-E41bN76itRss0GWNcEMhN30kbyAWpWzisQSfzpcbH6LNnzgc_Jl_EZqPpVplkznhBg6PmSmhAvJVut9/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbTVgrYiybzAXvkL7d6HTs8zqrFNzY6dCA8lfbWni4H_tUMOoab1xWDwNDf6L8-E41bN76itRss0GWNcEMhN30kbyAWpWzisQSfzpcbH6LNnzgc_Jl_EZqPpVplkznhBg6PmSmhAvJVut9/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/AVvXsEgbTVgrYiybzAXvkL7d6HTs8zqrFNzY6dCA8lfbWni4H_tUMOoab1xWDwNDf6L8-E41bN76itRss0GWNcEMhN30kbyAWpWzisQSfzpcbH6LNnzgc_Jl_EZqPpVplkznhBg6PmSmhAvJVut9/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbTVgrYiybzAXvkL7d6HTs8zqrFNzY6dCA8lfbWni4H_tUMOoab1xWDwNDf6L8-E41bN76itRss0GWNcEMhN30kbyAWpWzisQSfzpcbH6LNnzgc_Jl_EZqPpVplkznhBg6PmSmhAvJVut9/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/AVvXsEgbTVgrYiybzAXvkL7d6HTs8zqrFNzY6dCA8lfbWni4H_tUMOoab1xWDwNDf6L8-E41bN76itRss0GWNcEMhN30kbyAWpWzisQSfzpcbH6LNnzgc_Jl_EZqPpVplkznhBg6PmSmhAvJVut9/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbTVgrYiybzAXvkL7d6HTs8zqrFNzY6dCA8lfbWni4H_tUMOoab1xWDwNDf6L8-E41bN76itRss0GWNcEMhN30kbyAWpWzisQSfzpcbH6LNnzgc_Jl_EZqPpVplkznhBg6PmSmhAvJVut9/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/AVvXsEgbTVgrYiybzAXvkL7d6HTs8zqrFNzY6dCA8lfbWni4H_tUMOoab1xWDwNDf6L8-E41bN76itRss0GWNcEMhN30kbyAWpWzisQSfzpcbH6LNnzgc_Jl_EZqPpVplkznhBg6PmSmhAvJVut9/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbTVgrYiybzAXvkL7d6HTs8zqrFNzY6dCA8lfbWni4H_tUMOoab1xWDwNDf6L8-E41bN76itRss0GWNcEMhN30kbyAWpWzisQSfzpcbH6LNnzgc_Jl_EZqPpVplkznhBg6PmSmhAvJVut9/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/AVvXsEgbTVgrYiybzAXvkL7d6HTs8zqrFNzY6dCA8lfbWni4H_tUMOoab1xWDwNDf6L8-E41bN76itRss0GWNcEMhN30kbyAWpWzisQSfzpcbH6LNnzgc_Jl_EZqPpVplkznhBg6PmSmhAvJVut9/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbTVgrYiybzAXvkL7d6HTs8zqrFNzY6dCA8lfbWni4H_tUMOoab1xWDwNDf6L8-E41bN76itRss0GWNcEMhN30kbyAWpWzisQSfzpcbH6LNnzgc_Jl_EZqPpVplkznhBg6PmSmhAvJVut9/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/AVvXsEgbTVgrYiybzAXvkL7d6HTs8zqrFNzY6dCA8lfbWni4H_tUMOoab1xWDwNDf6L8-E41bN76itRss0GWNcEMhN30kbyAWpWzisQSfzpcbH6LNnzgc_Jl_EZqPpVplkznhBg6PmSmhAvJVut9/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbTVgrYiybzAXvkL7d6HTs8zqrFNzY6dCA8lfbWni4H_tUMOoab1xWDwNDf6L8-E41bN76itRss0GWNcEMhN30kbyAWpWzisQSfzpcbH6LNnzgc_Jl_EZqPpVplkznhBg6PmSmhAvJVut9/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/AVvXsEgbTVgrYiybzAXvkL7d6HTs8zqrFNzY6dCA8lfbWni4H_tUMOoab1xWDwNDf6L8-E41bN76itRss0GWNcEMhN30kbyAWpWzisQSfzpcbH6LNnzgc_Jl_EZqPpVplkznhBg6PmSmhAvJVut9/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbTVgrYiybzAXvkL7d6HTs8zqrFNzY6dCA8lfbWni4H_tUMOoab1xWDwNDf6L8-E41bN76itRss0GWNcEMhN30kbyAWpWzisQSfzpcbH6LNnzgc_Jl_EZqPpVplkznhBg6PmSmhAvJVut9/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/AVvXsEgbTVgrYiybzAXvkL7d6HTs8zqrFNzY6dCA8lfbWni4H_tUMOoab1xWDwNDf6L8-E41bN76itRss0GWNcEMhN30kbyAWpWzisQSfzpcbH6LNnzgc_Jl_EZqPpVplkznhBg6PmSmhAvJVut9/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbTVgrYiybzAXvkL7d6HTs8zqrFNzY6dCA8lfbWni4H_tUMOoab1xWDwNDf6L8-E41bN76itRss0GWNcEMhN30kbyAWpWzisQSfzpcbH6LNnzgc_Jl_EZqPpVplkznhBg6PmSmhAvJVut9/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/AVvXsEgbTVgrYiybzAXvkL7d6HTs8zqrFNzY6dCA8lfbWni4H_tUMOoab1xWDwNDf6L8-E41bN76itRss0GWNcEMhN30kbyAWpWzisQSfzpcbH6LNnzgc_Jl_EZqPpVplkznhBg6PmSmhAvJVut9/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbTVgrYiybzAXvkL7d6HTs8zqrFNzY6dCA8lfbWni4H_tUMOoab1xWDwNDf6L8-E41bN76itRss0GWNcEMhN30kbyAWpWzisQSfzpcbH6LNnzgc_Jl_EZqPpVplkznhBg6PmSmhAvJVut9/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/AVvXsEgbTVgrYiybzAXvkL7d6HTs8zqrFNzY6dCA8lfbWni4H_tUMOoab1xWDwNDf6L8-E41bN76itRss0GWNcEMhN30kbyAWpWzisQSfzpcbH6LNnzgc_Jl_EZqPpVplkznhBg6PmSmhAvJVut9/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbTVgrYiybzAXvkL7d6HTs8zqrFNzY6dCA8lfbWni4H_tUMOoab1xWDwNDf6L8-E41bN76itRss0GWNcEMhN30kbyAWpWzisQSfzpcbH6LNnzgc_Jl_EZqPpVplkznhBg6PmSmhAvJVut9/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/AVvXsEgbTVgrYiybzAXvkL7d6HTs8zqrFNzY6dCA8lfbWni4H_tUMOoab1xWDwNDf6L8-E41bN76itRss0GWNcEMhN30kbyAWpWzisQSfzpcbH6LNnzgc_Jl_EZqPpVplkznhBg6PmSmhAvJVut9/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbTVgrYiybzAXvkL7d6HTs8zqrFNzY6dCA8lfbWni4H_tUMOoab1xWDwNDf6L8-E41bN76itRss0GWNcEMhN30kbyAWpWzisQSfzpcbH6LNnzgc_Jl_EZqPpVplkznhBg6PmSmhAvJVut9/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/AVvXsEgbTVgrYiybzAXvkL7d6HTs8zqrFNzY6dCA8lfbWni4H_tUMOoab1xWDwNDf6L8-E41bN76itRss0GWNcEMhN30kbyAWpWzisQSfzpcbH6LNnzgc_Jl_EZqPpVplkznhBg6PmSmhAvJVut9/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbTVgrYiybzAXvkL7d6HTs8zqrFNzY6dCA8lfbWni4H_tUMOoab1xWDwNDf6L8-E41bN76itRss0GWNcEMhN30kbyAWpWzisQSfzpcbH6LNnzgc_Jl_EZqPpVplkznhBg6PmSmhAvJVut9/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/AVvXsEgbTVgrYiybzAXvkL7d6HTs8zqrFNzY6dCA8lfbWni4H_tUMOoab1xWDwNDf6L8-E41bN76itRss0GWNcEMhN30kbyAWpWzisQSfzpcbH6LNnzgc_Jl_EZqPpVplkznhBg6PmSmhAvJVut9/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbTVgrYiybzAXvkL7d6HTs8zqrFNzY6dCA8lfbWni4H_tUMOoab1xWDwNDf6L8-E41bN76itRss0GWNcEMhN30kbyAWpWzisQSfzpcbH6LNnzgc_Jl_EZqPpVplkznhBg6PmSmhAvJVut9/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));
}










Kullanmak İçin :




<a class="button big blue" href="LİNK/URL" target="_blank">Buton Yazısı</a>



<a class="button big orange" href="LİNK/URL" target="_blank">Buton Yazısı</a>



<a class="button big green" href="LİNK/URL" target="_blank">Buton Yazısı</a>



<a class="button big gray" href="LİNK/URL" target="_blank">Buton Yazısı</a>







Kodlarını Kullanın Yeter.




Örnek :




Örnek - Eren

Deneme


Emeğe Saygı İçin Yorum Yapın

Blogunuza Kar Yağsın ( Yılbaşı Eklentisi ) Yeni

Sırayla Anlatıyorum :

• Yerleşim >> Gadget Ekle >> HTML/JavaScript yolu ile alttaki kodları ekliyoruz , başka bir şey yapmıyoruz..

<script type="text/javascript">

      
      //Configure below to change URL path to the snow image
      var snowsrc="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjojm9RIx7x6arXpkw9MFuMfU2hWoTMUnI8dVuzBFbga5T24DU7j2HrNT62ncMVjcfGLqqBVaxaUFc6UJUqF54RUQOEoUqL5HrSiKaZahUswLBYqNhD6C_RrD2Lrf2_I0wy9bNXYsfHcDk/s400/snow.gif"
      // Configure below to change number of snow to render
      var no = 15;
      // Configure whether snow should disappear after x seconds (0=never):
      var hidesnowtime = 0;
      // Configure how much snow should drop down before fading ("windowheight" or "pageheight")
      var snowdistance = "pageheight";

    ///////////Stop Config//////////////////////////////////

      var ie4up = (document.all) ? 1 : 0;
      var ns6up = (document.getElementById&&!document.all) ? 1 : 0;

        function iecompattest(){
        return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
        }

      var dx, xp, yp;    // coordinate and position variables
      var am, stx, sty;  // amplitude and step variables
      var i, doc_width = 800, doc_height = 600;
     
      if (ns6up) {
        doc_width = self.innerWidth;
        doc_height = self.innerHeight;
      } else if (ie4up) {
        doc_width = iecompattest().clientWidth;
        doc_height = iecompattest().clientHeight;
      }

      dx = new Array();
      xp = new Array();
      yp = new Array();
      am = new Array();
      stx = new Array();
      sty = new Array();
      snowsrc=(snowsrc.indexOf("dynamicdrive.com")!=-1)? "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjojm9RIx7x6arXpkw9MFuMfU2hWoTMUnI8dVuzBFbga5T24DU7j2HrNT62ncMVjcfGLqqBVaxaUFc6UJUqF54RUQOEoUqL5HrSiKaZahUswLBYqNhD6C_RrD2Lrf2_I0wy9bNXYsfHcDk/s400/snow.gif" : snowsrc
      for (i = 0; i < no; ++ i) { 
        dx[i] = 0;                        // set coordinate variables
        xp[i] = Math.random()*(doc_width-50);  // set position variables
        yp[i] = Math.random()*doc_height;
        am[i] = Math.random()*20;         // set amplitude variables
        stx[i] = 0.02 + Math.random()/10; // set step variables
        sty[i] = 0.7 + Math.random();     // set step variables
            if (ie4up||ns6up) {
          if (i == 0) {
            document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><a href=\"http://dynamicdrive.com\"><img src='"+snowsrc+"' border=\"0\"><\/a><\/div>");
          } else {
            document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+snowsrc+"' border=\"0\"><\/div>");
          }
        }
      }

      function snowIE_NS6() {  // IE and NS6 main animation function
        doc_width = ns6up?window.innerWidth-10 : iecompattest().clientWidth-10;
            doc_height=(window.innerHeight && snowdistance=="windowheight")? window.innerHeight : (ie4up && snowdistance=="windowheight")?  iecompattest().clientHeight : (ie4up && !window.opera && snowdistance=="pageheight")? iecompattest().scrollHeight : iecompattest().offsetHeight;
        for (i = 0; i < no; ++ i) {  // iterate for every dot
          yp[i] += sty[i];
          if (yp[i] > doc_height-50) {
            xp[i] = Math.random()*(doc_width-am[i]-30);
            yp[i] = 0;
            stx[i] = 0.02 + Math.random()/10;
            sty[i] = 0.7 + Math.random();
          }
          dx[i] += stx[i];
          document.getElementById("dot"+i).style.top=yp[i]+"px";
          document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i])+"px"; 
        }
        snowtimer=setTimeout("snowIE_NS6()", 10);
      }

        function hidesnow(){
            if (window.snowtimer) clearTimeout(snowtimer)
            for (i=0; i<no; i++) document.getElementById("dot"+i).style.visibility="hidden"
        }
           

    if (ie4up||ns6up){
        snowIE_NS6();
            if (hidesnowtime>0)
            setTimeout("hidesnow()", hidesnowtime*1000)
            }

    </script>