Site Mühendisi - Daha İyi Siteler İçin: blogspot

blogspot etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster

Blogger Daha Fazla Konu Göster Eklentisi

<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0pFERyRA_YibYKnwmVPBZ9LZIKv-tv85Mn_ldu2nG1u27T15daJM11gg-X9JThivORtCOjjoB0rxxYDQWnFm2szxeVLh2gS6ODGgVxTud3kelDMveIcuUGPzgeX99ngcs6eTatrKgcNE/s1600/dahafazlakonusitemuhendisi.JPG" /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Verdana, sans-serif;">Blogger için yazılarımız çok önemlidir ve temamıza vereceğim eklentilerde.Gün geçtikçe sizlere farklı farklı stilde eklentiler sunuyorum.Bu eklentimiz blogunuzun ana sayfasında bulununan fazla yazılarınız var ise bunları kısaltıyor ve ziyaretçiniz için bir seçenek sunup Daha Fazla Konu Göster butonu yapıyor.Yeni tema yapımcılarınında sürekli kullandığı ve ortaya kaliteli temalar sunduğu bir eklentidir.Sizlere bu eklentide 5 stil seçeneği sunuyor sizin temanıza hangisi uyuyorsa denemenizi tavsiye ederim.</span></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div dir="ltr" style="background-color: white; color: #494949; line-height: 24px; text-align: left;" trbidi="on">
<div dir="ltr" style="background-color: #f9f9f9; line-height: 22px; text-align: center;" trbidi="on">
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Verdana, sans-serif;"><a href="http://www.blogger.com/home" style="-webkit-transition: all 0.2s ease-out; color: black; text-decoration: none;" target="_blank"><span style="color: blue;"><b>Blogger Paneline</b></span> </a>Girin.</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Verdana, sans-serif;">1-<b>Yerleşim </b>Tıklıyoruz > 2-<b>Gatget Ekle</b> > 3-<b>HTML/JavaScript</b> dedikten sonra aşağıdaki kodları içersine yerleştiriyoruz.</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLZyZkP7NNLupIGBF86RnTFDwPiSyR5IgOr7t5bLVMjiFMKsTxcSpEpZpETgZrXLIHwiSxrq2hRb1zDPSp5dcMYdDqFBGUuPorlPzfqREA-dso_nIG1iILqj6gqeUuF83TaHvOvio2ECg/s1600/SITEMUHEND%C4%B0S%C4%B0.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLZyZkP7NNLupIGBF86RnTFDwPiSyR5IgOr7t5bLVMjiFMKsTxcSpEpZpETgZrXLIHwiSxrq2hRb1zDPSp5dcMYdDqFBGUuPorlPzfqREA-dso_nIG1iILqj6gqeUuF83TaHvOvio2ECg/s1600/SITEMUHEND%C4%B0S%C4%B0.JPG" /></a></div>
<br /></div>
</div>
<br />
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Verdana, sans-serif;"><b>STİL >> 1</b></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-4E2uGkhxIdbEIgi2Nva-9BTdAIePpqkRe9J3rn1xvjpEdDH-NftUp9iOBsms88PwlCxcVEUPoPDQIoaQBZsqDG2SvEmmlb1CpSf6hvs1iDNcSGxe4zE5Php9VYDFMvy54v8RNzlo4g4/s1600/sitemuhendisi+stil+1.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-4E2uGkhxIdbEIgi2Nva-9BTdAIePpqkRe9J3rn1xvjpEdDH-NftUp9iOBsms88PwlCxcVEUPoPDQIoaQBZsqDG2SvEmmlb1CpSf6hvs1iDNcSGxe4zE5Php9VYDFMvy54v8RNzlo4g4/s1600/sitemuhendisi+stil+1.JPG" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div dir="ltr" style="background-color: white; line-height: 24px;" trbidi="on">
<div dir="ltr" style="background-color: #f9f9f9; color: #494949; line-height: 22px; text-align: center;" trbidi="on">
<span style="font-family: Verdana, sans-serif;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLZyZkP7NNLupIGBF86RnTFDwPiSyR5IgOr7t5bLVMjiFMKsTxcSpEpZpETgZrXLIHwiSxrq2hRb1zDPSp5dcMYdDqFBGUuPorlPzfqREA-dso_nIG1iILqj6gqeUuF83TaHvOvio2ECg/s1600/SITEMUHEND%C4%B0S%C4%B0.JPG" imageanchor="1" style="-webkit-transition: all 0.2s ease-out; color: black; margin-left: 1em; margin-right: 1em; text-decoration: none;"></a></span></div>
<div dir="ltr" trbidi="on">
<div class="separator" style="clear: both; color: #494949; text-align: center;">
</div>
<div class="code" style="border-color: rgb(92, 123, 144); border-style: solid; border-width: 1px 1px 1px 20px; margin: 10px 0px 10px 10px; max-height: 200px; min-height: 16px; outline: 0px; overflow: auto; padding: 10px; vertical-align: baseline; width: 505px;">
<div class="line number1 index0 alt2" style="border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<span style="font-family: Verdana, sans-serif;"><span style="color: black; line-height: 18px;"><script type='text/javascript' src='//ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js'></script></span><br style="color: black; line-height: 18px;" /><span style="color: black; line-height: 18px;"><script type='text/javascript'></span><br style="color: black; line-height: 18px;" /><span style="color: black; line-height: 18px;">(function(a){function h(){g||(g=!0,d?(b.find("a").hide(),b.find("img").show(),a.ajax(d,{dataType:"html"}).done(function(c){var c=a("<div></div>").append(c.replace(j,"")),e=c.find("a.blog-pager-older-link");e?d=e.attr("href"):(d="",b.hide());c=c.find(i).children();a(i).append(c);window._gaq&&window._gaq.push(["_trackPageview",d]);window.gapi&&window.gapi.plusone&&window.gapi.plusone.go&&window.gapi.plusone.go();window.disqus_shortname&&a.getScript("http://"+window.disqus_shortname+".disqus.com/blogger_index.js");</span><br style="color: black; line-height: 18px;" /><span style="color: black; line-height: 18px;">window.FB&&window.FB.XFBML&&window.FB.XFBML.parse&&window.FB.XFBML.parse();b.find("img").hide();b.find("a").show();g=!1})):b.hide())}function k(){var a=Math.max(f.height(),l.height(),document.documentElement.clientHeight),b=f.scrollTop()+f.height();0>a-b&&h()}var d="",b=null,i="div.blog-posts",g=!1,f=a(window),l=a(document),j=/<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi;a(document).ready(function(){if("item"!=_WidgetManager._GetAllData().blog.pageType&&(d=a("a.blog-pager-older-link").attr("href"))){var c=</span><br style="color: black; line-height: 18px;" /><span style="color: black; line-height: 18px;">a('<a href="javascript:;" ></span><span style="line-height: 18px;"><span style="color: blue;">Daha Fazla Konu Göster</span></span><span style="color: black; line-height: 18px;"></a>');c.click(h);var e=a('<img src="https://www.google.co.in/images/loading.gif" style="display: none;">');f.scroll(k);b=a('<div class="blogsdaddyloader"></div>');b.append(c);b.append(e);b.insertBefore(a("#blog-pager"));a("#blog-pager").hide()}})})(jQuery);</span><br style="color: black; line-height: 18px;" /><span style="color: black; line-height: 18px;"></script></span><br style="color: black; line-height: 18px;" /><span style="color: black; line-height: 18px;"></span><br style="color: black; line-height: 18px;" /><span style="color: black; line-height: 18px;"><style></span><br style="color: black; line-height: 18px;" /><span style="color: black; line-height: 18px;">.blogsdaddyloader {text-align: center; font-size: 100%; padding:10px;color:#FFFFFF;width:95%;</span><br style="color: black; line-height: 18px;" /><span style="color: black; line-height: 18px;">background:-webkit-gradient(linear, 0% 0%, 0% 54%, from(#F8F8F8), to(#F1F1F1));</span><br style="color: black; line-height: 18px;" /><span style="color: black; line-height: 18px;">border: 2px solid #c6c6c6;border-radius:2px;}</span><br style="color: black; line-height: 18px;" /><span style="color: black; line-height: 18px;">.blogsdaddyloader a{text-decoration:none;display:block;width:100%;color:#000000;}</span><br style="color: black; line-height: 18px;" /><span style="color: black; line-height: 18px;"></style></span></span></div>
</div>
</div>
</div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<div class="separator" style="clear: both;">
<span style="font-family: Verdana, sans-serif;"><b>STİL >> 2</b></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidyCCkDRQrM9RDNIuigDX9di0QR-RklNth_JPOBpyT7aG7CZdTI9aV7QKjybmMG639Spkq_i9fmiIpATj_FwP-WSOYPh-1ft2jnELzKER1n4qu5wAuk4mcsnqrsV9Xhyphenhyphen6rn0lE_lEBdSc/s1600/sitemuhendisi+stil+2.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidyCCkDRQrM9RDNIuigDX9di0QR-RklNth_JPOBpyT7aG7CZdTI9aV7QKjybmMG639Spkq_i9fmiIpATj_FwP-WSOYPh-1ft2jnELzKER1n4qu5wAuk4mcsnqrsV9Xhyphenhyphen6rn0lE_lEBdSc/s1600/sitemuhendisi+stil+2.JPG" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div dir="ltr" style="background-color: white; line-height: 24px;" trbidi="on">
<div dir="ltr" style="background-color: #f9f9f9; color: #494949; line-height: 22px; text-align: center;" trbidi="on">
<span style="font-family: Verdana, sans-serif;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLZyZkP7NNLupIGBF86RnTFDwPiSyR5IgOr7t5bLVMjiFMKsTxcSpEpZpETgZrXLIHwiSxrq2hRb1zDPSp5dcMYdDqFBGUuPorlPzfqREA-dso_nIG1iILqj6gqeUuF83TaHvOvio2ECg/s1600/SITEMUHEND%C4%B0S%C4%B0.JPG" imageanchor="1" style="-webkit-transition: all 0.2s ease-out; color: black; margin-left: 1em; margin-right: 1em; text-decoration: none;"></a></span></div>
<div dir="ltr" trbidi="on">
<div class="separator" style="clear: both; color: #494949; text-align: center;">
</div>
<div class="code" style="border-color: rgb(92, 123, 144); border-style: solid; border-width: 1px 1px 1px 20px; margin: 10px 0px 10px 10px; max-height: 200px; min-height: 16px; outline: 0px; overflow: auto; padding: 10px; vertical-align: baseline; width: 505px;">
<div class="line number1 index0 alt2" style="border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<span style="font-family: Verdana, sans-serif;"><span style="line-height: 18px;"><script type='text/javascript' src='//ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js'></script></span><br style="line-height: 18px;" /><span style="line-height: 18px;"><script type='text/javascript'></span><br style="line-height: 18px;" /><span style="line-height: 18px;">(function(a){function h(){g||(g=!0,d?(b.find("a").hide(),b.find("img").show(),a.ajax(d,{dataType:"html"}).done(function(c){var c=a("<div></div>").append(c.replace(j,"")),e=c.find("a.blog-pager-older-link");e?d=e.attr("href"):(d="",b.hide());c=c.find(i).children();a(i).append(c);window._gaq&&window._gaq.push(["_trackPageview",d]);window.gapi&&window.gapi.plusone&&window.gapi.plusone.go&&window.gapi.plusone.go();window.disqus_shortname&&a.getScript("http://"+window.disqus_shortname+".disqus.com/blogger_index.js");</span><br style="line-height: 18px;" /><span style="line-height: 18px;">window.FB&&window.FB.XFBML&&window.FB.XFBML.parse&&window.FB.XFBML.parse();b.find("img").hide();b.find("a").show();g=!1})):b.hide())}function k(){var a=Math.max(f.height(),l.height(),document.documentElement.clientHeight),b=f.scrollTop()+f.height();0>a-b&&h()}var d="",b=null,i="div.blog-posts",g=!1,f=a(window),l=a(document),j=/<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi;a(document).ready(function(){if("item"!=_WidgetManager._GetAllData().blog.pageType&&(d=a("a.blog-pager-older-link").attr("href"))){var c=</span><br style="line-height: 18px;" /><span style="line-height: 18px;">a('<a href="javascript:;" ><span style="color: blue;"><b>Daha Fazla Konu Göster</b></span></a>');c.click(h);var e=a('<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0GWIgPZG_PQmgSK76JNyrIgf_KkNnqqeV1X79SqeYrTyPjEqNtC-fEh5qSaUTY9svUtoyV1b14tUjGnh4L7a6lalPt0OQbpQfDv9MzI7YvzXn_mmKIRFIXoWsocs7a-JNu20yahoU2MB7/s1600/horizontal-loader-white.gif" style="display: none;">');f.scroll(k);b=a('<div class="blogsdaddyloader"></div>');b.append(c);b.append(e);b.insertBefore(a("#blog-pager"));a("#blog-pager").hide()}})})(jQuery);</span><br style="line-height: 18px;" /><span style="line-height: 18px;"></script></span><br style="line-height: 18px;" /><span style="line-height: 18px;"></span><br style="line-height: 18px;" /><span style="line-height: 18px;"><style></span><br style="line-height: 18px;" /><span style="line-height: 18px;">.blogsdaddyloader a{text-decoration:none;display:block;width:100%;color:#FFFFFF;}</span><br style="line-height: 18px;" /><span style="line-height: 18px;">.blogsdaddyloader{</span><br style="line-height: 18px;" /><span style="line-height: 18px;">border:1px solid #7d99ca;-webkit-box-shadow: #B4B5B5 1px 1px 1px  ;-moz-box-shadow: #B4B5B5 1px 1px 1px ; box-shadow: #B4B5B5 1px 1px 1px  ; -webkit-border-radius: 4px; -moz-border-radius: 4px;border-radius: 4px;font-family:arial, helvetica, sans-serif; padding: 8px 8px 8px 8px; text-shadow: 2px 2px 0 rgba(0,0,0,0.3);font-weight:bold; text-align: center; color: #FFFFFF; background-color: #a5b8da;</span><br style="line-height: 18px;" /><span style="line-height: 18px;"> background-image: -webkit-gradient(linear, left top, left bottom, from(#a5b8da), to(#7089b3));</span><br style="line-height: 18px;" /><span style="line-height: 18px;"> background-image: -webkit-linear-gradient(top, #a5b8da, #7089b3);</span><br style="line-height: 18px;" /><span style="line-height: 18px;"> background-image: -moz-linear-gradient(top, #a5b8da, #7089b3);</span><br style="line-height: 18px;" /><span style="line-height: 18px;"> background-image: -ms-linear-gradient(top, #a5b8da, #7089b3);</span><br style="line-height: 18px;" /><span style="line-height: 18px;"> background-image: -o-linear-gradient(top, #a5b8da, #7089b3);</span><br style="line-height: 18px;" /><span style="line-height: 18px;"> background-image: linear-gradient(to bottom, #a5b8da, #7089b3);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#a5b8da, endColorstr=#7089b3);</span><br style="line-height: 18px;" /><span style="line-height: 18px;">}</span><br style="line-height: 18px;" /><span style="line-height: 18px;">.blogsdaddyloader:hover{</span><br style="line-height: 18px;" /><span style="line-height: 18px;"> border:1px solid #5d7fbc; background-color: #819bcb;</span><br style="line-height: 18px;" /><span style="line-height: 18px;"> background-image: -webkit-gradient(linear, left top, left bottom, from(#819bcb), top(#536f9d));</span><br style="line-height: 18px;" /><span style="line-height: 18px;"> background-image: -webkit-linear-gradient(top, #819bcb, #536f9d);</span><br style="line-height: 18px;" /><span style="line-height: 18px;"> background-image: -moz-linear-gradient(top, #819bcb, #536f9d);</span><br style="line-height: 18px;" /><span style="line-height: 18px;"> background-image: -ms-linear-gradient(top, #819bcb, #536f9d);</span><br style="line-height: 18px;" /><span style="line-height: 18px;"> background-image: -o-linear-gradient(top, #819bcb, #536f9d);</span><br style="line-height: 18px;" /><span style="line-height: 18px;"> background-image: linear-gradient(to bottom, #819bcb, #536f9d);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#819bcb, endColorstr=#536f9d);</span><br style="line-height: 18px;" /><span style="line-height: 18px;">}</span><br style="line-height: 18px;" /><span style="line-height: 18px;"></style></span></span></div>
</div>
</div>
</div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Verdana, sans-serif;"><b>STİL >> 3</b></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiokQ7Oim5oCY9_OdkyEfjYj6sueqS9aiHxXeh56C_-c1M9-btLDhmULQYs-0rQQn4CfndrGiiaipDovrKKvULUWZE3IGEh-fPvBmrIO1AK7xv_uuIXRYRluOwPZCF-1ZZ0gPpVkfftn-E/s1600/sitemuhendisi+stil+3.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiokQ7Oim5oCY9_OdkyEfjYj6sueqS9aiHxXeh56C_-c1M9-btLDhmULQYs-0rQQn4CfndrGiiaipDovrKKvULUWZE3IGEh-fPvBmrIO1AK7xv_uuIXRYRluOwPZCF-1ZZ0gPpVkfftn-E/s1600/sitemuhendisi+stil+3.JPG" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<div dir="ltr" style="background-color: white; line-height: 24px;" trbidi="on">
<div dir="ltr" trbidi="on">
<div class="code" style="border-color: rgb(92, 123, 144); border-style: solid; border-width: 1px 1px 1px 20px; margin: 10px 0px 10px 10px; max-height: 200px; min-height: 16px; outline: 0px; overflow: auto; padding: 10px; vertical-align: baseline; width: 505px;">
<div class="line number1 index0 alt2" style="border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<span style="font-family: Verdana, sans-serif;"><span style="line-height: 18px;"><script type='text/javascript' src='//ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js'></script></span><br style="line-height: 18px;" /><span style="line-height: 18px;"><script type='text/javascript'></span><br style="line-height: 18px;" /><span style="line-height: 18px;">(function(a){function h(){g||(g=!0,d?(b.find("a").hide(),b.find("img").show(),a.ajax(d,{dataType:"html"}).done(function(c){var c=a("<div></div>").append(c.replace(j,"")),e=c.find("a.blog-pager-older-link");e?d=e.attr("href"):(d="",b.hide());c=c.find(i).children();a(i).append(c);window._gaq&&window._gaq.push(["_trackPageview",d]);window.gapi&&window.gapi.plusone&&window.gapi.plusone.go&&window.gapi.plusone.go();window.disqus_shortname&&a.getScript("http://"+window.disqus_shortname+".disqus.com/blogger_index.js");</span><br style="line-height: 18px;" /><span style="line-height: 18px;">window.FB&&window.FB.XFBML&&window.FB.XFBML.parse&&window.FB.XFBML.parse();b.find("img").hide();b.find("a").show();g=!1})):b.hide())}function k(){var a=Math.max(f.height(),l.height(),document.documentElement.clientHeight),b=f.scrollTop()+f.height();0>a-b&&h()}var d="",b=null,i="div.blog-posts",g=!1,f=a(window),l=a(document),j=/<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi;a(document).ready(function(){if("item"!=_WidgetManager._GetAllData().blog.pageType&&(d=a("a.blog-pager-older-link").attr("href"))){var c=</span><br style="line-height: 18px;" /><span style="line-height: 18px;">a('<a href="javascript:;" ><span style="color: blue;"><b>Daha Fazla Konu Göster</b></span></a>');c.click(h);var e=a('<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0GWIgPZG_PQmgSK76JNyrIgf_KkNnqqeV1X79SqeYrTyPjEqNtC-fEh5qSaUTY9svUtoyV1b14tUjGnh4L7a6lalPt0OQbpQfDv9MzI7YvzXn_mmKIRFIXoWsocs7a-JNu20yahoU2MB7/s1600/horizontal-loader-white.gif" style="display: none;">');f.scroll(k);b=a('<div class="blogsdaddyloader"></div>');b.append(c);b.append(e);b.insertBefore(a("#blog-pager"));a("#blog-pager").hide()}})})(jQuery);</span><br style="line-height: 18px;" /><span style="line-height: 18px;"></script></span><br style="line-height: 18px;" /><span style="line-height: 18px;"></span><br style="line-height: 18px;" /><span style="line-height: 18px;"><style></span><br style="line-height: 18px;" /><span style="line-height: 18px;">.blogsdaddyloader a{text-decoration:none;display:block;width:100%;color:#FFFFFF;}</span><br style="line-height: 18px;" /><span style="line-height: 18px;">.blogsdaddyloader{</span><br style="line-height: 18px;" /><span style="line-height: 18px;">border:1px solid #616261;-webkit-box-shadow: #B4B5B5 1px 1px 1px  ;-moz-box-shadow: #B4B5B5 1px 1px 1px ; box-shadow: #B4B5B5 1px 1px 1px  ; -webkit-border-radius: 4px; -moz-border-radius: 4px;border-radius: 4px;font-family:arial, helvetica, sans-serif; padding: 8px 8px 8px 8px; text-shadow: 2px 2px 0 rgba(0,0,0,0.3);font-weight:bold; text-align: center; color: #FFFFFF; background-color: #7d7e7d;</span><br style="line-height: 18px;" /><span style="line-height: 18px;"> background-image: -webkit-gradient(linear, left top, left bottom, from(#7d7e7d), to(#0e0e0e));</span><br style="line-height: 18px;" /><span style="line-height: 18px;"> background-image: -webkit-linear-gradient(top, #7d7e7d, #0e0e0e);</span><br style="line-height: 18px;" /><span style="line-height: 18px;"> background-image: -moz-linear-gradient(top, #7d7e7d, #0e0e0e);</span><br style="line-height: 18px;" /><span style="line-height: 18px;"> background-image: -ms-linear-gradient(top, #7d7e7d, #0e0e0e);</span><br style="line-height: 18px;" /><span style="line-height: 18px;"> background-image: -o-linear-gradient(top, #7d7e7d, #0e0e0e);</span><br style="line-height: 18px;" /><span style="line-height: 18px;"> background-image: linear-gradient(to bottom, #7d7e7d, #0e0e0e);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#7d7e7d, endColorstr=#0e0e0e);</span><br style="line-height: 18px;" /><span style="line-height: 18px;">}</span><br style="line-height: 18px;" /><span style="line-height: 18px;">.blogsdaddyloader:hover{</span><br style="line-height: 18px;" /><span style="line-height: 18px;"> border:1px solid #4a4b4a; background-color: #646464;</span><br style="line-height: 18px;" /><span style="line-height: 18px;"> background-image: -webkit-gradient(linear, left top, left bottom, from(#646464), top(#282828));</span><br style="line-height: 18px;" /><span style="line-height: 18px;"> background-image: -webkit-linear-gradient(top, #646464, #282828);</span><br style="line-height: 18px;" /><span style="line-height: 18px;"> background-image: -moz-linear-gradient(top, #646464, #282828);</span><br style="line-height: 18px;" /><span style="line-height: 18px;"> background-image: -ms-linear-gradient(top, #646464, #282828);</span><br style="line-height: 18px;" /><span style="line-height: 18px;"> background-image: -o-linear-gradient(top, #646464, #282828);</span><br style="line-height: 18px;" /><span style="line-height: 18px;"> background-image: linear-gradient(to bottom, #646464, #282828);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#646464, endColorstr=#282828);</span><br style="line-height: 18px;" /><span style="line-height: 18px;">}</span><br style="line-height: 18px;" /><span style="line-height: 18px;"></style></span></span></div>
</div>
</div>
</div>
<div class="separator" style="clear: both;">
<span style="font-family: Verdana, sans-serif;"><b>STİL >> 4</b></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxmX7qfMeZae0U7jm92sklTFFM0pKeaTpr5Lnwkpm3MNAJXDPuleWtNQFtU1R9hxYohJ_cSA2a4JrPRDAgib6-VUXIkVtbTjeD9adM1-4GdoKnSij5huoN08jV2aU5_0ox7xTPH7-nYDs/s1600/sitemuhendisi+stil+4.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxmX7qfMeZae0U7jm92sklTFFM0pKeaTpr5Lnwkpm3MNAJXDPuleWtNQFtU1R9hxYohJ_cSA2a4JrPRDAgib6-VUXIkVtbTjeD9adM1-4GdoKnSij5huoN08jV2aU5_0ox7xTPH7-nYDs/s1600/sitemuhendisi+stil+4.JPG" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both;">
</div>
<div dir="ltr" style="background-color: white; line-height: 24px;" trbidi="on">
<div dir="ltr" trbidi="on">
<div class="code" style="border-color: rgb(92, 123, 144); border-style: solid; border-width: 1px 1px 1px 20px; margin: 10px 0px 10px 10px; max-height: 200px; min-height: 16px; outline: 0px; overflow: auto; padding: 10px; vertical-align: baseline; width: 505px;">
<div class="line number1 index0 alt2" style="border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<span style="font-family: Verdana, sans-serif;"><span style="line-height: 18px;"><script type='text/javascript' src='//ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js'></script></span><br style="line-height: 18px;" /><span style="line-height: 18px;"><script type='text/javascript'></span><br style="line-height: 18px;" /><span style="line-height: 18px;">(function(a){function h(){g||(g=!0,d?(b.find("a").hide(),b.find("img").show(),a.ajax(d,{dataType:"html"}).done(function(c){var c=a("<div></div>").append(c.replace(j,"")),e=c.find("a.blog-pager-older-link");e?d=e.attr("href"):(d="",b.hide());c=c.find(i).children();a(i).append(c);window._gaq&&window._gaq.push(["_trackPageview",d]);window.gapi&&window.gapi.plusone&&window.gapi.plusone.go&&window.gapi.plusone.go();window.disqus_shortname&&a.getScript("http://"+window.disqus_shortname+".disqus.com/blogger_index.js");</span><br style="line-height: 18px;" /><span style="line-height: 18px;">window.FB&&window.FB.XFBML&&window.FB.XFBML.parse&&window.FB.XFBML.parse();b.find("img").hide();b.find("a").show();g=!1})):b.hide())}function k(){var a=Math.max(f.height(),l.height(),document.documentElement.clientHeight),b=f.scrollTop()+f.height();0>a-b&&h()}var d="",b=null,i="div.blog-posts",g=!1,f=a(window),l=a(document),j=/<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi;a(document).ready(function(){if("item"!=_WidgetManager._GetAllData().blog.pageType&&(d=a("a.blog-pager-older-link").attr("href"))){var c=</span><br style="line-height: 18px;" /><span style="line-height: 18px;">a('<a href="javascript:;" ></span><b style="color: blue; line-height: 18px;">Daha Fazla Konu Göster</b><span style="line-height: 18px;"></a>');c.click(h);var e=a('<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0GWIgPZG_PQmgSK76JNyrIgf_KkNnqqeV1X79SqeYrTyPjEqNtC-fEh5qSaUTY9svUtoyV1b14tUjGnh4L7a6lalPt0OQbpQfDv9MzI7YvzXn_mmKIRFIXoWsocs7a-JNu20yahoU2MB7/s1600/horizontal-loader-white.gif" style="display: none;">');f.scroll(k);b=a('<div class="blogsdaddyloader"></div>');b.append(c);b.append(e);b.insertBefore(a("#blog-pager"));a("#blog-pager").hide()}})})(jQuery);</span><br style="line-height: 18px;" /><span style="line-height: 18px;"></script></span><br style="line-height: 18px;" /><span style="line-height: 18px;"></span><br style="line-height: 18px;" /><span style="line-height: 18px;"><style></span><br style="line-height: 18px;" /><span style="line-height: 18px;">.blogsdaddyloader a{text-decoration:none;display:block;width:100%;color:#3772AB;}</span><br style="line-height: 18px;" /><span style="line-height: 18px;">.blogsdaddyloader{border:2px solid #3772AB;font-family:arial, helvetica, sans-serif; padding: 8px 8px 8px 8px; font-weight:bold; text-align: center; color: #3772AB;}</span><br style="line-height: 18px;" /><span style="line-height: 18px;">.blogsdaddyloader a:hover{color: #000000;}</span><br style="line-height: 18px;" /><span style="line-height: 18px;"></style></span></span></div>
</div>
</div>
</div>
<div class="separator" style="clear: both;">
</div>
<div class="separator" style="clear: both;">
<span style="font-family: Verdana, sans-serif;"><b>STİL >> 5</b></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJ7tePa6OqbV1tv_AU-UeBdgdgvSeiZXomOq26fG5wxv2dtRWBwuRpcOkM9fM39oPx4eaZABiF0l5ozxJT5Ft8L33J92a4RkCWatJLo9dNxe14TEsXBCUle1pk49-AE4-Xskz9WBJa_xI/s1600/sitemuhendisi+stil+5.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJ7tePa6OqbV1tv_AU-UeBdgdgvSeiZXomOq26fG5wxv2dtRWBwuRpcOkM9fM39oPx4eaZABiF0l5ozxJT5Ft8L33J92a4RkCWatJLo9dNxe14TEsXBCUle1pk49-AE4-Xskz9WBJa_xI/s1600/sitemuhendisi+stil+5.JPG" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxmX7qfMeZae0U7jm92sklTFFM0pKeaTpr5Lnwkpm3MNAJXDPuleWtNQFtU1R9hxYohJ_cSA2a4JrPRDAgib6-VUXIkVtbTjeD9adM1-4GdoKnSij5huoN08jV2aU5_0ox7xTPH7-nYDs/s1600/sitemuhendisi+stil+4.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: Verdana, sans-serif;"></span></a></div>
<div class="separator" style="clear: both;">
</div>
<div dir="ltr" style="background-color: white; line-height: 24px;" trbidi="on">
<div dir="ltr" trbidi="on">
<div class="code" style="border-color: rgb(92, 123, 144); border-style: solid; border-width: 1px 1px 1px 20px; margin: 10px 0px 10px 10px; max-height: 200px; min-height: 16px; outline: 0px; overflow: auto; padding: 10px; vertical-align: baseline; width: 505px;">
<div class="line number1 index0 alt2" style="border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<span style="font-family: Verdana, sans-serif;"><span style="line-height: 18px;"><script type='text/javascript' src='//ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js'></script></span><br style="line-height: 18px;" /><span style="line-height: 18px;"><script type='text/javascript'></span><br style="line-height: 18px;" /><span style="line-height: 18px;">(function(a){function h(){g||(g=!0,d?(b.find("a").hide(),b.find("img").show(),a.ajax(d,{dataType:"html"}).done(function(c){var c=a("<div></div>").append(c.replace(j,"")),e=c.find("a.blog-pager-older-link");e?d=e.attr("href"):(d="",b.hide());c=c.find(i).children();a(i).append(c);window._gaq&&window._gaq.push(["_trackPageview",d]);window.gapi&&window.gapi.plusone&&window.gapi.plusone.go&&window.gapi.plusone.go();window.disqus_shortname&&a.getScript("http://"+window.disqus_shortname+".disqus.com/blogger_index.js");</span><br style="line-height: 18px;" /><span style="line-height: 18px;">window.FB&&window.FB.XFBML&&window.FB.XFBML.parse&&window.FB.XFBML.parse();b.find("img").hide();b.find("a").show();g=!1})):b.hide())}function k(){var a=Math.max(f.height(),l.height(),document.documentElement.clientHeight),b=f.scrollTop()+f.height();0>a-b&&h()}var d="",b=null,i="div.blog-posts",g=!1,f=a(window),l=a(document),j=/<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi;a(document).ready(function(){if("item"!=_WidgetManager._GetAllData().blog.pageType&&(d=a("a.blog-pager-older-link").attr("href"))){var c=</span><br style="line-height: 18px;" /><span style="line-height: 18px;">a('<a href="javascript:;" ></span><b style="color: blue; line-height: 18px;">Daha Fazla Konu Göster</b><span style="line-height: 18px;"></a>');c.click(h);var e=a('<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0GWIgPZG_PQmgSK76JNyrIgf_KkNnqqeV1X79SqeYrTyPjEqNtC-fEh5qSaUTY9svUtoyV1b14tUjGnh4L7a6lalPt0OQbpQfDv9MzI7YvzXn_mmKIRFIXoWsocs7a-JNu20yahoU2MB7/s1600/horizontal-loader-white.gif" style="display: none;">');f.scroll(k);b=a('<div class="blogsdaddyloader"></div>');b.append(c);b.append(e);b.insertBefore(a("#blog-pager"));a("#blog-pager").hide()}})})(jQuery);</span><br style="line-height: 18px;" /><span style="line-height: 18px;"></script></span><br style="line-height: 18px;" /><span style="line-height: 18px;"></span><br style="line-height: 18px;" /><span style="line-height: 18px;"><style></span><br style="line-height: 18px;" /><span style="line-height: 18px;">.blogsdaddyloader a{text-decoration:none;display:block;width:100%;color:#FFFFFF;}</span><br style="line-height: 18px;" /><span style="line-height: 18px;">.blogsdaddyloader{</span><br style="line-height: 18px;" /><span style="line-height: 18px;">border:1px solid #df0909;-webkit-box-shadow: #B4B5B5 1px 1px 1px  ;-moz-box-shadow: #B4B5B5 1px 1px 1px ; box-shadow: #B4B5B5 1px 1px 1px  ; -webkit-border-radius: 4px; -moz-border-radius: 4px;border-radius: 4px;font-family:arial, helvetica, sans-serif; padding: 8px 8px 8px 8px; text-shadow: 2px 2px 0 rgba(0,0,0,0.3);font-weight:bold; text-align: center; color: #FFFFFF; background-color: #f62b2b;</span><br style="line-height: 18px;" /><span style="line-height: 18px;"> background-image: -webkit-gradient(linear, left top, left bottom, from(#f62b2b), to(#d20202));</span><br style="line-height: 18px;" /><span style="line-height: 18px;"> background-image: -webkit-linear-gradient(top, #f62b2b, #d20202);</span><br style="line-height: 18px;" /><span style="line-height: 18px;"> background-image: -moz-linear-gradient(top, #f62b2b, #d20202);</span><br style="line-height: 18px;" /><span style="line-height: 18px;"> background-image: -ms-linear-gradient(top, #f62b2b, #d20202);</span><br style="line-height: 18px;" /><span style="line-height: 18px;"> background-image: -o-linear-gradient(top, #f62b2b, #d20202);</span><br style="line-height: 18px;" /><span style="line-height: 18px;"> background-image: linear-gradient(to bottom, #f62b2b, #d20202);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f62b2b, endColorstr=#d20202);</span><br style="line-height: 18px;" /><span style="line-height: 18px;">}</span><br style="line-height: 18px;" /><span style="line-height: 18px;">.blogsdaddyloader:hover{</span><br style="line-height: 18px;" /><span style="line-height: 18px;"> border:1px solid #b30808; background-color: #e40a0a;</span><br style="line-height: 18px;" /><span style="line-height: 18px;"> background-image: -webkit-gradient(linear, left top, left bottom, from(#e40a0a), top(#9f0202));</span><br style="line-height: 18px;" /><span style="line-height: 18px;"> background-image: -webkit-linear-gradient(top, #e40a0a, #9f0202);</span><br style="line-height: 18px;" /><span style="line-height: 18px;"> background-image: -moz-linear-gradient(top, #e40a0a, #9f0202);</span><br style="line-height: 18px;" /><span style="line-height: 18px;"> background-image: -ms-linear-gradient(top, #e40a0a, #9f0202);</span><br style="line-height: 18px;" /><span style="line-height: 18px;"> background-image: -o-linear-gradient(top, #e40a0a, #9f0202);</span><br style="line-height: 18px;" /><span style="line-height: 18px;"> background-image: linear-gradient(to bottom, #e40a0a, #9f0202);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#e40a0a, endColorstr=#9f0202);</span><br style="line-height: 18px;" /><span style="line-height: 18px;">}</span><br style="line-height: 18px;" /><span style="line-height: 18px;"></style></span></span></div>
</div>
</div>
</div>
<br />
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Verdana, sans-serif;">Yukarıdaki kod için benim önerdiğim yazı </span><b style="background-color: white; color: blue; font-family: Verdana, sans-serif; line-height: 18px;">Daha Fazla Konu Göster </b><span style="background-color: white; font-family: Verdana, sans-serif; line-height: 18px;">ama siz başka bir şey yazmak istiyorsanız kodlar içersinden değiştirebilirsiniz.</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="background-color: white; font-family: Verdana, sans-serif; line-height: 18px;"><br /></span></div>
</div>
</div>

Blogger Daha Fazla Konu Göster Eklentisi

Blogger için yazılarımız çok önemlidir ve temamıza vereceğim eklentilerde.Gün geçtikçe sizlere farklı farklı stilde eklentiler sunuyo...

+ Devamı »

Blogger Soldan Açılan Sosyal Sevimli Butonlar Eklentisi

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiS0oLiWhgWtQ0eu1SWQF_NnoPImf2YvYIbXN97T-JwTOGdTIBmuO1s0U5SDBa4n1xJ-9iq-WWRri1GqLKITvonFdrEMlC7SI04hMuQTyafmQOvzE4z21lUXVSLr-Rqdgf989jdsE8RTvM/s1600/sitemuhendisi+butonlar.jpeg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiS0oLiWhgWtQ0eu1SWQF_NnoPImf2YvYIbXN97T-JwTOGdTIBmuO1s0U5SDBa4n1xJ-9iq-WWRri1GqLKITvonFdrEMlC7SI04hMuQTyafmQOvzE4z21lUXVSLr-Rqdgf989jdsE8RTvM/s1600/sitemuhendisi+butonlar.jpeg" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="text-align: left;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="text-align: left;">Blogger için kullanacağını bu eklenti ilk olarak jquery eklenti olduğunu unutmayın neden bunu ilk söylediğimi deneyimli arkadaşlar bilir ama bilmeyenler için söylüyorum jquery eklentileri eğerki blogunuzda var ise bu eklenti ile çakışabilir ve buda eklenti çalıştırmaz duruma getirir.Eklentimiz resimde ve aşağıdaki videoda hem özelliğine hemde </span><span style="color: red; text-align: left;"><b><a href="http://sitemuhendisionizlemeler.blogspot.com/2013/11/blogger-soldan-aclan-sosyal-sevimli.html">DEMO</a></b></span><span style="text-align: left;">'suna bakabilirsiniz.Sevimli butonlar blogunuzun sol tarafından renkli renkli ve oldukçada hoş göze hitap ediyor.</span></div>
<br />
<div dir="ltr" trbidi="on">
<div dir="ltr" style="background-color: #f9f9f9; color: #494949; font-family: Helvetica, Arial, sans-serif; font-size: 15px; line-height: 22px; text-align: center;" trbidi="on">
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Verdana, sans-serif;"><a href="http://www.blogger.com/home" style="-webkit-transition: all 0.2s ease-out; color: black; text-decoration: none;" target="_blank"><span style="color: blue;"><b>Blogger Paneline</b></span> </a>Girin.</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Verdana, sans-serif;">1-<b>Yerleşim </b>Tıklıyoruz > 2-<b>Gatget Ekle</b> > 3-<b>HTML/JavaScript</b> dedikten sonra aşağıdaki kodları içersine yerleştiriyoruz.</span></div>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjw-wgQov4jrrnGuVfTpM31dhkukE_1E_OKs78qdXN2w1vtyptKUeVu5-VZOCDEpH7CsNEjJksw5_gJBA1DnLn_VF-QaY7rbjGuuA4cv9Z-Hjz9nhQsfJ3qwhulyxAJyLTWyEATHDtaGF4/s1600/SITEMUHEND%C4%B0S%C4%B0.JPG" /></div>
<br /></div>
<div dir="ltr" trbidi="on">
<div class="separator" style="background-color: white; clear: both; color: #494949; font-family: Helvetica, Arial, sans-serif; font-size: 15px; line-height: 24px; text-align: center;">
</div>
<div class="code" style="border-color: rgb(92, 123, 144); border-style: solid; border-width: 1px 1px 1px 20px; margin: 10px 0px 10px 10px; max-height: 200px; min-height: 16px; outline: 0px; overflow: auto; padding: 10px; vertical-align: baseline; width: 505px;">
<div class="line number1 index0 alt2" style="border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<span style="font-family: Verdana, sans-serif;"><span style="line-height: 14.296875px; white-space: pre;"><span style="background-color: rgb(241, 241, 241) !important; color: #494949;"><style type="text/css">
ul#social {
    position: fixed;
    margin: 0px;
    padding: 0px;
    top: 10px;
    left: 0px;
    list-style: none;
    z-index:9999;
}
ul#social li {
    width: 100px;
}
ul#social li a {
    display: block;
    margin-left: -2px;
    width: 100px;
    height: 70px;    
    background-color:#fff;
    background-repeat:no-repeat;
    background-position:center center;
    border:1px solid #AFAFAF;
    -moz-border-radius:0px 10px 10px 0px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -khtml-border-bottom-right-radius: 10px;
    -khtml-border-top-right-radius: 10px;
    -moz-box-shadow: 0px 4px 3px #000;
    -webkit-box-shadow: 0px 4px 3px #000;
}
ul#social .twitter a{
     background:#0F96C6 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxFWwSpyihfd9Fi_1lX5Ixm3DDVm9ZZZ5yr0v5Xkf-BdbdyfUfQIWf7A324kNeuSuZY18h5lsRSyUmZIT4f1cMmqTw5wgyRGYvB1PWLkNDHm724UGRXji6mgVMV3ft9Z_QqasSWC4TgFs/s1600/Twitter.png)no-repeat;
background-position:center center;
}
ul#social .googleplus a      {
    background:#D73D27 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjKcnMNdFRLHePBsCgYQriFTSis9RpF3b4DZo2uR52IvAxDMjWA2Wx53c6y_E5fZsM5RdppzfK52gk8L2tuCGcDOOkYryF0ZBkB3f-uJdzuHqb0oj-8SrWASPjk-AWBYNv9ZKEUaNX3qc/s1600/GOOGLE+PLus.png)no-repeat;
background-position:center center;
}
ul#social .facebook a      {
    background:#1A4B97 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8efIq42wg_1eMrqERNsHYS11e3B9pvB3ZLRjf5chqyy4u0riUZUu9bzJr75fSyTCHiblMjj5r1UiF4BnxppVLoTdGGIHCNNYyXZGb0Yooq7UqjWbqaN5N5mrXdu2FLlguTut_3lZgALE/s1600/Facebook.png)no-repeat;
background-position:center center;
}
ul#social .rss a      {
    background:#FAAE17 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxLfPRZCNa9dHGXhmxS2-otVCWSZph3Y5E5YWiCmUzBRvtyTjPLg_WEi-MutuGj-O2FeCSkNECxrSDOe4BfSosg3JkKP9ETPLKQQfzYGlBLJNjTc3yMDwZFVOLqUfDVTdUTeXsQ_9BmOc/s1600/rss.png)no-repeat;
background-position:center center;
}

ul#social .pinterest a   {
    background:#963336 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkpDXgHlZqicsKus32H9idHPVZvvb2QnnjRECw9ncauNlXrfk9S8rY6uA0YxJBBoPlOc3nGDLXHKgau8i-WcWVwko2RjcUUszQus4JiaEFV6Nvc-tuvMKABlsH9Ai99rPHGh3P3KeQk98/s1600/Pinterest.png)no-repeat;
background-position:center center;
}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type='text/javascript'>
$(function () {
    $('#social a').stop().animate({
        'marginLeft': '-85px'
    }, 1000);

$('#social > li').hover(
        function () {
            $('a', $(this)).stop().animate({
                'marginLeft': '-2px'
            }, 200);
        },
        function () {
            $('a', $(this)).stop().animate({
                'marginLeft': '-85px'
            }, 200);
        }
    );
});
</script>
<ul id='social'>
 <li class='twitter'><a href='</span></span><span style="background-color: white; color: #494949; line-height: 18px;">http://twitter.com/</span><span style="color: magenta; line-height: 18px;">Site Mühendisi</span><span style="background-color: rgb(241, 241, 241) !important; color: #494949; line-height: 14.296875px; white-space: pre;">' title='</span><span style="background-color: white; line-height: 14.296875px; white-space: pre;">Twitter</span><span style="background-color: rgb(241, 241, 241) !important; line-height: 14.296875px; white-space: pre;"><span style="color: #494949;">'></a></li></span></span></span></div>
<div class="line number1 index0 alt2" style="border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<span style="font-family: Verdana, sans-serif;"><span style="line-height: 14.296875px; white-space: pre;"><span style="background-color: rgb(241, 241, 241) !important;"><span style="color: #494949;"> <li class='googleplus'><a href='</span></span></span><span style="background-color: white; line-height: 18px;">http://plus.google.com/</span><span style="background-color: rgb(241, 241, 241) !important;"><span style="color: blue;"><span style="line-height: 18px;">104102688136069562169</span></span><span style="color: #494949;"><span style="line-height: 14.296875px; white-space: pre;">' title='</span></span><span style="line-height: 14.296875px; white-space: pre;">Google Plus</span><span style="color: #494949; line-height: 14.296875px; white-space: pre;">'></a></li>
 <li class='facebook'><a href='</span></span><span style="color: #494949; line-height: 18px;">http://www.facebook.com/</span><span style="color: magenta; line-height: 18px;">SiteMühendisi</span><span style="line-height: 14.296875px; white-space: pre;"><span style="background-color: rgb(241, 241, 241) !important;"><span style="color: #494949;">' title='</span>Facebook<span style="color: #494949;">'></a></li>
 <li class='rss'><a href='</span></span></span><span style="color: #494949; line-height: 18px;">http://feeds.feedburner.com/</span><span style="color: magenta; line-height: 18px;">SiteMühendisi</span><span style="background-color: rgb(241, 241, 241) !important;"><span style="color: #494949; line-height: 14.296875px; white-space: pre;">' title='</span><span style="line-height: 14.296875px; white-space: pre;">Rss</span><span style="color: #494949;"><span style="line-height: 14.296875px; white-space: pre;">'></a></li>
 <li class='pinterest'><a href='http://www.pinterest.com/</span></span></span><span style="color: magenta; line-height: 18px;">SiteMühendisi</span><span style="background-color: rgb(241, 241, 241) !important;"><span style="color: #494949;"><span style="line-height: 14.296875px; white-space: pre;">/' title='</span></span><span style="line-height: 14.296875px; white-space: pre;">Pinterest</span><span style="color: #494949; line-height: 14.296875px; white-space: pre;">'></a></li><span style="font-size: 15px;">
</ul></span></span></span></span></div>
</div>
</div>
</div>
<br />
Yukarıdaki kodlar içersinde mavi renkli olan bütün bölümlere kendi sosyal medya adreslerinizi gireceksiniz.<br />
<div class="separator" style="clear: both; text-align: center;">
</div>

Blogger Soldan Açılan Sosyal Sevimli Butonlar Eklentisi

Blogger için kullanacağını bu eklenti ilk olarak jquery eklenti olduğunu unutmayın neden bunu ilk söylediğimi deneyimli arkadaşlar bili...

+ Devamı »

Blogger oyun teması İndir

<div>
Blogger için güzel bir <b>Blogger oyun teması</b> ister oyun ekleyebilir isterseniz oyun inceleme tanıtımı yazabilirsiniz  bu sizin seçiminize kalmış temanın demosundan detaylı şekilde temayı inceleyebilirsiniz.<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: left; margin-right: 1em; text-align: left;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSIDCmQ1_Zu9mKArm3Hv09v-Q5LJ_Rtem2bDnQiD8tSIz_yTyA-es1V3kcC6cBnqnSLymES5R-0bbGOsjaBV0uz1XHBibI9kYGERLHqUugdmBZLaROC-vLBVVpJUzDEDL89NkVzbnaG5Mg/s1600/ada02b71_smush_-EJDWsb3KvnY_T-rpd6DoshI_AAAAAAAAAYM__rSqbVZzQMs_s1600.jpg" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-left: auto; margin-right: auto;"><img alt="oyun teması" border="0" height="192" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSIDCmQ1_Zu9mKArm3Hv09v-Q5LJ_Rtem2bDnQiD8tSIz_yTyA-es1V3kcC6cBnqnSLymES5R-0bbGOsjaBV0uz1XHBibI9kYGERLHqUugdmBZLaROC-vLBVVpJUzDEDL89NkVzbnaG5Mg/s1600/ada02b71_smush_-EJDWsb3KvnY_T-rpd6DoshI_AAAAAAAAAYM__rSqbVZzQMs_s1600.jpg" title="blogger oyun teması" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"> blogger oyun teması</td></tr>
</tbody></table>
<a href="http://goo.gl/d71gH9" target="_blank">İNDİR</a>  <a href="http://goo.gl/3WuCLg" target="_blank">DEMO</a><br />
<br />
<br />
<br />
Bu tema ilginizi çekmedimi?<br />
Daha fazla <b>Blogger Temaları </b>için <a href="/search/label/Blogger%20Tema">tıklayınız.</a> <br />
<br />
</div>

Blogger oyun teması İndir

Blogger için güzel bir Blogger oyun teması ister oyun ekleyebilir isterseniz oyun inceleme tanıtımı yazabilirsiniz bu sizin seçiminize ka...

+ Devamı »

Blogger Resimlerinize Özel Efektler Verin

<span style="font-family: Verdana, sans-serif;">Blog resimleriniz için beş harika CSS stillerinde farklı efekt ve gölgeler ile farklı bir blog tarzı sunabilirsiniz bu eklenti ile.Aşağıdaki beş stildeki şekiller ile daha güzel bir görünümde verebilirsiniz.Oldukça eklemesi basit bir eklenti sayesinde blogunuzdaki resimlere farklı özel bir efekt sunabilirsiniz.CSS stillerinin demosunu yazımın en altında sizlere paylaşıyorum kendinize uyanı ve güzel bulduğunuzu blogunuza ekleyebilirsiniz.<br /><b><br /></b></span><br />
<div class="separator" style="background-color: white; clear: both; font-family: Helvetica, Arial, sans-serif; font-size: 15px; line-height: 24px;">
<span style="font-family: Verdana, sans-serif;"><a href="http://www.blogger.com/home" style="text-decoration: none;" target="_blank"><b>Blogger Paneline</b><span style="-webkit-transition: 0.2s ease-out;"> </span></a>Girin. .</span></div>
<div class="separator" style="background-color: white; clear: both; font-family: Helvetica, Arial, sans-serif; font-size: 15px; line-height: 24px;">
</div>
<div class="separator" style="background-color: white; clear: both; font-family: Helvetica, Arial, sans-serif; font-size: 15px; line-height: 24px;">
<span style="font-family: Verdana, sans-serif;"><b>Şablon </b>Tıklıyoruz > <b>HTML Düzenle</b> > <b>CTRL+F </b>yardımı ile<b> </b><b>]]></b:skin></b><b><span style="line-height: 20px;"> </span></b><span style="line-height: 20px;">kodunu buluyoruz ve aşağıdaki kodlardan hangisini seçiyorsanız hemen üstüne yerleştiriyoruz</span></span></div>
<span style="font-family: Verdana, sans-serif;"><b><br /></b>
<b>CSS STİL > 1</b></span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEia0PDRmPgH2OQ_BL1mMpGgAUtLCNhlZGkD_ziSAhyyHkFy6dj3SlJc_durz1YZoHqM_PFbve9_DPOlEqT_bfYGrTPCwIL0xa19xO_I5PKRsj-VR34pMqOhae6fqfho7r7-2av4yyb5uwQW/s1600/ST%C4%B0L+1+sitemuhendisi.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEia0PDRmPgH2OQ_BL1mMpGgAUtLCNhlZGkD_ziSAhyyHkFy6dj3SlJc_durz1YZoHqM_PFbve9_DPOlEqT_bfYGrTPCwIL0xa19xO_I5PKRsj-VR34pMqOhae6fqfho7r7-2av4yyb5uwQW/s1600/ST%C4%B0L+1+sitemuhendisi.JPG" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div dir="ltr" style="background-color: white; color: #494949; line-height: 24px;" trbidi="on">
<div dir="ltr" trbidi="on">
<div class="code" style="border-color: rgb(92, 123, 144); border-style: solid; border-width: 1px 1px 1px 20px; margin: 10px 0px 10px 10px; max-height: 200px; min-height: 16px; outline: 0px; overflow: auto; padding: 10px; vertical-align: baseline; width: 505px;">
<div class="line number1 index0 alt2" style="border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<span style="font-family: Verdana, sans-serif;"><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;"> </span><b style="color: #242424; line-height: 18px;">.post-body img</b><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;"> {</span></span><br />
<span style="background-color: #f9f9f9; color: #242424; font-family: Verdana, sans-serif; line-height: 18px;">border:0;</span><br />
<span style="background-color: #f9f9f9; color: #242424; font-family: Verdana, sans-serif; line-height: 18px;">padding:0;</span><br />
<span style="background-color: #f9f9f9; color: #242424; font-family: Verdana, sans-serif; line-height: 18px;">-moz-transition: all 1s;</span><br />
<span style="background-color: #f9f9f9; color: #242424; font-family: Verdana, sans-serif; line-height: 18px;">-webkit-transition: all 1s;</span><br />
<span style="background-color: #f9f9f9; color: #242424; font-family: Verdana, sans-serif; line-height: 18px;">-o-transition: all 1s;</span><br />
<span style="background-color: #f9f9f9; color: #242424; font-family: Verdana, sans-serif; line-height: 18px;">}</span><br />
<span style="font-family: Verdana, sans-serif;"><b style="color: #242424; line-height: 18px;">.post-body img:hover</b><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;"> {</span></span><br />
<span style="font-family: Verdana, sans-serif;"><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;">box-shadow: 0px 0px 15px #000; </span><span style="color: #38761d; line-height: 18px;">/* Gölge */</span></span><br />
<span style="font-family: Verdana, sans-serif;"><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;">border-radius: 50%; </span><span style="color: #38761d; line-height: 18px;">/* </span><span style="background-color: #f9f9f9; color: #38761d; line-height: 18px;">Yuvarlatılmış kenar</span><span style="color: #38761d; line-height: 18px;">*/</span></span><br />
<span style="background-color: #f9f9f9; color: #242424; font-family: Verdana, sans-serif; line-height: 18px;">-moz-transition: all 1s;</span><br />
<span style="background-color: #f9f9f9; color: #242424; font-family: Verdana, sans-serif; line-height: 18px;">-webkit-transition: all 1s;</span><br />
<span style="background-color: #f9f9f9; color: #242424; font-family: Verdana, sans-serif; line-height: 18px;">-o-transition: all 1s;</span><br />
<span style="background-color: #f9f9f9; color: #242424; font-family: Verdana, sans-serif; line-height: 18px;">cursor:pointer;</span><br />
<span style="background-color: #f9f9f9; color: #242424; font-family: Verdana, sans-serif; line-height: 18px;">}</span></div>
</div>
</div>
</div>
<div class="separator" style="background-color: white; clear: both; color: #494949; line-height: 24px;">
</div>
<div class="separator" style="background-color: white; clear: both; color: #494949; line-height: 24px;">
<span style="font-family: Verdana, sans-serif;"><b><br /></b></span></div>
<div class="separator" style="background-color: white; clear: both; color: #494949; line-height: 24px;">
<span style="font-family: Verdana, sans-serif;"><b>CSS STİL 2 >></b></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmuCIlpa6dBGlknbtuA8lk5sKQCs7HVvhs1AVGaNt9tfBeBdkOYh6b9ezJ5amMZY01qR5KcvoBjtg7LGcA62ZVo0SGM-xYgHfJIJv5ydqQc5pb9QP6qKARsNWcHSwnyZkExu-xOoGUWl9X/s1600/ST%C4%B0L+2+sitemuhendisi.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmuCIlpa6dBGlknbtuA8lk5sKQCs7HVvhs1AVGaNt9tfBeBdkOYh6b9ezJ5amMZY01qR5KcvoBjtg7LGcA62ZVo0SGM-xYgHfJIJv5ydqQc5pb9QP6qKARsNWcHSwnyZkExu-xOoGUWl9X/s1600/ST%C4%B0L+2+sitemuhendisi.JPG" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<div dir="ltr" style="background-color: white; color: #494949; line-height: 24px;" trbidi="on">
<div dir="ltr" trbidi="on">
<div class="code" style="border-color: rgb(92, 123, 144); border-style: solid; border-width: 1px 1px 1px 20px; margin: 10px 0px 10px 10px; max-height: 200px; min-height: 16px; outline: 0px; overflow: auto; padding: 10px; vertical-align: baseline; width: 505px;">
<div class="line number1 index0 alt2" style="border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<span style="font-family: Verdana, sans-serif;"><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;"> </span><b style="color: #242424; line-height: 18px;">.post-body img</b><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;"> {</span></span><br />
<span style="font-family: Verdana, sans-serif;"><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;">background:#FFF; </span><span style="color: #38761d; line-height: 18px;">/*</span><span style="color: #38761d; line-height: 18px;">Çevresindeki arka plan rengi </span><span style="color: #38761d; line-height: 18px;"> */</span></span><br />
<span style="background-color: #f9f9f9; color: #242424; font-family: Verdana, sans-serif; line-height: 18px;">padding:15px; </span><br />
<span style="background-color: #f9f9f9; color: #242424; font-family: Verdana, sans-serif; line-height: 18px;">-moz-transition: all 1s;</span><br />
<span style="background-color: #f9f9f9; color: #242424; font-family: Verdana, sans-serif; line-height: 18px;">-webkit-transition: all 1s;</span><br />
<span style="background-color: #f9f9f9; color: #242424; font-family: Verdana, sans-serif; line-height: 18px;">-o-transition: all 1s;</span><br />
<span style="background-color: #f9f9f9; color: #242424; font-family: Verdana, sans-serif; line-height: 18px;">}</span><br />
<span style="font-family: Verdana, sans-serif;"><b style="color: #242424; line-height: 18px;">.post-body img:hover</b><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;"> {</span></span><br />
<span style="font-family: Verdana, sans-serif;"><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;">box-shadow: 0px 0px 15px #000; </span><span style="color: #38761d; line-height: 18px;">/* Gölge*/</span></span><br />
<span style="font-family: Verdana, sans-serif;"><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;">border-radius: 0% 50%; </span><span style="color: #38761d; line-height: 18px;">/*</span><span style="background-color: #f9f9f9; color: #38761d; line-height: 18px;"> Yuvarlatılmış kenar </span><span style="color: #38761d; line-height: 18px;"> */</span></span><br />
<span style="background-color: #f9f9f9; color: #242424; font-family: Verdana, sans-serif; line-height: 18px;">-moz-transition: all 1s;</span><br />
<span style="background-color: #f9f9f9; color: #242424; font-family: Verdana, sans-serif; line-height: 18px;">-webkit-transition: all 1s;</span><br />
<span style="background-color: #f9f9f9; color: #242424; font-family: Verdana, sans-serif; line-height: 18px;">-o-transition: all 1s;</span><br />
<span style="background-color: #f9f9f9; color: #242424; font-family: Verdana, sans-serif; line-height: 18px;">cursor:pointer;</span><br />
<span style="background-color: #f9f9f9; color: #242424; font-family: Verdana, sans-serif; line-height: 18px;">}</span></div>
</div>
</div>
</div>
<div class="separator" style="background-color: white; clear: both; color: #494949; line-height: 24px;">
</div>
<div class="separator" style="background-color: white; clear: both; color: #494949; line-height: 24px;">
<span style="font-family: Verdana, sans-serif;"><b><br /></b></span></div>
<div class="separator" style="background-color: white; clear: both; color: #494949; line-height: 24px;">
<span style="font-family: Verdana, sans-serif;"><b>CSS STİL 3 >>></b></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXCkyrL87XR_RK_5mtnh5sLseHSVJVYnnl7QUmeNefhMtxL_WBTWJfmqaAdQLnVnd8RJV9dokO1h95qKDcJFNSDkoYKW1kkiiUOSZDyL2LgezrcDB4-RVVF80GaU4A-Lqx0LJGpIhYBiQl/s1600/ST%C4%B0L+3+sitemuhendisi.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXCkyrL87XR_RK_5mtnh5sLseHSVJVYnnl7QUmeNefhMtxL_WBTWJfmqaAdQLnVnd8RJV9dokO1h95qKDcJFNSDkoYKW1kkiiUOSZDyL2LgezrcDB4-RVVF80GaU4A-Lqx0LJGpIhYBiQl/s1600/ST%C4%B0L+3+sitemuhendisi.JPG" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<div dir="ltr" style="background-color: white; color: #494949; line-height: 24px;" trbidi="on">
<div dir="ltr" trbidi="on">
<div class="code" style="border-color: rgb(92, 123, 144); border-style: solid; border-width: 1px 1px 1px 20px; margin: 10px 0px 10px 10px; max-height: 200px; min-height: 16px; outline: 0px; overflow: auto; padding: 10px; vertical-align: baseline; width: 505px;">
<div class="line number1 index0 alt2" style="border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<span style="font-family: Verdana, sans-serif;"><b style="color: #242424; line-height: 18px;">.post-body img</b><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;"> {</span></span><br />
<span style="font-family: Verdana, sans-serif;"><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;">background:#FFF; </span><span style="color: #38761d; line-height: 18px;">/* Çevresindeki arka plan rengi *</span><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;">/</span></span><br />
<span style="font-family: Verdana, sans-serif;"><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;">padding:15px; </span><span style="color: #38761d; line-height: 18px;">/* </span><span style="background-color: #f9f9f9; color: #38761d; line-height: 18px;">Sınır Arasındaki Boşluk ve Görüntü</span><span style="color: #38761d; line-height: 18px;"> */</span></span><br />
<span style="font-family: Verdana, sans-serif;"><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;">border-radius: 50% 0; </span><span style="color: #38761d; line-height: 18px;">/* </span><span style="background-color: #f9f9f9; color: #38761d; line-height: 18px;"> Yuvarlatılmış kenar</span><span style="color: #38761d; line-height: 18px;"> */</span></span><br />
<span style="font-family: Verdana, sans-serif;"><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;">box-shadow: 0px 0px 15px #000; </span><span style="color: #38761d; line-height: 18px;">/* </span><span style="background-color: #f9f9f9; color: #38761d; line-height: 18px;">Gölge </span><span style="color: #38761d; line-height: 18px;">*/</span></span><br />
<span style="background-color: #f9f9f9; color: #242424; font-family: Verdana, sans-serif; line-height: 18px;">-moz-transition: all 1s;</span><br />
<span style="background-color: #f9f9f9; color: #242424; font-family: Verdana, sans-serif; line-height: 18px;">-webkit-transition: all 1s;</span><br />
<span style="background-color: #f9f9f9; color: #242424; font-family: Verdana, sans-serif; line-height: 18px;">-o-transition: all 1s;</span><br />
<span style="background-color: #f9f9f9; color: #242424; font-family: Verdana, sans-serif; line-height: 18px;">}</span><br />
<span style="font-family: Verdana, sans-serif;"><b style="color: #242424; line-height: 18px;">.post-body img:hover</b><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;"> {</span></span><br />
<span style="font-family: Verdana, sans-serif;"><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;">border-radius:0; </span><span style="color: #38761d; line-height: 18px;">/* </span><span style="background-color: #f9f9f9; color: #38761d; line-height: 18px;">Bu işlem ile sınır yuvarlaklık (değeri 0)</span><span style="color: #38761d; line-height: 18px;"> */</span></span><br />
<span style="background-color: #f9f9f9; color: #242424; font-family: Verdana, sans-serif; line-height: 18px;">-moz-transition: all 1s;</span><br />
<span style="background-color: #f9f9f9; color: #242424; font-family: Verdana, sans-serif; line-height: 18px;">-webkit-transition: all 1s;</span><br />
<span style="background-color: #f9f9f9; color: #242424; font-family: Verdana, sans-serif; line-height: 18px;">-o-transition: all 1s;</span><br />
<span style="background-color: #f9f9f9; color: #242424; font-family: Verdana, sans-serif; line-height: 18px;">cursor:pointer;</span><br />
<span style="background-color: #f9f9f9; color: #242424; font-family: Verdana, sans-serif; line-height: 18px;">}</span></div>
</div>
</div>
</div>
<div class="separator" style="background-color: white; clear: both; color: #494949; line-height: 24px;">
</div>
<div class="separator" style="background-color: white; clear: both; color: #494949; line-height: 24px;">
<span style="font-family: Verdana, sans-serif;"><b><br /></b></span></div>
<div class="separator" style="background-color: white; clear: both; color: #494949; line-height: 24px;">
<span style="font-family: Verdana, sans-serif;"><b>CSS STİL 4 >>>></b></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtp1vyIe2qJ5h-jRRz-DR864gCAD7iD1l-herklWdiE0VUKy_gxPRp_X_UI0SrXF9px4tKl1rfg77_P63qmTpjqqBrpa09CEB4evuQW_9HyyVz5L7tIM-MaL6LUVcyNqy5SO5dojrbRYiq/s1600/ST%C4%B0L+4+sitemuhendisi.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtp1vyIe2qJ5h-jRRz-DR864gCAD7iD1l-herklWdiE0VUKy_gxPRp_X_UI0SrXF9px4tKl1rfg77_P63qmTpjqqBrpa09CEB4evuQW_9HyyVz5L7tIM-MaL6LUVcyNqy5SO5dojrbRYiq/s1600/ST%C4%B0L+4+sitemuhendisi.JPG" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="background-color: white; clear: both; color: #494949; line-height: 24px;">
</div>
<div dir="ltr" trbidi="on">
<div dir="ltr" trbidi="on">
<div class="code" style="border-color: rgb(92, 123, 144); border-style: solid; border-width: 1px 1px 1px 20px; margin: 10px 0px 10px 10px; max-height: 200px; min-height: 16px; outline: 0px; overflow: auto; padding: 10px; vertical-align: baseline; width: 505px;">
<div class="line number1 index0 alt2" style="border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<span style="font-family: Verdana, sans-serif;"><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;"> </span><b style="color: #242424; line-height: 18px;">.post-body img</b><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;"> {</span></span><br />
<span style="font-family: Verdana, sans-serif;"><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;">box-shadow: 0px 0px 15px #000;</span><span style="color: #38761d; line-height: 18px;"> /* Gölge*/</span></span><br />
<span style="font-family: Verdana, sans-serif;"><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;">border-radius: 50%;</span><span style="color: #38761d; line-height: 18px;"> /* </span><span style="background-color: #f9f9f9; color: #38761d; line-height: 18px;">Yuvarlatılmış kenar</span><span style="color: #38761d; line-height: 18px;"> */</span></span><br />
<span style="background-color: #f9f9f9; color: #242424; font-family: Verdana, sans-serif; line-height: 18px;">border:0;</span><br />
<span style="background-color: #f9f9f9; color: #242424; font-family: Verdana, sans-serif; line-height: 18px;">padding:0;</span><br />
<span style="background-color: #f9f9f9; color: #242424; font-family: Verdana, sans-serif; line-height: 18px;">-moz-transition: all 1s;</span><br />
<span style="background-color: #f9f9f9; color: #242424; font-family: Verdana, sans-serif; line-height: 18px;">-webkit-transition: all 1s;</span><br />
<span style="background-color: #f9f9f9; color: #242424; font-family: Verdana, sans-serif; line-height: 18px;">-o-transition: all 1s;</span><br />
<span style="background-color: #f9f9f9; color: #242424; font-family: Verdana, sans-serif; line-height: 18px;">}</span><br />
<span style="font-family: Verdana, sans-serif;"><b style="color: #242424; line-height: 18px;">.post-body img:hover</b><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;"> {</span></span><br />
<span style="font-family: Verdana, sans-serif;"><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;">box-shadow: 0; </span><span style="color: #38761d; line-height: 18px;">/* </span><span style="background-color: #f9f9f9; color: #38761d; line-height: 18px;">Bu gölge (değeri 0)</span><span style="color: #38761d; line-height: 18px;"> */</span></span><br />
<span style="font-family: Verdana, sans-serif;"><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;">border-radius: 0; </span><span style="color: #38761d; line-height: 18px;">/* </span><span style="background-color: #f9f9f9; color: #38761d; line-height: 18px;">Bu işlem ile sınır yuvarlaklık (değeri 0)</span><span style="color: #38761d; line-height: 18px;">*/</span></span><br />
<span style="background-color: #f9f9f9; color: #242424; font-family: Verdana, sans-serif; line-height: 18px;">-moz-transition: all 1s;</span><br />
<span style="background-color: #f9f9f9; color: #242424; font-family: Verdana, sans-serif; line-height: 18px;">-webkit-transition: all 1s;</span><br />
<span style="background-color: #f9f9f9; color: #242424; font-family: Verdana, sans-serif; line-height: 18px;">-o-transition: all 1s;</span><br />
<span style="background-color: #f9f9f9; color: #242424; font-family: Verdana, sans-serif; line-height: 18px;">cursor:pointer;</span><br />
<span style="background-color: #f9f9f9; color: #242424; font-family: Verdana, sans-serif; line-height: 18px;">}</span></div>
</div>
</div>
</div>
<div class="separator" style="clear: both;">
</div>
<div class="separator" style="clear: both;">
<span style="font-family: Verdana, sans-serif;"><b><br /></b></span></div>
<div class="separator" style="clear: both;">
<span style="font-family: Verdana, sans-serif;"><b>CSS STİL 5 >>>>></b></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhw7n91Up24t-O9BM_NdH0ksN8JdAdWmU7Ywc4PGYKWMxUUpzqLbqv6oT15Wgh-Lsm6wL8_YVOef1FF1NkV5JQ4YNa79NArvCa12hcgTQBabCrmrRtMHGlbYECD-SV0E6So7e_ibS68hPyG/s1600/ST%C4%B0L+5+sitemuhendisi.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhw7n91Up24t-O9BM_NdH0ksN8JdAdWmU7Ywc4PGYKWMxUUpzqLbqv6oT15Wgh-Lsm6wL8_YVOef1FF1NkV5JQ4YNa79NArvCa12hcgTQBabCrmrRtMHGlbYECD-SV0E6So7e_ibS68hPyG/s1600/ST%C4%B0L+5+sitemuhendisi.JPG" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both;">
</div>
<div dir="ltr" trbidi="on">
<div dir="ltr" trbidi="on">
<div class="code" style="border-color: rgb(92, 123, 144); border-style: solid; border-width: 1px 1px 1px 20px; margin: 10px 0px 10px 10px; max-height: 200px; min-height: 16px; outline: 0px; overflow: auto; padding: 10px; vertical-align: baseline; width: 505px;">
<div class="line number1 index0 alt2" style="border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<span style="font-family: Verdana, sans-serif;"><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;"> </span><b style="color: #242424; line-height: 18px;">.post-body img</b><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;"> {</span></span><br />
<span style="font-family: Verdana, sans-serif;"><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;">border-radius: 45% / 20%; </span><span style="color: #38761d; line-height: 18px;">/* Rounded border */</span></span><br />
<span style="font-family: Verdana, sans-serif;"><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;">box-shadow: 0px 0px 15px #000; </span><span style="color: #38761d; line-height: 18px;">/* </span><span style="background-color: #f9f9f9; color: #38761d; line-height: 18px;">Gölge </span><span style="color: #38761d; line-height: 18px;">*/</span></span><br />
<span style="background-color: #f9f9f9; color: #242424; font-family: Verdana, sans-serif; line-height: 18px;">padding:0;</span><br />
<span style="background-color: #f9f9f9; color: #242424; font-family: Verdana, sans-serif; line-height: 18px;">-moz-transition: all 1s;</span><br />
<span style="background-color: #f9f9f9; color: #242424; font-family: Verdana, sans-serif; line-height: 18px;">-webkit-transition: all 1s;</span><br />
<span style="background-color: #f9f9f9; color: #242424; font-family: Verdana, sans-serif; line-height: 18px;">-o-transition: all 1s;</span><br />
<span style="background-color: #f9f9f9; color: #242424; font-family: Verdana, sans-serif; line-height: 18px;">}</span><br />
<span style="font-family: Verdana, sans-serif;"><b style="color: #242424; line-height: 18px;">.post-body img:hover</b><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;"> {</span></span><br />
<span style="font-family: Verdana, sans-serif;"><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;">border-radius: 0; </span><span style="color: #38761d; line-height: 18px;">/* </span><span style="background-color: #f9f9f9; color: #38761d; line-height: 18px;"> Bu yuvarlaklığını sınır (değeri 0)</span><span style="color: #38761d; line-height: 18px;"> */</span></span><br />
<span style="background-color: #f9f9f9; color: #242424; font-family: Verdana, sans-serif; line-height: 18px;">-moz-transition: all 1s;</span><br />
<span style="background-color: #f9f9f9; color: #242424; font-family: Verdana, sans-serif; line-height: 18px;">-webkit-transition: all 1s;</span><br />
<span style="background-color: #f9f9f9; color: #242424; font-family: Verdana, sans-serif; line-height: 18px;">-o-transition: all 1s;</span><br />
<span style="background-color: #f9f9f9; color: #242424; font-family: Verdana, sans-serif; line-height: 18px;">cursor:pointer;</span><br />
<span style="background-color: #f9f9f9; color: #242424; font-family: Verdana, sans-serif; line-height: 18px;">}</span></div>
</div>
</div>
</div>
<div class="separator" style="clear: both;">
</div>
<div class="separator" style="clear: both;">
<br /></div>

Blogger Resimlerinize Özel Efektler Verin

Blog resimleriniz için beş harika CSS stillerinde farklı efekt ve gölgeler ile farklı bir blog tarzı sunabilirsiniz bu eklenti ile.Aşağıdaki...

+ Devamı »

Blogger İçin Harika Resim Slayt Eklentisi

<div>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" height="287" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpruIfOX7mEHkcalZjwOUCpzJLXwWD5KOac6a_meBlaWAStwBKsx13xlN-X_4j5J53LBMWwt1P6oBfE1GWjTg6LbfslOSamm-Zjn72Mj7EcjyBrFNXchs0OFWBHBpREmL_mwI3DIgDezNw/s320/Sitem%C3%BChendisislayt.JPG" width="320" /></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Verdana, sans-serif;">Blogger için farklı slaytı eklentileri ve CSS olsun JQuery epey var ve gün geçtikçe yenileride ekleniyor.Bu eklentimiz bir <b style="color: red;">JQuery </b>eklentisi olduğu için blogumuzdaki bir <b style="color: red;">JQuery </b>eklentisi ile çakışıp çalışmayabilir daha önceki yazılarımda belirttiğim gibi ayarlamaları yapıp düzeltmelisiniz.Eklentimiz istediğiniz resim adedince ve yukarıdaki resim ile aşağıdaki videoda DEMO örneğine bakabilirsiniz.</span></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<div class="separator" style="background-color: white; clear: both; color: #494949; font-family: Helvetica, Arial, sans-serif; font-size: 15px; line-height: 24px;">
<span style="font-family: Verdana, sans-serif;"><a href="http://www.blogger.com/home" style="-webkit-transition: all 0.2s ease-out; color: black; text-decoration: none;" target="_blank"><b>Blogger Paneline</b><span style="-webkit-transition: 0.2s ease-out;"> </span></a>Girin. .</span></div>
<div class="separator" style="background-color: white; clear: both; color: #494949; font-family: Helvetica, Arial, sans-serif; font-size: 15px; line-height: 24px;">
</div>
<div class="separator" style="background-color: white; clear: both;">
<b style="color: #494949; font-family: Verdana, sans-serif; font-size: 15px; line-height: 24px;">Şablon </b><span style="color: #494949; font-family: Verdana, sans-serif;"><span style="font-size: 15px; line-height: 24px;">Tıklıyoruz > </span></span><b style="color: #494949; font-family: Verdana, sans-serif; font-size: 15px; line-height: 24px;">HTML Düzenle</b><span style="color: #494949; font-family: Verdana, sans-serif;"><span style="font-size: 15px; line-height: 24px;"> > </span></span><b style="color: #494949; font-family: Verdana, sans-serif; font-size: 15px; line-height: 24px;">CTRL+F </b><span style="color: #494949; font-family: Verdana, sans-serif;"><span style="font-size: 15px; line-height: 24px;">yardımı ile</span></span><b style="color: #494949; font-family: Verdana, sans-serif; font-size: 15px; line-height: 24px;"> </b><b><span style="color: #494949; font-family: Verdana, sans-serif;"><span style="font-size: 15px; line-height: 24px;"></head></span><span style="font-size: 15px; line-height: 20px;"> </span></span></b><span style="color: #494949; font-family: Verdana, sans-serif; font-size: 15px; line-height: 20px;">kodunu buluyoruz ve aşağıdaki kodları hemen üstüne yerleştiriyoruz</span></div>
<br />
<div dir="ltr" style="background-color: white; color: #494949; line-height: 24px;" trbidi="on">
<div dir="ltr" trbidi="on">
<div class="code" style="border-color: rgb(92, 123, 144); border-style: solid; border-width: 1px 1px 1px 20px; margin: 10px 0px 10px 10px; max-height: 200px; min-height: 16px; outline: 0px; overflow: auto; padding: 10px; vertical-align: baseline; width: 505px;">
<div class="line number1 index0 alt2" style="border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<span style="font-family: Verdana, sans-serif;"><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;"><style></span><br style="color: #242424; line-height: 18px;" /><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;">  #rotatescroll {</span><br style="color: #242424; line-height: 18px;" /><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;">    height: 300px;</span><br style="color: #242424; line-height: 18px;" /><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;">    position: relative;</span><br style="color: #242424; line-height: 18px;" /><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;">    width: 300px;</span><br style="color: #242424; line-height: 18px;" /><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;">  }</span><br style="color: #242424; line-height: 18px;" /><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;">  #rotatescroll .viewport { /* </span><br style="color: #242424; line-height: 18px;" /><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;">    height: 300px;</span><br style="color: #242424; line-height: 18px;" /><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;">    position: relative;</span><br style="color: #242424; line-height: 18px;" /><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;">    margin: 0 auto;</span><br style="color: #242424; line-height: 18px;" /><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;">    overflow: hidden;</span><br style="color: #242424; line-height: 18px;" /><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;">    width: 300px</span><br style="color: #242424; line-height: 18px;" /><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;">  }</span><br style="color: #242424; line-height: 18px;" /><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;">  #rotatescroll .overview {</span><br style="color: #242424; line-height: 18px;" /><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;">    left: 0;</span><br style="color: #242424; line-height: 18px;" /><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;">    list-style: none; </span><br style="color: #242424; line-height: 18px;" /><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;">    margin: 0;</span><br style="color: #242424; line-height: 18px;" /><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;">    padding: 0;</span><br style="color: #242424; line-height: 18px;" /><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;">    position: absolute;</span><br style="color: #242424; line-height: 18px;" /><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;">    top: 0;</span><br style="color: #242424; line-height: 18px;" /><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;">  }</span><br style="color: #242424; line-height: 18px;" /><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;">  #rotatescroll .overview li { </span><br style="color: #242424; line-height: 18px;" /><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;">    float: left;</span><br style="color: #242424; line-height: 18px;" /><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;">    height: 300px;</span><br style="color: #242424; line-height: 18px;" /><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;">    position: relative;</span><br style="color: #242424; line-height: 18px;" /><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;">    width: 300px;</span><br style="color: #242424; line-height: 18px;" /><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;">  }</span><br style="color: #242424; line-height: 18px;" /><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;">  #rotatescroll .overlay { </span><br style="color: #242424; line-height: 18px;" /><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;">    background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwEaBYENsL3TtJFINKIN3QIIWGkA7AjH3H-SZl3p7msVoYlPpyNlMKD95CoJgHACnfnyfxv-gB3ZMC0LtL1liE3aqBJWFie4zvBUE8N7diSsIXZGCoO7eCo6gNQ-9ObyS8Jdkb3soxUpCp/s1600/bg-rotatescroll.png) no-repeat 0 0;</span><br style="color: #242424; line-height: 18px;" /><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;">    height: 300px;</span><br style="color: #242424; line-height: 18px;" /><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;">    left: 0;</span><br style="color: #242424; line-height: 18px;" /><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;">    position: absolute;</span><br style="color: #242424; line-height: 18px;" /><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;">    top: 0;</span><br style="color: #242424; line-height: 18px;" /><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;">    width:300px;</span><br style="color: #242424; line-height: 18px;" /><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;">  }</span><br style="color: #242424; line-height: 18px;" /><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;">  #rotatescroll .thumb { </span><br style="color: #242424; line-height: 18px;" /><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;">    background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJPbSv2fIoMirBZbacZz-Fiie87O3u-MdnNUAfIEe7OCelA3r54SEAdqOLxKSHy_R0x8GbBkGrtwthSU0MKwufv1L2tPMd91k2ZiE5dEy_9Cr0p5KUmYvrKc6jdi9QZnAJayy5JML7dn0E/s1600/bg-thumb.png) no-repeat 0 0;</span><br style="color: #242424; line-height: 18px;" /><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;">    cursor: pointer;</span><br style="color: #242424; line-height: 18px;" /><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;">    height: 26px;</span><br style="color: #242424; line-height: 18px;" /><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;">    left: 137px;</span><br style="color: #242424; line-height: 18px;" /><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;">    position: absolute;</span><br style="color: #242424; line-height: 18px;" /><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;">    top: -3px;</span><br style="color: #242424; line-height: 18px;" /><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;">    width: 26px;</span><br style="color: #242424; line-height: 18px;" /><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;">    z-index: 200;</span><br style="color: #242424; line-height: 18px;" /><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;">  }</span><br style="color: #242424; line-height: 18px;" /><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;">  #rotatescroll .dot { </span><br style="color: #242424; line-height: 18px;" /><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;">    background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgzW6StusdWaxs4uo8K5mlY4_H68XCmyINDcM_uNc9KtospYjzvccvCvslQ9g8oYy55DIxg6G5YV33Zivt6dDwSu9fMGR2rpLI4LTsc26-lF7IJXrETtccM5BKhkwiHyaqp42v_cd0IScA/s1600/bg-dot.png) no-repeat 0 0;</span><br style="color: #242424; line-height: 18px;" /><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;">    display: none;</span><br style="color: #242424; line-height: 18px;" /><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;">    height: 12px;</span><br style="color: #242424; line-height: 18px;" /><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;">    left: 155px;</span><br style="color: #242424; line-height: 18px;" /><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;">    position: absolute;</span><br style="color: #242424; line-height: 18px;" /><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;">    top: 3px;</span><br style="color: #242424; line-height: 18px;" /><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;">    width: 12px;</span><br style="color: #242424; line-height: 18px;" /><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;">    z-index: 100;</span><br style="color: #242424; line-height: 18px;" /><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;">  }</span><br style="color: #242424; line-height: 18px;" /><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;">  #rotatescroll .dot span { </span><br style="color: #242424; line-height: 18px;" /><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;">    display: none;</span><br style="color: #242424; line-height: 18px;" /><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;">  }</span><br style="color: #242424; line-height: 18px;" /><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;"></style></span></span></div>
</div>
</div>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzsM3fM5JoLQ5Xam9WpbhhfnIY3i12XrLfOuPuFnj_FZXpxY-qQaluwg7tJki22lPHm_ewliXRcw3vnRITBx9nNiJ9j0sVFkx-96KAcMI3-zjDI6rJOPw2KqnSDVyNUX1HJGoC0JgMWVE/s1600/ads%C4%B1z.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="176" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzsM3fM5JoLQ5Xam9WpbhhfnIY3i12XrLfOuPuFnj_FZXpxY-qQaluwg7tJki22lPHm_ewliXRcw3vnRITBx9nNiJ9j0sVFkx-96KAcMI3-zjDI6rJOPw2KqnSDVyNUX1HJGoC0JgMWVE/s1600/ads%C4%B1z.JPG" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="color: #494949; font-family: Verdana, sans-serif;"><span style="font-size: 15px; line-height: 24px;">Daha sonra Blogger Panelinden <b>Yerleşim </b>diyoruz <b>Gatget Ekle</b> ve içerikten <b>HTML/JavaScript</b> seçiyoruz.</span></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="color: #494949; font-family: Verdana, sans-serif;"><span style="font-size: 15px; line-height: 24px;"><br /></span></span></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<div dir="ltr" style="background-color: white; color: #494949; line-height: 24px;" trbidi="on">
<div dir="ltr" trbidi="on">
<div class="code" style="border-color: rgb(92, 123, 144); border-style: solid; border-width: 1px 1px 1px 20px; margin: 10px 0px 10px 10px; max-height: 200px; min-height: 16px; outline: 0px; overflow: auto; padding: 10px; vertical-align: baseline; width: 505px;">
<div class="line number1 index0 alt2" style="border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<span style="font-family: Verdana, sans-serif;"><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;"><div id="rotatescroll"></span><br style="color: #242424; line-height: 18px;" /><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;">  <div class="viewport"></span><br style="color: #242424; line-height: 18px;" /><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;">    <ul class="overview"></span><br style="color: #242424; line-height: 18px;" /><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;">      <li><img src="</span><span style="color: blue; line-height: 18px;">Resim Linki</span><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;">" /></li></span><br style="color: #242424; line-height: 18px;" /><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;">      <li><img src="</span></span><span style="color: blue; font-family: Verdana, sans-serif; line-height: 18px;">Resim Linki</span><span style="font-family: Verdana, sans-serif;"><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;">" /></li></span><br style="color: #242424; line-height: 18px;" /><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;">      <li><img src="</span></span><span style="color: blue; font-family: Verdana, sans-serif; line-height: 18px;">Resim Linki</span><span style="font-family: Verdana, sans-serif;"><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;">" /></li></span><br style="color: #242424; line-height: 18px;" /><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;">      <li><img src="</span></span><span style="color: blue; font-family: Verdana, sans-serif; line-height: 18px;">Resim Linki</span><span style="font-family: Verdana, sans-serif;"><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;">" /></li></span><br style="color: #242424; line-height: 18px;" /><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;">      <li><img src="</span></span><span style="color: blue; font-family: Verdana, sans-serif; line-height: 18px;">Resim Linki</span><span style="font-family: Verdana, sans-serif;"><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;">" /></li></span><br style="color: #242424; line-height: 18px;" /><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;">    </ul></span><br style="color: #242424; line-height: 18px;" /><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;">  </div></span><br style="color: #242424; line-height: 18px;" /><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;">  <div class="dot"></div></span><br style="color: #242424; line-height: 18px;" /><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;">  <div class="overlay"></div></span><br style="color: #242424; line-height: 18px;" /><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;">  <div class="thumb"></div></span><br style="color: #242424; line-height: 18px;" /><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;"></div></span><br style="color: #242424; line-height: 18px;" /><br style="color: #242424; line-height: 18px;" /><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;"><script type="text/javascript"></span><br style="color: #242424; line-height: 18px;" /><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;">$(document).ready(function(){ $('#rotatescroll').tinycircleslider(); });</span><br style="color: #242424; line-height: 18px;" /><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;">$('#rotatescroll').tinycircleslider({ interval: true, snaptodots: true });</span><br style="color: #242424; line-height: 18px;" /><span style="background-color: #f9f9f9; color: #242424; line-height: 18px;"></script></span></span></div>
</div>
</div>
</div>
<div class="separator" style="background-color: white; clear: both; color: #494949; font-family: Helvetica, Arial, sans-serif; font-size: 15px; line-height: 24px;">
</div>
<div class="separator" style="background-color: white; clear: both; font-family: Helvetica, Arial, sans-serif; font-size: 15px; line-height: 24px;">
<span style="color: #494949; font-family: Verdana, sans-serif;">Yukarıdaki kod içersinde bulunan<b> "</b></span><span style="color: blue; font-family: Verdana, sans-serif; line-height: 18px;">Resim Linki"</span><span style="font-family: Verdana, sans-serif; line-height: 18px;"> bölümüne seçtiğiniz resimlerin linkini yerleştiriyorsunuz.</span></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
</div>

Blogger İçin Harika Resim Slayt Eklentisi

Blogger için farklı slaytı eklentileri ve CSS olsun JQuery epey var ve gün geçtikçe yenileride ekleniyor.Bu eklentimiz bir JQuery ekle...

+ Devamı »