Korkusuz Yayın: Blogger Eklentileri

Büyüleyici Duyuru Panosu HTML Kodu

<img src="http://img163.imageshack.us/img163/2760/3suh.png" />Bugün sizinle tekrar güzel bir kod paylaşmak için bir araya toplanmış bulunmaktayız.:) Artık yazılarım eskisi gibi kısa olmayacak malesef . Çünkü Adsense'nin onayından geçmek için yazılarımı biraz uzun tutmaya çalışıyorum. Biliyorsununz ki çoğu arkadaşımız güzel bir kod bulmak için uğraşıyor özellikle duyuru kodları hemen herkesin bir işine yarayacaktır. Tabii benimde işime yarayacaktır. Gerektiği yerde farklı kodlar kullanmaya özen gösteriyorum. Bugünde sizinle çok güzel bir  duyuru kodu paylaşacağım duyuru kodu koddostu.com'a aittir. Telif Hakkını almamak lazım. Yani kodu koddostu.com'dan aldım bu yazının altında kaynak olarak beliritecem şimdi. Haydi kodu kullanana herekse teşşekkürler. :) Yorum yapmayı unutma. ;)<br /><br /><a href="http://preview.koddostu.com/2013/11/farenizi-sayfann-sol-altna-surukleyin.html" target="_blank"><img alt="Blogger Zokarus Portal Teması" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9gOolPi3vDjJP2cC3Ewa9SX6xkCniTIEei-21PoIf8fgO9eeFfQ1nmjUlvVEOXPAoN0XCO7QilICZ030XRAX2V3vNry19dVeexNoa_w96aLDa5Esbcj1YjuHnYMyD_lqP-NpV9ux2KQd_/s1600/demo-1.png" /></a><br /><br /><b><span style="color: #0b5394;">Büyüleyici Duyuru Panosu HTML Kodu: </span><span style="color: #cc0000;">Duyuruda yazacak yeri kendinize göre belirleyin.</span></b><br /><pre style="border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(204, 204, 204); box-shadow: rgb(204, 204, 204) 0px 0px 10px inset; margin-bottom: 20px; margin-top: 20px; max-height: 250px; overflow: auto; padding: 5px;"><code><div id="menucon"><br /><div id="koddostu-tex"><br /><b><br /><br /><br /><br /><div id="menucon"><div id="koddostu-tex"><br/><b>DUYURU</b><br/><br/><br /><br />Sitemize Hoşgeldiniz!<br /><br /><br/><br/><br /><br />Koddostu.com tarafından sitemiz için hazırlanan bu duyuru panosunda sitemize dair en güncel yenilikleri paylaşacağız!<br /><br /></div></div><br /><koddostu><style> #menucon{ position:fixed; bottom:10px; left:10px; width:130px;height:130px; background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXGwfXTUEEJbuPINNZuwpPVlArZl32Yeswreyy-IdNYi2wrMZwBBcixsoldNM0v8mddjQqwYn5zWSpNDjuWd3oc1X0rZLLou2jRL-oV6xpYLqKvruXS9Zjd0E_6wl2o_t4pm5YfxNWDXOR/s1600/see.png) no-repeat center center; transition: all 0.8s ease-in-out; background-size:cover; -webkit-transition: all 0.8s ease-in-out; transition-timing-function:ease-in-out; -webkit-transition-timing-function:ease-in-out; } #menucon:hover{ bottom:35px;left:35px; width:80px;height:80px; transform: rotate(720deg); -ms-transform: rotate(720deg); -webkit-transform: rotate(720deg); }#koddostu-tex{position:absolute;bottom:37px;left:38px; box-shadow: -1px 1px 5px 0px #888888; transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; transition-timing-function:ease-in-out; line-height:22px; -webkit-transition-timing-function:ease-in-out; opacity:0; width:0px;height:0px; padding:6px;color:#fff; font-family:Helvetica, Arial, sans-serif; font-weight:normal; text-decoration:none; font-size:14px; text-align:center; -webkit-border-radius: 8px; -webkit-border-bottom-left-radius: 0; border-radius: 8px; border-bottom-left-radius: 0; }</style><script src="http://kdostu.googlecode.com/svn/cquery.js"></script><style> #menucon:hover #koddostu-tex{ width:200px;height:250px; background:#444; opacity:0.6;} </style></koddostu><br /><br /><br /><br /></b></div><br /></div><br /></code></pre><a href="http://www.koddostu.com/" target="_blank">Kod koddostu.com'a aittir</a><br><data:!post.body><center><script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script><ins class="adsbygoogle"      style="display:inline-block;width:700px;height:90px"      data-ad-client="ca-pub-4702574254014851"      data-ad-slot="3973706521"></ins><script>(adsbygoogle = window.adsbygoogle || []).push({}); </script></center><data:!post.body/>

Bugün sizinle tekrar güzel bir kod paylaşmak için bir araya toplanmış bulunmaktayız.:) Artık yazılarım eskisi gibi kısa olmayacak malesef . ...

Devamı »

Siteniz İçin Yılbaşı Özel Efektler[Muhteşem]

06:29 Unknown 0

<br /><img height="359" src="http://www.wallpaperswala.com/wp-content/uploads/2012/11/2014-happy-new-year.jpg" width="640" /><br />Malum yılbaşına sayılı günler kaldı. Çoğu arkadaşımız bunu sitelerini yılbaşı efektlerini eklemekle geçiriyorlar. Bende bugün onlara yardım etmek için bazı efektler paylaşıyorum. Efektler bir harika kullanmanızı kesinlikle tavsiye ediyorum. Hadi güle güle kullanın yorum bırakmayı da unutmayın. ;)<br /><br /><h3 id="cc-m-header-7361057214" style="font-family: 'Open Sans', sans-serif; font-size: 1.4rem; font-weight: inherit; line-height: 33px; margin: 0px; padding: 0px;"><span style="background-color: white;"><span style="color: #999999;">Siteye Kar Yağma Efekti</span></span></h3><div><b><span style="color: #999999;">__________________________________________________________________</span></b></div><pre style="border-radius: 4px 4px 4px 4px; border: 1px solid rgb(204, 204, 204); box-shadow: 0px 0px 10px rgb(204, 204, 204) inset; font-family: Arial,Helvetica,sans-serif; margin-bottom: 20px; margin-top: 20px; max-height: 250px; overflow: auto; padding: 5px;"><span style="font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 25.59375px; white-space: normal;"><script type="text/javascript" src="http://www.jimdo.com/l/usersnippets/snowfall.min.js"></span><br /><span style="font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 25.59375px; white-space: normal;"></script></span></pre><h3 id="cc-m-header-7361057214" style="font-family: 'Open Sans', sans-serif; font-size: 1.4rem; font-weight: inherit; line-height: 33px; margin: 0px; padding: 0px;"><span style="background-color: white;"><span style="color: #999999;">İmleci Takip Eden Kar Efekti</span></span></h3><div><span style="background-color: white;"><span style="color: #999999;">___________________________________________________________________</span></span></div><pre style="border-radius: 4px 4px 4px 4px; border: 1px solid rgb(204, 204, 204); box-shadow: 0px 0px 10px rgb(204, 204, 204) inset; font-family: Arial,Helvetica,sans-serif; margin-bottom: 20px; margin-top: 20px; max-height: 250px; overflow: auto; padding: 5px;"><span style="font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 25.59375px; white-space: normal;"><script type="text/javascript" src="http://www.jimdo.com/l/usersnippets/snowcursor.min.js"></span><br /><span style="font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 25.59375px; white-space: normal;"></script></span></pre><div><h3 id="cc-m-header-7361057214" style="font-family: 'Open Sans', sans-serif; font-size: 1.4rem; font-weight: inherit; line-height: 33px; margin: 0px; padding: 0px;"><span style="background-color: white;"><span style="color: #999999;">İmleci Beyaz Geyik Haline Getirme</span></span></h3></div><div><span style="background-color: white;"><span style="color: #999999;">___________________________________________________________________</span></span></div><pre style="border-radius: 4px 4px 4px 4px; border: 1px solid rgb(204, 204, 204); box-shadow: 0px 0px 10px rgb(204, 204, 204) inset; font-family: Arial,Helvetica,sans-serif; margin-bottom: 20px; margin-top: 20px; max-height: 250px; overflow: auto; padding: 5px;"><span style="font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 25.59375px; white-space: normal;"><style type="text/css"></span><br /><span style="font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 25.59375px; white-space: normal;">body, a:hover {cursor: url(http://www.jimdo.com/l/usersnippets/rentier.cur), url(http://www.jimdo.com/l/usersnippets/rentier.png), auto !important;}</span><br /><span style="font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 25.59375px; white-space: normal;"></style></span></pre><div><h3 id="cc-m-header-7361057214" style="font-family: 'Open Sans', sans-serif; font-size: 1.4rem; font-weight: inherit; line-height: 33px; margin: 0px; padding: 0px;"><span style="background-color: white;"><span style="color: #999999;">İmleci Kahverengi Geyik Haline Getirme</span></span></h3></div><div><span style="background-color: white;"><span style="color: #999999;">_____________________________________________________________________</span></span></div><div><pre style="border-radius: 4px 4px 4px 4px; border: 1px solid rgb(204, 204, 204); box-shadow: 0px 0px 10px rgb(204, 204, 204) inset; font-family: Arial,Helvetica,sans-serif; margin-bottom: 20px; margin-top: 20px; max-height: 250px; overflow: auto; padding: 5px;"><span style="font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 25.59375px; white-space: normal;"><style type="text/css"></span><br /><span style="font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 25.59375px; white-space: normal;">body, a:hover {cursor: url(http://www.jimdo.com/l/usersnippets/rentier2.cur), url(http://www.jimdo.com/l/usersnippets/rentier2.png), auto !important;}</span><br /><span style="font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 25.59375px; white-space: normal;"></style></span></pre><h3 id="cc-m-header-7361057214" style="font-family: 'Open Sans', sans-serif; font-size: 1.4rem; font-weight: inherit; line-height: 33px; margin: 0px; padding: 0px;"><span style="background-color: white;"><span style="color: #999999;">İmleci Kar Tanesi Haline Getirme</span></span></h3><div><span style="color: #999999;">______________________________________________________________________</span></div></div><pre style="border-radius: 4px 4px 4px 4px; border: 1px solid rgb(204, 204, 204); box-shadow: 0px 0px 10px rgb(204, 204, 204) inset; font-family: Arial,Helvetica,sans-serif; margin-bottom: 20px; margin-top: 20px; max-height: 250px; overflow: auto; padding: 5px;"><span style="font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 25.59375px; white-space: normal;"><script type="text/javascript" src="http://www.jimdo.com/l/usersnippets/snowcursor.min.js"></span><br /><span style="font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 25.59375px; white-space: normal;"></script></span><br /><span style="font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 25.59375px; white-space: normal;"><style type="text/css"></span><br /><span style="font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 25.59375px; white-space: normal;">body, a:hover {cursor: url(http://www.jimdo.com/l/usersnippets/snowcurser.cur), url(http://www.jimdo.com/l/usersnippets/snowcurser.png), auto !important;}</span><br /><span style="font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 25.59375px; white-space: normal;"></style></span></pre><div><h3 id="cc-m-header-7361057214" style="font-family: 'Open Sans', sans-serif; font-size: 1.4rem; font-weight: inherit; line-height: 33px; margin: 0px; padding: 0px;"><span style="background-color: white;"><span style="color: #999999;">Yatay Çizgi Öğesine Beyaz Ağaç Ekleme</span></span></h3></div><div><span style="background-color: white;"><span style="color: #999999;">______________________________________________________________________</span></span></div><div><pre style="border-radius: 4px 4px 4px 4px; border: 1px solid rgb(204, 204, 204); box-shadow: 0px 0px 10px rgb(204, 204, 204) inset; font-family: Arial,Helvetica,sans-serif; margin-bottom: 20px; margin-top: 20px; max-height: 250px; overflow: auto; padding: 5px;"><span style="font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 25.59375px; white-space: normal;"><style type="text/css"></span><br /><span style="font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 25.59375px; white-space: normal;">body .hr {</span><br /><span style="font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 25.59375px; white-space: normal;">    background: url(http://www.jimdo.com/l/usersnippets/hr-snow-white.png);</span><br /><span style="font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 25.59375px; white-space: normal;">    background-position:right;</span><br /><span style="font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 25.59375px; white-space: normal;">    border: 0;</span><br /><span style="font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 25.59375px; white-space: normal;">    height: 47px;</span><br /><span style="font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 25.59375px; white-space: normal;"> }</span><br /><span style="font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 25.59375px; white-space: normal;"></style></span></pre><h3 id="cc-m-header-7361057214" style="font-family: 'Open Sans', sans-serif; font-size: 1.4rem; font-weight: inherit; line-height: 33px; margin: 0px; padding: 0px;"><span style="background-color: white; color: #999999;">Yatay Çizgi Öğesine Yeşil Ağaç Ekleme</span></h3></div><div><span style="background-color: white;">___________________________________________________________________</span></div><pre style="border-radius: 4px 4px 4px 4px; border: 1px solid rgb(204, 204, 204); box-shadow: 0px 0px 10px rgb(204, 204, 204) inset; font-family: Arial,Helvetica,sans-serif; margin-bottom: 20px; margin-top: 20px; max-height: 250px; overflow: auto; padding: 5px;"><span style="font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 25.59375px; white-space: normal;"><style type="text/css"></span><br /><span style="font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 25.59375px; white-space: normal;">body .hr {</span><br /><span style="font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 25.59375px; white-space: normal;">    background: url(http://www.jimdo.com/l/usersnippets/hr-snow-green.png);</span><br /><span style="font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 25.59375px; white-space: normal;">    background-position:right;</span><br /><span style="font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 25.59375px; white-space: normal;">    border: 0;</span><br /><span style="font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 25.59375px; white-space: normal;">    height: 47px;</span><br /><span style="font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 25.59375px; white-space: normal;"> }</span><br /><span style="font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 25.59375px; white-space: normal;"></style></span></pre><pre style="border-radius: 4px 4px 4px 4px; border: 1px solid rgb(204, 204, 204); box-shadow: 0px 0px 10px rgb(204, 204, 204) inset; font-family: Arial,Helvetica,sans-serif; margin-bottom: 20px; margin-top: 20px; max-height: 250px; overflow: auto; padding: 5px;">Kodlar jimdo.com'a aittir.</pre>

Blogger Blogger Eklentileri Siteniz İçin Yılbaşı Özel Efektler[Muhteşem]

Malum yılbaşına sayılı günler kaldı. Çoğu arkadaşımız bunu sitelerini yılbaşı efektlerini eklemekle geçiriyorlar. Bende bugün onlara yardım ...

Devamı »

Blogger Navigasyon Linklerini Kayıt Başlığı ile Değiştirmek

02:21 Unknown 0

<img src="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcQ1hLsyXKk2o-nZ7UC_QDFya6R8zDsXyDN8OVCEpa0Frh3osZ58USqermSv" /><span style="background-color: white; font-family: 'Segoe UI', 'Segoe UI', Helvetica, sans-serif; font-size: 15px;">Birazdan uygulayacağımız işlem ile blogdaki </span><b style="background-color: white; font-family: 'Segoe UI', 'Segoe UI', Helvetica, sans-serif; font-size: 15px;">Önceki Kayıtlar</b><span style="background-color: white; font-family: 'Segoe UI', 'Segoe UI', Helvetica, sans-serif; font-size: 15px;"> ve </span><b style="background-color: white; font-family: 'Segoe UI', 'Segoe UI', Helvetica, sans-serif; font-size: 15px;">Sonraki Kayıtlar</b><span style="background-color: white; font-family: 'Segoe UI', 'Segoe UI', Helvetica, sans-serif; font-size: 15px;">kısmını değişken kayıt başlığı ile değiştireceğiz. İşlem bittiğinde </span><b style="background-color: white; font-family: 'Segoe UI', 'Segoe UI', Helvetica, sans-serif; font-size: 15px;">Önceki Kayıtlar</b><span style="background-color: white; font-family: 'Segoe UI', 'Segoe UI', Helvetica, sans-serif; font-size: 15px;">ve </span><b style="background-color: white; font-family: 'Segoe UI', 'Segoe UI', Helvetica, sans-serif; font-size: 15px;">Sonraki Kayıtlar</b><span style="background-color: white; font-family: 'Segoe UI', 'Segoe UI', Helvetica, sans-serif; font-size: 15px;"> yerine </span><b style="background-color: white; font-family: 'Segoe UI', 'Segoe UI', Helvetica, sans-serif; font-size: 15px;">Önceki Kayıt Başlığı</b><span style="background-color: white; font-family: 'Segoe UI', 'Segoe UI', Helvetica, sans-serif; font-size: 15px;"> ve </span><b style="background-color: white; font-family: 'Segoe UI', 'Segoe UI', Helvetica, sans-serif; font-size: 15px;">Sonraki Kayıt Başlığı</b><span style="background-color: white; font-family: 'Segoe UI', 'Segoe UI', Helvetica, sans-serif; font-size: 15px;">değişkenleri gelecek. Bunun ziyaretçiler açısından olumlu tarafı da var. Bir ziyaretçi gönderiyi okuduktan sonra </span><b style="background-color: white; font-family: 'Segoe UI', 'Segoe UI', Helvetica, sans-serif; font-size: 15px;">Önceki Kayıt</b><span style="background-color: white; font-family: 'Segoe UI', 'Segoe UI', Helvetica, sans-serif; font-size: 15px;"> yazısına pek aldırış etmez ve ilgisini çekmez. Ama bunun yerine bir kayıt başlığı gelirse söz konusu konu başlığı kim bilir belki o ziyaretçinin ilgisini çeken bir konu başlığıdır ve ona da bir göz atmak ister ve ziyaretçinin blogda kalma süresi uzar.</span><br /><h1 style="background-color: white; border-bottom-color: rgb(44, 83, 158); border-bottom-style: solid; border-bottom-width: 2px; clear: both; color: #2c539e; font-family: 'Segoe UI'; font-size: 20px; font-weight: normal; line-height: 26px; margin: -5px 0px 0px; padding: 2px; text-shadow: silver 0px 0px 5px;"><br /></h1><h1 style="background-color: white; border-bottom-color: rgb(44, 83, 158); border-bottom-style: solid; border-bottom-width: 2px; clear: both; color: #2c539e; font-family: 'Segoe UI'; font-size: 20px; font-weight: normal; line-height: 26px; margin: -5px 0px 0px; padding: 2px; text-shadow: silver 0px 0px 5px;">Kodu Yerleştirme</h1><div><br /></div><div><br /></div><div><h2 style="background-color: white; background-image: -webkit-linear-gradient(top, rgb(251, 251, 251) 0px, rgb(247, 247, 247) 50%); border: 1px solid rgb(222, 222, 222); clear: both; color: #2c539e; font-family: 'Segoe UI'; font-size: 16px; font-weight: normal; letter-spacing: 1px; line-height: 25px; margin: 0px; padding-left: 5px; text-shadow: silver 0px 0px 5px; width: 537px;">jQuery Kütüphanesini Çağırma</h2><br style="background-color: white; font-family: 'Segoe UI', 'Segoe UI', Helvetica, sans-serif; font-size: 15px;" /><span style="background-color: white; font-family: 'Segoe UI', 'Segoe UI', Helvetica, sans-serif; font-size: 15px;">Kodu bloga yerleştirmeden önce jQuery kütüphanesini çağırmamız lazım. Onun için öncelikle aşağıdaki kodu </span><b style="background-color: white; font-family: 'Segoe UI', 'Segoe UI', Helvetica, sans-serif; font-size: 15px;">Tasarım</b><span style="background-color: white; font-family: 'Segoe UI', 'Segoe UI', Helvetica, sans-serif; font-size: 15px;"> » </span><b style="background-color: white; font-family: 'Segoe UI', 'Segoe UI', Helvetica, sans-serif; font-size: 15px;">HTML'yi Düzenle</b><span style="background-color: white; font-family: 'Segoe UI', 'Segoe UI', Helvetica, sans-serif; font-size: 15px;"> kısmından </span><i style="background-color: white; font-family: 'Segoe UI', 'Segoe UI', Helvetica, sans-serif; font-size: 15px;"><b>Widget Şablonlarını Genişlet</b></i><span style="background-color: white; font-family: 'Segoe UI', 'Segoe UI', Helvetica, sans-serif; font-size: 15px;"> kutusunu işaretledikten sonra şablonumuza ekliyoruz. Zaten varsa eklemenize gerek yok.</span><br style="background-color: white; font-family: 'Segoe UI', 'Segoe UI', Helvetica, sans-serif; font-size: 15px;" /><br style="background-color: white; font-family: 'Segoe UI', 'Segoe UI', Helvetica, sans-serif; font-size: 15px;" /><pre class="brush: javascript" style="background-color: #f7f7f7; font-size: 15px; overflow: auto; width: 544px;"><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script></pre><br style="background-color: white; font-family: 'Segoe UI', 'Segoe UI', Helvetica, sans-serif; font-size: 15px;" /><h2 style="background-color: white; background-image: -webkit-linear-gradient(top, rgb(251, 251, 251) 0px, rgb(247, 247, 247) 50%); border: 1px solid rgb(222, 222, 222); clear: both; color: #2c539e; font-family: 'Segoe UI'; font-size: 16px; font-weight: normal; letter-spacing: 1px; line-height: 25px; margin: 0px; padding-left: 5px; text-shadow: silver 0px 0px 5px; width: 537px;">Kodu Ekleme</h2><br style="background-color: white; font-family: 'Segoe UI', 'Segoe UI', Helvetica, sans-serif; font-size: 15px;" /><span style="background-color: white; font-family: 'Segoe UI', 'Segoe UI', Helvetica, sans-serif; font-size: 15px;">Sıra geldi asıl kodumuza. Bu kod şablona eklendiğinde birtakım sorunlar çıkaracağından kodu Yerleşim menüsünden Gadget ekleyerek ekleyebilirsiniz.</span><br style="background-color: white; font-family: 'Segoe UI', 'Segoe UI', Helvetica, sans-serif; font-size: 15px;" /><br style="background-color: white; font-family: 'Segoe UI', 'Segoe UI', Helvetica, sans-serif; font-size: 15px;" /><pre class="brush: javascript" style="background-color: #f7f7f7; font-size: 15px; overflow: auto; width: 544px;"><script type="text/javascript">$(document).ready(function(){ <br />var newerLink = $("a.blog-pager-newer-link").attr("href"); <br />$("a.blog-pager-newer-link").load(newerLink+" .post-title:first", function() { <br />var newerLinkTitle = $("a.blog-pager-newer-link").text(); <br />$("a.blog-pager-newer-link").text("<< " + newerLinkTitle); <br />}); <br />var olderLink = $("a.blog-pager-older-link").attr("href"); <br />$("a.blog-pager-older-link").load(olderLink+" .post-title:first", function() { <br />var olderLinkTitle = $("a.blog-pager-older-link").text(); <br />$("a.blog-pager-older-link").text(olderLinkTitle + " >>");//rgt <br />}); <br />}); <br /></script></pre><br style="background-color: white; font-family: 'Segoe UI', 'Segoe UI', Helvetica, sans-serif; font-size: 15px;" /><span style="background-color: white; font-family: 'Segoe UI', 'Segoe UI', Helvetica, sans-serif; font-size: 15px;">Kaydettikten sonra navigasyon bağlantısı şu hali alacak.</span><br style="background-color: white; font-family: 'Segoe UI', 'Segoe UI', Helvetica, sans-serif; font-size: 15px;" /><br style="background-color: white; font-family: 'Segoe UI', 'Segoe UI', Helvetica, sans-serif; font-size: 15px;" /><center style="background-color: white; font-family: 'Segoe UI', 'Segoe UI', Helvetica, sans-serif; font-size: 15px;"><< [Kayıt Başlığı] ··· Ana Sayfa ··· [Kayıt Başlığı] >></center></div><div><span style="background-color: white; color: #2c539e; font-family: 'Segoe UI'; font-size: 16px; letter-spacing: 1px; line-height: 25px;"><br /></span></div><div><span style="background-color: white; color: #2c539e; font-family: 'Segoe UI'; font-size: 16px; letter-spacing: 1px; line-height: 25px;">Kaynak: <a href="http://furkanozden.net/">furkanozden.net</a></span></div>

Blogger Blogger Eklentileri Blogger Navigasyon Linklerini Kayıt Başlığı ile Değiştirmek

Birazdan uygulayacağımız işlem ile blogdaki Önceki Kayıtlar ve Sonraki Kayıtlar kısmını değişken kayıt başlığı ile değiştireceğiz. İşlem ...

Devamı »

Blogger için jQuery ile yükleniyor sayfası

10:02 Unknown 0

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjheB4O7tV1dYdiDr9qSPuCILiYY1hKQ3H-minogA81QzxsoylAbKROahx3fn7rrGenODzQ9mT0gxUy6x0C_JoGzU8UHDjL4mGZi5WKrsyMmcFCrptKAlH9W1SZeaU_Ey0_qKVbMJK0rGKX/s400/blogger-y%25C3%25BCkleniyor-loading-sayfasi-acilis.png" /><br /><span style="background-color: white; font-family: 'Segoe UI', 'Segoe UI', Helvetica, sans-serif; font-size: 15px;">Bu araç site yüklenirken tek tek resimlerin gelmesi ve yazıların felan yüklenmesi kısmında devreye giriyor ve karşımıza arkaplan rengini kendimizin belirleyebileceği bir sayfa geliyor burada %0 - &100'e kadar yükleniyor yazıyor ve altında ince bir bar da var. Ekranın ortasında büyük bir şekilde çok hoş duruyor. Kodu eklemek için malum yere gelelim </span><b style="background-color: white; font-family: 'Segoe UI', 'Segoe UI', Helvetica, sans-serif; font-size: 15px;">Tasarım > HTML'yi Düzenle</b><span style="background-color: white; font-family: 'Segoe UI', 'Segoe UI', Helvetica, sans-serif; font-size: 15px;"> Daha sonra aşağıdaki kodu buluyoruz;</span><br /><span style="background-color: white; font-family: 'Segoe UI', 'Segoe UI', Helvetica, sans-serif; font-size: 15px;"><br /></span> <br /><pre style="border-radius: 4px 4px 4px 4px; border: 1px solid rgb(204, 204, 204); box-shadow: 0px 0px 10px rgb(204, 204, 204) inset; font-family: Arial,Helvetica,sans-serif; margin-bottom: 20px; margin-top: 20px; max-height: 250px; overflow: auto; padding: 5px;"><pre class="brush: js" style="background-color: #f7f7f7; font-size: 15px; overflow: auto; width: 544px;"></head></pre></pre>Bulduğumuz kodun başına şu kodları ekliyoruz.   <br /><pre style="border-radius: 4px 4px 4px 4px; border: 1px solid rgb(204, 204, 204); box-shadow: 0px 0px 10px rgb(204, 204, 204) inset; font-family: Arial,Helvetica,sans-serif; margin-bottom: 20px; margin-top: 20px; max-height: 250px; overflow: auto; padding: 5px;"><pre class="brush: js" style="background-color: #f7f7f7; font-size: 15px; overflow: auto; width: 544px;"><script src='https://sites.google.com/site/sonsamsunluforever/asda/jquery-1.5.min.js' type='text/javascript'/><br /><script src='https://sites.google.com/site/sonsamsunluforever/asda/queryLoaderpre.js' type='text/javascript'/></pre></pre>Ardından aşağıdaki kodu buluyoruz;   <br /><pre style="border-radius: 4px 4px 4px 4px; border: 1px solid rgb(204, 204, 204); box-shadow: 0px 0px 10px rgb(204, 204, 204) inset; font-family: Arial,Helvetica,sans-serif; margin-bottom: 20px; margin-top: 20px; max-height: 250px; overflow: auto; padding: 5px;"><pre class="brush: js" style="background-color: #f7f7f7; font-size: 15px; overflow: auto; width: 544px;"></body></pre></pre>Ve başına şu kodları ekliyoruz.   <br /><pre style="border-radius: 4px 4px 4px 4px; border: 1px solid rgb(204, 204, 204); box-shadow: 0px 0px 10px rgb(204, 204, 204) inset; font-family: Arial,Helvetica,sans-serif; margin-bottom: 20px; margin-top: 20px; max-height: 250px; overflow: auto; padding: 5px;"><code><script><br /> QueryLoader.selectorPreload = "body";<br /> QueryLoader.init();<br /></script><span style="background-color: #f7f7f7; font-size: 15px;"><script><br /> QueryLoader.selectorPreload = &quot;body&quot;;<br /> QueryLoader.init();<br /></script></span><br /></code></pre><div><code><span style="background-color: #f7f7f7; font-size: 15px;"><br /></span></code></div>Sıra geldi CSS kodlarına, bunun içinde öncelikle aşağıdaki kodu buluyoruz;   <br /><pre style="border-radius: 4px 4px 4px 4px; border: 1px solid rgb(204, 204, 204); box-shadow: 0px 0px 10px rgb(204, 204, 204) inset; font-family: Arial,Helvetica,sans-serif; margin-bottom: 20px; margin-top: 20px; max-height: 250px; overflow: auto; padding: 5px;"><pre class="brush: js" style="background-color: #f7f7f7; font-size: 15px; overflow: auto; width: 544px;">]]></b:skin></pre></pre>Ondan sonra aşağıdaki CSS kodlarını bulduğmuz kodun başına ekliyoruz. Aşağıdaki kodda açıklamaları yaptım isteğinize göre düzenleyebilrisiniz.   <br /><pre style="border-radius: 4px 4px 4px 4px; border: 1px solid rgb(204, 204, 204); box-shadow: 0px 0px 10px rgb(204, 204, 204) inset; font-family: Arial,Helvetica,sans-serif; margin-bottom: 20px; margin-top: 20px; max-height: 250px; overflow: auto; padding: 5px;"><pre class="brush: js" style="background-color: #f7f7f7; font-size: 15px; overflow: auto; width: 544px;">.QOverlay {<br /> background-color: #000000; /* Yükleme sayfasının arkaplan rengi */<br /> z-index: 9999;<br />}<br /><br />.QLoader {<br /> background-color: #CCCCCC; /* Yükleme çubuğunun rengi */<br /> height: 1px;<br />}<br /><br />.QAmt {<br /> color:#FF530D; /* %100 kısmının yazı rengi */<br /> font-size:50px; /* yazı büyüklüğü */<br /> font-weight:bold;<br /> line-height:50px;<br /> height:50px;<br /> width:100px;<br /> margin:-60px 0 0 -50px;<br />}</pre></pre> Kaynak: furkanozden.net

Blogger Blogger Eklentileri Css ve Html Blogger için jQuery ile yükleniyor sayfası

Bu araç site yüklenirken tek tek resimlerin gelmesi ve yazıların felan yüklenmesi kısmında devreye giriyor ve...

Devamı »

Bloggerda Toplam Yazı ve Yorum Sayısı eklentisi

09:44 Unknown 0

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEign2S2WFEYFdaDy_mST8twdY4r9Gk5vDVe_Xd9-V_QYawEj12vAmDYsIajomuy7MELjRVMSp5mplVrmuK96P3PEr2dS7OG9tQE7sETwO2-G_rCGOpZ4cvKOrfXAPhHruM7wOGpeoQHThKF/s1600/blogger-toplam-yazi-ve-yorum-sayisi.png" />Yeni bir yazı hoşgeldiniz arkadaşlar.Bu yazmızda bulundurmak istediğimiz toplam yazı ve yorum sayısını blogumuza eklenti olarak ekliyecez.Bu sayede siz veya sitenizi ziyaret eden kişiler sitenizde kaç yazı ve yorum olduğunu görebilecekler.Şimdi gel gelelm bu eklentinin koduna. ilk önce <b>Yerleşim -> Gadget Ekle -> Html/Javascript </b>tıklayarak aşağıdaki kodu ekleyiniz ve işimiz bitmiş oldu herkese kolay gelsin.<b>Son olarak aşağıdaki zardestyalcin.blogspot.com yazan yeri kendi blog adresiniz ile değiştiriniz.</b><br /><pre style="border-radius: 4px 4px 4px 4px; border: 1px solid rgb(204, 204, 204); box-shadow: 0px 0px 10px rgb(204, 204, 204) inset; font-family: Arial,Helvetica,sans-serif; margin-bottom: 20px; margin-top: 20px; max-height: 250px; overflow: auto; padding: 5px;"><pre class="brush: js" style="background-color: #f7f7f7; font-size: 15px; overflow: auto; width: 544px;"><script style="text/javascript"><br />function numberOfPosts(json) {document.write('<span class="Apple-style-span" style="color: red;">Toplam Yazı:</span> <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');}<br />function numberOfComments(json) {document.write('<span class="Apple-style-span" style="color: red;">Toplam Yorum:</span> <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');}<br /></script><br /><ul><li><script src="<span style="color: red;">http://zerdestyalcin.blogspot.com/</span>feeds/posts/default?alt=json-in-script&callback=numberOfPosts"></script></li><br /><li><script src="<span style="color: red;">http://zerdestyalcin.blogspot.com/</span>feeds/comments/default?alt=json-in-script&callback=numberOfComments"></script></li><br /></ul></pre></pre>

Blogger Blogger Eklentileri Css ve Html Bloggerda Toplam Yazı ve Yorum Sayısı eklentisi

Yeni bir yazı hoşgeldiniz arkadaşlar.Bu yazmızda bulundurmak istediğimiz toplam yazı ve yorum sayısını blogumuza eklenti olarak ekliyecez.Bu...

Devamı »

Blogger 'Bayramınız Kutlu Olsun' Eklentisi

09:47 Unknown 0

<div class="separator" style="clear: both; text-align: center;">
<a href="http://s1310.hizliresim.com/1g/g/tl6n0.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="303" src="http://1.bp.blogspot.com/-u_5LYscZnW0/Ulwhv3Oz0fI/AAAAAAAAAgo/ZPSpF4aWtXY/s320/tk491.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div style="text-align: center;">
Merhaba.Bildiğiniz gibi yarın kurban bayramı bunun için sizlere küçük bir bayram eklentisi vermek istedim.Önizlemesi ve kodu aşağıdadır.Size şimdiden</div>
<div style="text-align: center;">
<br /></div>
<h2 style="text-align: center;">
<b>İyi Bayramlar...</b></h2>
<div>
<div style="text-align: center;">
Kodu blogunuzda görülmek istediğiniz yere yapıştırınız.:)</div>
</div>
<div style="text-align: center;">
<textarea style="height: 50px; margin: 5px 0px; width: 600px;"><img src='http://t1310.hizliresim.com/1g/f/tk491.png' width='300' style='border: 1px solid #ddd;border-radius: 3px;' alt='Kurban Bayramınız Kutlu Olsun' title='Kurban Bayramınız Kutlu Olsun'/>

Küçük bir yorumda da atarsanız sevinirim.:)