Blogger Resimli Son Yazılar Eklentisi

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzcEm7ehi8JHVB4jTR7lrhgeliQxHFdN7fiug4qEGK-CpUX75C0HEJhDbzC4TvLHoe41yybKvU2qllJ5okJ8kRfS2dvwq3ciM48aWqUtUU6zd23SpmmhdlHSr21KiYdVPzNmkusJgNpqDa/s1600/cats.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><b><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzcEm7ehi8JHVB4jTR7lrhgeliQxHFdN7fiug4qEGK-CpUX75C0HEJhDbzC4TvLHoe41yybKvU2qllJ5okJ8kRfS2dvwq3ciM48aWqUtUU6zd23SpmmhdlHSr21KiYdVPzNmkusJgNpqDa/s320/cats.jpg" width="152" /></b></a></div><b><br /></b><b><br /></b><b>Benimde Kullanmış Olduğum Son Yazılar Eklentisini Sizlere Sunuyorum. Bu Eklenti Her Blogda Olmazsa Olmazlardan Şimdi Sizde Sıra Sizde Koyun.</b><br /><b><br /></b><b><br /></b><b><br /></b><b><br /></b><b><br /></b><b><br /></b><b><br /></b><b><br /></b><b><br /></b><b><br /></b><b><br /></b><b><br /></b><b><br /></b><b><br /></b><b>Kodu Gadget Ekleden HTML/JAVASCRİPT'e Tıklayıp Ekliyoruz.</b><br /><b><br /></b><b><br /></b><pre style="background-color: #eeeeee; border: 1px dashed #999999; color: black; font-family: Andale Mono, Lucida Console, Monaco, fixed, monospace; font-size: 12px; line-height: 14px; overflow: auto; padding: 5px; width: 100%;"><code><b><style><br />img.recent_thumb {<br />width:70px;height:55px; border: 1px solid #e3e3e3; padding:3px; float:left;margin:0px 5px 5px 5px;<br />}<br />.recent_posts_with_thumbs {<br />float: left; width: 100%;min-height: 65px; margin: 5px 0px 5px 0px;padding-left: 5px; font-size:12px;<br />}<br />ul.recent_posts_with_thumbs li {<br />padding-bottom:5px;padding-top:5px;min-height:65px;<br />}<br />.recent_posts_with_thumbs a {text-decoration:none;<br />}<br />.recent_posts_with_thumbs strong <br />{<br />padding-left: 5px;<br />}<br /></style><br /><br /><br /><script style='text/javascript'><br />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++){<br />if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){var commenttext=entry.link[k].title;var commenturl=entry.link[k].href;}<br />if (entry.link[k].rel == 'alternate') {posturl = entry.link[k].href;break;}}var thumburl;try {thumburl=entry.media$thumbnail.url;}catch (error)<br /><br /><br />{<br />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!="")){<br />thumburl=d;} else thumburl='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCVpQ_CO9_utNcO_G-EyUZhLQTQDPNMt6kEhcd2MnpjLY78MjdztUWEV0GQqr6FrsncZC3nXkS1jGlAomV76x3kNStj5_eGP-65MaevnaUlF_mWgLhZC6anWB8D7bnDp5CuYXt9UtB-KA/s400/noimage.png';<br /><br />}<br /><br /><br />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">');<br /><br /><br />if(showpostthumbnails==true) <br />document.write('<img class="recent_thumb" src="'+thumburl+'"/>');<br />document.write('<b><a href="'+posturl+'" target ="_top">'+posttitle+'</a></b><br>');<br /><br /> if ("content" in entry) {<br /> var postcontent = entry.content.$t;}<br /> else<br /> if ("summary" in entry) {<br /> var postcontent = entry.summary.$t;}<br /> else var postcontent = "";<br /> var re = /<\S[^>]*>/g; <br /> postcontent = postcontent.replace(re, "");<br /><br /><br />if (showpostsummary == true) {<br /><br /> if (postcontent.length < numchars) {<br /> document.write('');<br /> document.write(postcontent);<br /> document.write('');}<br /> else {<br /> document.write('');<br /> postcontent = postcontent.substring(0, numchars);<br /> var quoteEnd = postcontent.lastIndexOf(" ");<br /> postcontent = postcontent.substring(0,quoteEnd);<br /> document.write(postcontent + '...');<br /> document.write('');}<br />}<br /><br />var towrite='';var flag=0;<br />document.write('<br><strong>');<br /><br />if(showpostdate==true) {towrite=towrite+monthnames[parseInt(cdmonth,10)]+'-'+cdday+' - '+cdyear;flag=1;}<br /><br />if(showcommentnum==true) <br />{<br />if (flag==1) {towrite=towrite+' | ';}<br />if(commenttext=='1 Comments') commenttext='1 Comment';<br />if(commenttext=='0 Comments') commenttext='No Comments';<br />commenttext = '<a href="'+commenturl+'" target ="_top">'+commenttext+'</a>';<br />towrite=towrite+commenttext;<br />flag=1;<br />;<br />}<br /><br />if(displaymore==true) <br />{<br />if (flag==1) towrite=towrite+' | ';<br />towrite=towrite+'<a href="'+posturl+'" class="url" target ="_top">More -></a>';<br />flag=1;<br />;<br />}<br /><br /><br /><br /><br />document.write(towrite);<br /><br />document.write('</strong></li>');<br />if(displayseparator==true) <br />if (i!=(numposts-1))<br />document.write('<hr size=0.5>');<br />}document.write('</ul>');<br /><br /><br /><br />}<br />var numposts = 5;<br />var showpostthumbnails = true;<br />var displaymore = false;<br />var displayseparator = false;<br />var showcommentnum = false;<br />var showpostdate = false;<br />var showpostsummary = true;<br />var numchars = 80;<br /></script><br /><br /><script src='http://erencakiciprogram.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script><br /></b></code></pre><b><br /></b><b><br /></b><b>Kodu Eklemeniz Yeter.</b><br /><b><br /></b><b><br /></b><b><br /></b><br />

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.img…

Devamı »

Animasyonlu Buton HTML Kodu

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0GEo5RAwCyUeqO-MvVxi-i_22AHI41KYJps9l3T1Mwb-n0OEKwvlnZ6xrmI2wbqYfYUilhB9MKCO4JljQ8U1EFWcX85d-YMJQ78XRKeovZh5yG1ND90lxRuz2KPmDmMfOy5Gq5rfRV3bh/s1600/DENEMEREN.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0GEo5RAwCyUeqO-MvVxi-i_22AHI41KYJps9l3T1Mwb-n0OEKwvlnZ6xrmI2wbqYfYUilhB9MKCO4JljQ8U1EFWcX85d-YMJQ78XRKeovZh5yG1ND90lxRuz2KPmDmMfOy5Gq5rfRV3bh/s1600/DENEMEREN.png" /></a></div><b><br /></b><b><br /></b><b>Blogunuza Animasyonlu Buton Ekleyin Hemde Çok Kolay.</b><br /><b><br /></b><b><br /></b><b><br /></b><br /><h3 style="background-color: white; border: 0px; box-sizing: border-box; color: #535353; font-family: Oxygen, arial, serif; font-size: 16px; line-height: 1.5em; margin: 30px 0px 20px; outline: 0px; padding: 0px; text-align: justify; text-shadow: rgb(204, 204, 204) 1px 1px 1px; vertical-align: baseline;">Bulunacak Kod :</h3><div><b><br /></b></div><div class="bilgi"><b>Eğer Bulamıyorsanız Widget Genişleti İşaretliyin.</b></div><b><br /></b><b><br /></b><br /><pre style="background-color: #eeeeee; border: 1px dashed rgb(153, 153, 153); box-sizing: border-box; font-family: 'Andale Mono', 'Lucida Console', Monaco, fixed, monospace; font-size: 12px; line-height: 14px; overflow: auto; padding: 5px; width: 643px;"><code style="box-sizing: border-box;"><b>]]></b:skin><br /></b></code></pre><div><code style="box-sizing: border-box;"><b><br /></b></code></div><div><code style="box-sizing: border-box;"><b><br /></b></code></div><div><code style="box-sizing: border-box;"><b><br /></b></code></div><div><b>Hemen Yukarısına Eklenecek Kod :</b><br /><b><br /></b><b><br /></b><b><br /></b><b><br /></b><br /><pre style="background-color: #eeeeee; border: 1px dashed rgb(153, 153, 153); box-sizing: border-box; font-family: 'Andale Mono', 'Lucida Console', Monaco, fixed, monospace; font-size: 12px; line-height: 14px; overflow: auto; padding: 5px; width: 643px;"><code style="box-sizing: border-box;"><b>.button{<br />font:15px Calibri, Arial, sans-serif;<br />text-shadow:1px 1px 0 rgba(255,255,255,0.4);<br />text-decoration:none !important;<br />white-space:nowrap;<br />display:inline-block;<br />vertical-align:baseline;<br />position:relative;<br />cursor:pointer;<br />padding:10px 20px;<br />background-repeat:no-repeat;<br />background-position:bottom left;<br />background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgE-iCcmhn1FAj17XMVFaA07P5pgXa5m0qayxhSLdxJR5uoU07w6033OSj8Kgr0IrHS342eXuitV2xzq-Oows7V6zpblDYMYVb4JycglRoXD9LCaMNA3mTPUqbYxhzkNkI_Nj-PTpOVR0zU/s144/button_bg.png');<br />background-position:bottom left, top right, 0 0, 0 0;<br />background-clip:border-box;<br />-moz-border-radius:8px;<br />-webkit-border-radius:8px;<br />border-radius:8px;<br />-moz-box-shadow:0 0 1px #fff inset;<br />-webkit-box-shadow:0 0 1px #fff inset;<br />box-shadow:0 0 1px #fff inset;<br />-webkit-transition:background-position 1s;<br />-moz-transition:background-position 1s;<br />transition:background-position 1s;<br />}<br />.button:hover{<br />background-position:top left;<br />background-position:top left, bottom right, 0 0, 0 0;<br />}<br />.button:active{<br />bottom:-1px;<br />}<br />/* The three buttons sizes */<br />.button.big { font-size:30px;}<br />.button.medium { font-size:18px;}<br />.button.small { font-size:13px;}<br />/* BlueButton */<br />.blue.button{<br />color:#0f4b6d !important;<br />border:1px solid #84acc3 !important;<br />background-color: #48b5f2;<br />background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgE-iCcmhn1FAj17XMVFaA07P5pgXa5m0qayxhSLdxJR5uoU07w6033OSj8Kgr0IrHS342eXuitV2xzq-Oows7V6zpblDYMYVb4JycglRoXD9LCaMNA3mTPUqbYxhzkNkI_Nj-PTpOVR0zU/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgE-iCcmhn1FAj17XMVFaA07P5pgXa5m0qayxhSLdxJR5uoU07w6033OSj8Kgr0IrHS342eXuitV2xzq-Oows7V6zpblDYMYVb4JycglRoXD9LCaMNA3mTPUqbYxhzkNkI_Nj-PTpOVR0zU/s144/button_bg.png'),<br />-moz-radial-gradient( center bottom, circle,<br />rgba(89,208,244,1) 0,rgba(89,208,244,0) 100px),<br />-moz-linear-gradient(#4fbbf7, #3faeeb);<br />background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgE-iCcmhn1FAj17XMVFaA07P5pgXa5m0qayxhSLdxJR5uoU07w6033OSj8Kgr0IrHS342eXuitV2xzq-Oows7V6zpblDYMYVb4JycglRoXD9LCaMNA3mTPUqbYxhzkNkI_Nj-PTpOVR0zU/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgE-iCcmhn1FAj17XMVFaA07P5pgXa5m0qayxhSLdxJR5uoU07w6033OSj8Kgr0IrHS342eXuitV2xzq-Oows7V6zpblDYMYVb4JycglRoXD9LCaMNA3mTPUqbYxhzkNkI_Nj-PTpOVR0zU/s144/button_bg.png'),<br />-webkit-gradient( radial, 50% 100%, 0, 50% 100%, 100,<br />from(rgba(89,208,244,1)), to(rgba(89,208,244,0))),<br />-webkit-gradient(linear, 0% 0%, 0% 100%, from(#4fbbf7), to(#3faeeb));<br />}<br />.blue.button:hover{<br />background-color:#63c7fe;<br />background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgE-iCcmhn1FAj17XMVFaA07P5pgXa5m0qayxhSLdxJR5uoU07w6033OSj8Kgr0IrHS342eXuitV2xzq-Oows7V6zpblDYMYVb4JycglRoXD9LCaMNA3mTPUqbYxhzkNkI_Nj-PTpOVR0zU/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgE-iCcmhn1FAj17XMVFaA07P5pgXa5m0qayxhSLdxJR5uoU07w6033OSj8Kgr0IrHS342eXuitV2xzq-Oows7V6zpblDYMYVb4JycglRoXD9LCaMNA3mTPUqbYxhzkNkI_Nj-PTpOVR0zU/s144/button_bg.png'),<br />-moz-radial-gradient( center bottom, circle,<br />rgba(109,217,250,1) 0,rgba(109,217,250,0) 100px),<br />-moz-linear-gradient(#63c7fe, #58bef7);<br />background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgE-iCcmhn1FAj17XMVFaA07P5pgXa5m0qayxhSLdxJR5uoU07w6033OSj8Kgr0IrHS342eXuitV2xzq-Oows7V6zpblDYMYVb4JycglRoXD9LCaMNA3mTPUqbYxhzkNkI_Nj-PTpOVR0zU/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgE-iCcmhn1FAj17XMVFaA07P5pgXa5m0qayxhSLdxJR5uoU07w6033OSj8Kgr0IrHS342eXuitV2xzq-Oows7V6zpblDYMYVb4JycglRoXD9LCaMNA3mTPUqbYxhzkNkI_Nj-PTpOVR0zU/s144/button_bg.png'),<br />-webkit-gradient( radial, 50% 100%, 0, 50% 100%, 100,<br />from(rgba(109,217,250,1)), to(rgba(109,217,250,0))),<br />-webkit-gradient(linear, 0% 0%, 0% 100%, from(#63c7fe), to(#58bef7));<br />}<br />/* Green Button */<br />.green.button{<br />color:#345903 !important;<br />border:1px solid #96a37b !important;<br />background-color: #79be1e;<br />background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgE-iCcmhn1FAj17XMVFaA07P5pgXa5m0qayxhSLdxJR5uoU07w6033OSj8Kgr0IrHS342eXuitV2xzq-Oows7V6zpblDYMYVb4JycglRoXD9LCaMNA3mTPUqbYxhzkNkI_Nj-PTpOVR0zU/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgE-iCcmhn1FAj17XMVFaA07P5pgXa5m0qayxhSLdxJR5uoU07w6033OSj8Kgr0IrHS342eXuitV2xzq-Oows7V6zpblDYMYVb4JycglRoXD9LCaMNA3mTPUqbYxhzkNkI_Nj-PTpOVR0zU/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);<br />background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgE-iCcmhn1FAj17XMVFaA07P5pgXa5m0qayxhSLdxJR5uoU07w6033OSj8Kgr0IrHS342eXuitV2xzq-Oows7V6zpblDYMYVb4JycglRoXD9LCaMNA3mTPUqbYxhzkNkI_Nj-PTpOVR0zU/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgE-iCcmhn1FAj17XMVFaA07P5pgXa5m0qayxhSLdxJR5uoU07w6033OSj8Kgr0IrHS342eXuitV2xzq-Oows7V6zpblDYMYVb4JycglRoXD9LCaMNA3mTPUqbYxhzkNkI_Nj-PTpOVR0zU/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));<br />}<br />.green.button:hover{<br />background-color:#89d228;<br />background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgE-iCcmhn1FAj17XMVFaA07P5pgXa5m0qayxhSLdxJR5uoU07w6033OSj8Kgr0IrHS342eXuitV2xzq-Oows7V6zpblDYMYVb4JycglRoXD9LCaMNA3mTPUqbYxhzkNkI_Nj-PTpOVR0zU/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgE-iCcmhn1FAj17XMVFaA07P5pgXa5m0qayxhSLdxJR5uoU07w6033OSj8Kgr0IrHS342eXuitV2xzq-Oows7V6zpblDYMYVb4JycglRoXD9LCaMNA3mTPUqbYxhzkNkI_Nj-PTpOVR0zU/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);<br />background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgE-iCcmhn1FAj17XMVFaA07P5pgXa5m0qayxhSLdxJR5uoU07w6033OSj8Kgr0IrHS342eXuitV2xzq-Oows7V6zpblDYMYVb4JycglRoXD9LCaMNA3mTPUqbYxhzkNkI_Nj-PTpOVR0zU/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgE-iCcmhn1FAj17XMVFaA07P5pgXa5m0qayxhSLdxJR5uoU07w6033OSj8Kgr0IrHS342eXuitV2xzq-Oows7V6zpblDYMYVb4JycglRoXD9LCaMNA3mTPUqbYxhzkNkI_Nj-PTpOVR0zU/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));<br />}<br />/* Orange Button */<br />.orange.button{<br />color:#693e0a !important;<br />border:1px solid #bea280 !important;<br />background-color: #e38d27;<br />background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgE-iCcmhn1FAj17XMVFaA07P5pgXa5m0qayxhSLdxJR5uoU07w6033OSj8Kgr0IrHS342eXuitV2xzq-Oows7V6zpblDYMYVb4JycglRoXD9LCaMNA3mTPUqbYxhzkNkI_Nj-PTpOVR0zU/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgE-iCcmhn1FAj17XMVFaA07P5pgXa5m0qayxhSLdxJR5uoU07w6033OSj8Kgr0IrHS342eXuitV2xzq-Oows7V6zpblDYMYVb4JycglRoXD9LCaMNA3mTPUqbYxhzkNkI_Nj-PTpOVR0zU/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);<br />background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgE-iCcmhn1FAj17XMVFaA07P5pgXa5m0qayxhSLdxJR5uoU07w6033OSj8Kgr0IrHS342eXuitV2xzq-Oows7V6zpblDYMYVb4JycglRoXD9LCaMNA3mTPUqbYxhzkNkI_Nj-PTpOVR0zU/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgE-iCcmhn1FAj17XMVFaA07P5pgXa5m0qayxhSLdxJR5uoU07w6033OSj8Kgr0IrHS342eXuitV2xzq-Oows7V6zpblDYMYVb4JycglRoXD9LCaMNA3mTPUqbYxhzkNkI_Nj-PTpOVR0zU/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));<br />}<br />.orange.button:hover{<br />background-color:#ec9732;<br />background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgE-iCcmhn1FAj17XMVFaA07P5pgXa5m0qayxhSLdxJR5uoU07w6033OSj8Kgr0IrHS342eXuitV2xzq-Oows7V6zpblDYMYVb4JycglRoXD9LCaMNA3mTPUqbYxhzkNkI_Nj-PTpOVR0zU/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgE-iCcmhn1FAj17XMVFaA07P5pgXa5m0qayxhSLdxJR5uoU07w6033OSj8Kgr0IrHS342eXuitV2xzq-Oows7V6zpblDYMYVb4JycglRoXD9LCaMNA3mTPUqbYxhzkNkI_Nj-PTpOVR0zU/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);<br />background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgE-iCcmhn1FAj17XMVFaA07P5pgXa5m0qayxhSLdxJR5uoU07w6033OSj8Kgr0IrHS342eXuitV2xzq-Oows7V6zpblDYMYVb4JycglRoXD9LCaMNA3mTPUqbYxhzkNkI_Nj-PTpOVR0zU/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgE-iCcmhn1FAj17XMVFaA07P5pgXa5m0qayxhSLdxJR5uoU07w6033OSj8Kgr0IrHS342eXuitV2xzq-Oows7V6zpblDYMYVb4JycglRoXD9LCaMNA3mTPUqbYxhzkNkI_Nj-PTpOVR0zU/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));<br />}<br />/* Orange Button */<br />.gray.button{<br />color:#525252 !important;<br />border:1px solid #a5a5a5 !important;<br />background-color: #a9adb1;<br />background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgE-iCcmhn1FAj17XMVFaA07P5pgXa5m0qayxhSLdxJR5uoU07w6033OSj8Kgr0IrHS342eXuitV2xzq-Oows7V6zpblDYMYVb4JycglRoXD9LCaMNA3mTPUqbYxhzkNkI_Nj-PTpOVR0zU/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgE-iCcmhn1FAj17XMVFaA07P5pgXa5m0qayxhSLdxJR5uoU07w6033OSj8Kgr0IrHS342eXuitV2xzq-Oows7V6zpblDYMYVb4JycglRoXD9LCaMNA3mTPUqbYxhzkNkI_Nj-PTpOVR0zU/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);<br />background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgE-iCcmhn1FAj17XMVFaA07P5pgXa5m0qayxhSLdxJR5uoU07w6033OSj8Kgr0IrHS342eXuitV2xzq-Oows7V6zpblDYMYVb4JycglRoXD9LCaMNA3mTPUqbYxhzkNkI_Nj-PTpOVR0zU/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgE-iCcmhn1FAj17XMVFaA07P5pgXa5m0qayxhSLdxJR5uoU07w6033OSj8Kgr0IrHS342eXuitV2xzq-Oows7V6zpblDYMYVb4JycglRoXD9LCaMNA3mTPUqbYxhzkNkI_Nj-PTpOVR0zU/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));<br />}<br />.gray.button:hover{<br />background-color:#b6bbc0;<br />background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgE-iCcmhn1FAj17XMVFaA07P5pgXa5m0qayxhSLdxJR5uoU07w6033OSj8Kgr0IrHS342eXuitV2xzq-Oows7V6zpblDYMYVb4JycglRoXD9LCaMNA3mTPUqbYxhzkNkI_Nj-PTpOVR0zU/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgE-iCcmhn1FAj17XMVFaA07P5pgXa5m0qayxhSLdxJR5uoU07w6033OSj8Kgr0IrHS342eXuitV2xzq-Oows7V6zpblDYMYVb4JycglRoXD9LCaMNA3mTPUqbYxhzkNkI_Nj-PTpOVR0zU/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);<br />background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgE-iCcmhn1FAj17XMVFaA07P5pgXa5m0qayxhSLdxJR5uoU07w6033OSj8Kgr0IrHS342eXuitV2xzq-Oows7V6zpblDYMYVb4JycglRoXD9LCaMNA3mTPUqbYxhzkNkI_Nj-PTpOVR0zU/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgE-iCcmhn1FAj17XMVFaA07P5pgXa5m0qayxhSLdxJR5uoU07w6033OSj8Kgr0IrHS342eXuitV2xzq-Oows7V6zpblDYMYVb4JycglRoXD9LCaMNA3mTPUqbYxhzkNkI_Nj-PTpOVR0zU/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));<br />}<br /></b></code></pre><div><code style="box-sizing: border-box;"><b><br /></b></code></div><div><code style="box-sizing: border-box;"><b><br /></b></code></div><div><code style="box-sizing: border-box;"><b><br /></b></code></div><div><code style="box-sizing: border-box;"><b>Kullanmak İçin :</b></code></div><div><b><br /></b></div><div><b><code style="box-sizing: border-box;"></code><br /></b><br /><div><code style="box-sizing: border-box;"><b><br /></b></code></div><b><code style="box-sizing: border-box;"></code></b><br /><div><pre style="background-color: #eeeeee; border: 1px dashed rgb(153, 153, 153); box-sizing: border-box; font-family: 'Andale Mono', 'Lucida Console', Monaco, fixed, monospace; font-size: 12px; line-height: 14px; overflow: auto; padding: 5px; width: 643px;"><code style="box-sizing: border-box;"><code style="box-sizing: border-box;"><b><div style="font-size: medium; line-height: normal; white-space: normal;"><br /><a class="button big <span style="color: blue;">blue</span>" href="LİNK/URL" target="_blank">Buton Yazısı</a></div><br /><div style="font-size: medium; line-height: normal; white-space: normal;"><br /></div><br /><div style="font-size: medium; line-height: normal; white-space: normal;"><br /><a class="button big <span style="color: orange;">orange</span>" href="LİNK/URL" target="_blank">Buton Yazısı</a></div><br /><div style="font-size: medium; line-height: normal; white-space: normal;"><br /></div><br /><div style="font-size: medium; line-height: normal; white-space: normal;"><br /><a class="button big <span style="color: lime;">green</span>" href="LİNK/URL" target="_blank">Buton Yazısı</a></div><br /><div style="font-size: medium; line-height: normal; white-space: normal;"><br /></div><br /><div style="font-size: medium; line-height: normal; white-space: normal;"><br /><a class="button big <span style="color: #cccccc;">gray</span>" href="LİNK/URL" target="_blank">Buton Yazısı</a></div><br /></b></code></code></pre><div><code style="box-sizing: border-box;"><code style="box-sizing: border-box;"><b><br /></b></code></code></div><div><code style="box-sizing: border-box;"><code style="box-sizing: border-box;"><b><br /></b></code></code></div><div><code style="box-sizing: border-box;"><b>Kodlarını Kullanın Yeter.</b></code></div><div><code style="box-sizing: border-box;"><b><br /></b></code></div><div><code style="box-sizing: border-box;"><b>Örnek :</b></code></div><div><code style="box-sizing: border-box;"><b><br /></b></code></div><div style="font-family: '';"></div></div><code style="box-sizing: border-box;"><b></b></code></div><div></div></div><a class="button big blue" href="http://erencakiciprogram.blogspot.com/" target="_blank"><b>Örnek - Eren</b></a><br /><b><br /></b><a class="button big orange" href="http://erencakiciprogram.blogspot.com/" target="_blank"><b>Deneme</b></a><br /><b><br /></b><b><br /></b><b>Emeğe Saygı İçin Yorum Yapın </b><a href="http://www.alexa.com/siteinfo/erencakiciprogram.blogspot.com"><script src="http://xslt.alexa.com/site_stats/js/s/a?url=erencakiciprogram.blogspot.com" type="text/javascript"></script></a>

Animasyonlu Buton HTML Kodu

Blogunuza Animasyonlu Buton Ekleyin Hemde Çok Kolay.Bulunacak Kod :Eğer Bulamıyorsanız Widget Genişleti İşaretliyin.]]>Hemen Yukarısına Eklenecek Kod :.button{font:15px Calibri, Arial, sans-serif;text…

Devamı »

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

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjazUjmtjL4ylgaH1FUa7GNwznMJpcjTzapu8Fxkl-LgWUYlRgXTz8R-cM83fr_PIszKsl13hQTAFru9Pcm55epYZsi_fLUITz5_UsgxOdhs9kykBcJp0dBBJK7HAccvIFoU-t-_6Wqm04t/s1600/Eklenti.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="295" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjazUjmtjL4ylgaH1FUa7GNwznMJpcjTzapu8Fxkl-LgWUYlRgXTz8R-cM83fr_PIszKsl13hQTAFru9Pcm55epYZsi_fLUITz5_UsgxOdhs9kykBcJp0dBBJK7HAccvIFoU-t-_6Wqm04t/s400/Eklenti.jpg" width="400" /></a></div><b><br /></b><b><br /></b><b>Sırayla Anlatıyorum :</b><br /><b><br /></b><b><br /></b><b><br /></b><br /><ul><li><b><span style="color: red;"><span style="font-family: Marmelad; font-size: 14px; line-height: 21px; text-align: center;">Yerleşim >> Gadget Ekle >> HTML/JavaScript yolu ile alttaki kodları ekliyoruz , başka bir </span><span style="font-family: Marmelad; font-size: 14px; line-height: 21px; text-align: center;">şey yapmıyoruz..</span></span></b></li></ul><br /><b><span style="font-family: Marmelad; font-size: 14px; line-height: 21px; text-align: center;"><br /></span><span style="font-family: Marmelad; font-size: 14px; line-height: 21px; text-align: center;"><br /></span><span style="font-family: Marmelad; font-size: 14px; line-height: 21px; text-align: center;"><br /></span><span style="font-family: Marmelad; font-size: 14px; line-height: 21px; text-align: center;"><br /></span> </b><br /><pre style="background-color: #eeeeee; border: 1px dashed #999999; color: black; font-family: Andale Mono, Lucida Console, Monaco, fixed, monospace; font-size: 12px; line-height: 14px; overflow: auto; padding: 5px; width: 100%;"><code><b><script type="text/javascript"><br /><br /> <br /> //Configure below to change URL path to the snow image<br /> var snowsrc="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6lYye_LQPc0vNKbNb2rMMhkXMvabPLoYs6czclsfKmCczHmFxJ0eBl8w9DCkzlXboG4FapYbB-8YhhqtopRb39tF00zlvO0wqZlDnd6QJbLxYI6J1d5zqhQbeauH0cqgN7py7h84IGUc/s400/snow.gif"<br /> // Configure below to change number of snow to render<br /> var no = 15;<br /> // Configure whether snow should disappear after x seconds (0=never):<br /> var hidesnowtime = 0;<br /> // Configure how much snow should drop down before fading ("windowheight" or "pageheight")<br /> var snowdistance = "pageheight";<br /><br /> ///////////Stop Config//////////////////////////////////<br /><br /> var ie4up = (document.all) ? 1 : 0;<br /> var ns6up = (document.getElementById&&!document.all) ? 1 : 0;<br /><br /> function iecompattest(){<br /> return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body<br /> }<br /><br /> var dx, xp, yp; // coordinate and position variables<br /> var am, stx, sty; // amplitude and step variables<br /> var i, doc_width = 800, doc_height = 600;<br /> <br /> if (ns6up) {<br /> doc_width = self.innerWidth;<br /> doc_height = self.innerHeight;<br /> } else if (ie4up) {<br /> doc_width = iecompattest().clientWidth;<br /> doc_height = iecompattest().clientHeight;<br /> }<br /><br /> dx = new Array();<br /> xp = new Array();<br /> yp = new Array();<br /> am = new Array();<br /> stx = new Array();<br /> sty = new Array();<br /> snowsrc=(snowsrc.indexOf("dynamicdrive.com")!=-1)? "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6lYye_LQPc0vNKbNb2rMMhkXMvabPLoYs6czclsfKmCczHmFxJ0eBl8w9DCkzlXboG4FapYbB-8YhhqtopRb39tF00zlvO0wqZlDnd6QJbLxYI6J1d5zqhQbeauH0cqgN7py7h84IGUc/s400/snow.gif" : snowsrc<br /> for (i = 0; i < no; ++ i) { <br /> dx[i] = 0; // set coordinate variables<br /> xp[i] = Math.random()*(doc_width-50); // set position variables<br /> yp[i] = Math.random()*doc_height;<br /> am[i] = Math.random()*20; // set amplitude variables<br /> stx[i] = 0.02 + Math.random()/10; // set step variables<br /> sty[i] = 0.7 + Math.random(); // set step variables<br /> if (ie4up||ns6up) {<br /> if (i == 0) {<br /> 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>");<br /> } else {<br /> document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+snowsrc+"' border=\"0\"><\/div>");<br /> }<br /> }<br /> }<br /><br /> function snowIE_NS6() { // IE and NS6 main animation function<br /> doc_width = ns6up?window.innerWidth-10 : iecompattest().clientWidth-10;<br /> doc_height=(window.innerHeight && snowdistance=="windowheight")? window.innerHeight : (ie4up && snowdistance=="windowheight")? iecompattest().clientHeight : (ie4up && !window.opera && snowdistance=="pageheight")? iecompattest().scrollHeight : iecompattest().offsetHeight;<br /> for (i = 0; i < no; ++ i) { // iterate for every dot<br /> yp[i] += sty[i];<br /> if (yp[i] > doc_height-50) {<br /> xp[i] = Math.random()*(doc_width-am[i]-30);<br /> yp[i] = 0;<br /> stx[i] = 0.02 + Math.random()/10;<br /> sty[i] = 0.7 + Math.random();<br /> }<br /> dx[i] += stx[i];<br /> document.getElementById("dot"+i).style.top=yp[i]+"px";<br /> document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i])+"px"; <br /> }<br /> snowtimer=setTimeout("snowIE_NS6()", 10);<br /> }<br /><br /> function hidesnow(){<br /> if (window.snowtimer) clearTimeout(snowtimer)<br /> for (i=0; i<no; i++) document.getElementById("dot"+i).style.visibility="hidden"<br /> }<br /> <br /><br /> if (ie4up||ns6up){<br /> snowIE_NS6();<br /> if (hidesnowtime>0)<br /> setTimeout("hidesnow()", hidesnowtime*1000)<br /> }<br /><br /> </script></b><br /></code></pre>

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.. //Configure below to change URL path to the snow image …

Devamı »