Kod Arkadaşım

2013 Blogger Kişisel GoGreen Teması

<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>Blogger Temalarında ki gelişim tüm hızıyla devam ediyor. Bu değişim ile blogger temaları da artık kendilerini wordpress şablonları gibi bir görünüme kavuşmaya başladı. Sade ve şık bir görünüme sahip GoGreen blogger teması oldukça kullanışlı bir yapıya sahip. Şık bir yorum paneli bulunan temanın iki sütunlu oluşu temaya ayrı bir hava katıyor.</code></pre>

<a href="http://gogreentheme.blogspot.com.tr/" target="_blank">ÖNİZLEME</a><br /> - <a href="https://app.box.com/files/0/f/0/1/f_9815720306" target="_blank">İNDİR</a><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>2013'ün En yeni teması olan GoGreen kişisel blogger temasının bazı önemli özelliklerinden bir kaçını belirtmek gerekirse;
Şık bir görünüme sahip GoGreen Teması seo konusunda oldukça başarılı. Yazıların sonuna eklenen yazıyla ilgili yayınlar kısmı ise dikkat çekici ve okuyucunun sayfada daha fazla kalmasını sağlamayı başaracak şekilde oluşturulmuş ve sayfaya eklenmiş. Son zamanlarda sıkça kullanılan sade bir menü yerine iconlara sahip bir menü kullanılmış. Metro tarzı bu menü ile kullanıcılarımıza oldukça şık bir navigasyon sunmuş oluyoruz.</code></pre>

2013 Blogger Kişisel GoGreen Teması

Blogger Temalarında ki gelişim tüm hızıyla devam ediyor. Bu değişim ile blogger temaları da artık kendilerini wordpress şablonları gibi bir ...

Devamı »

Sitene HTML Kodları Ekle

<a href="#" onclick="javascript: window.open('http://demokodarkadasim.blogspot.com.tr/p/kodekle.html', '', 'toolbar=no,location=no,status=no,menubar=no,scrollbars=yes,resizable=yes,width=780,height=550'); return false">Önİzleme İçin Tıkla</a>

<textarea class="bginput" style="WIDTH: 385px; CURSOR: url(''); HEIGHT: 50px" onclick="this.focus();this.select()" name="wep-kodlari" rows="5" cols="42">kod-arkadasim1.blogspot.com.tr  Kod BasLangiCi--><p align="center"><iframe src="http://kod-arkadasim1.blogspot.com.tr/2015/01/sitene-html-kodlar-ekle.html" marginwidth="0" marginheight="0" name="kralalemi" title="kodekle" scrolling="no" align="center" border="0" frameborder="0" width="204" height="232"></iframe><!—kod-arkadasim1.blogspot.com.tr Kod Sonu-->

Sitene HTML Kodları Ekle

Önİzleme İçin Tıkla kod-arkadasim1.blogspot.com.tr Kod BasLangiCi-->

Devamı »

Blogger Tema Türkçeleştirme

<div align="center">Blogger için çok iyi temalarla karşılaşıyoruz ama bu iyi temaların bazıları da yabancı dil kodlama oluyor. Tabi ki temanızı anlayabilmeniz içinde Türkçe olması gerek. Basit yoldan temanızı nasıl Türkçe yapabileceğimizi anlatacağım.</div>

<div align="center"><b>>Blogger kullanıcı paneline girin.</b></div>
<div align="center"><b>>Tasarım'a tıklayın.</b></div>
<div align="center"><b>>HTML'yi düzenle tıklayın.</b></div>
<div align="center"><b>>Ctrl+F yardımıyla temanızda gördüğünüz kelimeleri arayın ve yerine Türkçe'lerini yazın.</b></div>

Blogger Tema Türkçeleştirme

Blogger için çok iyi temalarla karşılaşıyoruz ama bu iyi temaların bazıları da yabancı dil kodlama oluyor. Tabi ki temanızı anlayabilmeni...

Devamı »

Blogunuzda Son Tweetlerinizi Gösterin

<div align="center">Merhabalar arkadaşlar bu yazımda sizlere twitterdan bahsedeceğim. Bildiğiniz üzere twitter gün geçtikçe büyümeye devam ediyor ve hızla uygulamalar artıyor bu uygulaması ise son tweetleri kısa bir kodla gösterecek oldukça da sade ve hoş.</div>

<div align="center">İlk olarak twitter hesabımıza giriş yapıyoruz ve aşağıdaki kutucuk olan ayarlar bölümünü açıyoruz ve resimde mavi ile gösterildiği gibi ayarlara tıklıyoruz.</div>

<div align="center">Daha sonra ise sol kutucuktaki bileşenler yazısına tıklıyoruz.</div>

<div align="center">Daha sonra "Yeni Oluştur" butonuna tıklıyoruz ve aşağıdaki resimdeki gibi bir bölüm karşımıza çıkıyor ordan gerisini ise kendinize göre düzenleyip html kodlarını bilesen oluştur butonuna tıklayıp kodları alabilirsiniz.</div>

Blogunuzda Son Tweetlerinizi Gösterin

Merhabalar arkadaşlar bu yazımda sizlere twitterdan bahsedeceğim. Bildiğiniz üzere twitter gün geçtikçe büyümeye devam ediyor ve hızla uy...

Devamı »

Blogger Gelişmiş Yorum Alanı Eklentisi

<div align="center">Yeni bir blogger yazımla tüm blogculara sevgiler. Bu yazımda blogger yorum alanında bir gelişme yapacağız, ilk olarak eklentiden söz edeyim isterseniz. Bu eklentiyi uzun zamandır kullanıyorum ve çok sade bir tasarıma sahip demosu üstteki resim zaten. Sadece css ile bu kadar güzel bir eklenti meydana geliyor. İsteyen de çok oldu bende zaman ilerledikçe paylaşmk istedim. 
Tek yapmanız gereken css bölümüne eklemek </div>

<div align="center">css</div>
<div align="center"><textarea class="bginput" style="WIDTH: 385px; CURSOR: url(''); HEIGHT: 50px" onclick="this.focus();this.select()" name="wep-kodlari" rows="5" cols="42">#comment-editor{width:103%!important}
.comment-form{width:100%;max-width:100%}
.comments .comment-content{margin-left:48px;position:relative;background:#f9f9f9;border:1px solid #ddd;overflow:hidden;border-bottom:2px solid #ddd;border-radius:5px;padding:10px}
.comments .comments-content{font-size:13px}
.comments .comment .comment-actions a{padding-top:5px;padding-right:5px;text-decoration:none}
.comments .comment .comment-actions a:hover{text-decoration:underline}
.comments .comments-content .comment-thread ol{list-style-type:none;text-align:left;padding:0}
.comments .comments-content .inline-thread{padding:.5em 0 .5em 1em}
.comments .comments-content .comment-thread{margin:8px 0}
.continue{background:#fff;border:1px solid #ddd;overflow:hidden;border-bottom:2px solid #ddd;border-radius:5px;padding:5px}
.comments .comments-content .comment-replies{margin-top:0;margin-left:36px}
.comments .comments-content .comment{margin-bottom:0;padding-bottom:0}
.comments .comments-content .comment:first-child{padding-top:6px;text-align:left}
.comments .comments-content .comment:last-child{border-bottom:0;padding-bottom:0;text-align:left}
.comments .comments-content .comment-body{position:relative}
.comments .comments-content .user{font-style:normal;font-weight:700}
.comments .comments-content .icon.blog-author{width:18px;height:18px;display:inline-block;background:url(http://png.findicons.com/files/icons/2353/stuttgart/16/star.png) no-repeat top;margin:0 0 -4px 6px}
.comments .comments-content .datetime{margin-left:6px;float:right;font-size:10px}
.comments .comments-content .comment-header,.comments .comments-content .comment-content{margin:5px 0 8px}
.comments-content{padding:5px}
.comments .comments-content .comment-header{font-size:15px}
.comments-content .datetime{font-style:PFBeauSansProBbookRegular, Verdana, sans-serif;color:#fff}
.comments .comments-content .comment-content{text-align:left}
.comments .comments-content .owner-actions{position:absolute;right:0;top:0}
.comments .comments-replybox{border:none;height:250px;width:100%}
.comments .comment-replybox-single{margin-top:5px;margin-left:48px}
.comments .comment-replybox-thread{margin-top:5px}
.comments .comments-content .loadmore a{display:block;text-align:center;padding:10px 16px}
.comments .thread-toggle{cursor:pointer;display:inline-block}
.comments .continue{cursor:pointer}
.comments .continue a{display:block;font-weight:700;padding:.5em}
.comments .comments-content .loadmore{cursor:pointer;max-height:3em;margin-top:3em}
.comments .comments-content .loadmore.loaded{max-height:0;opacity:0;overflow:hidden}
.comments .thread-toggle .thread-arrow{display:inline-block;height:6px;width:7px;overflow:visible;padding-right:4px;margin:.3em}
.comments .thread-expanded .thread-arrow{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAG0lEQVR42mNgwAfKy8v/48I4FeA0AacVDFQBAP9wJkE/KhUMAAAAAElFTkSuQmCC) no-repeat scroll 0 0 transparent}
.comments .thread-collapsed .thread-arrow{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAJUlEQVR42mNgAILy8vL/DLgASBKnApgkVgXIkhgKiNKJ005s4gDLbCZBiSxfygAAAABJRU5ErkJggg==) no-repeat scroll 0 0 transparent}
.comments .comment-header{margin-left:48px;position:relative;background:url(http://2.bp.blogspot.com/-p56goQ2FzGU/URvNe5UKRLI/AAAAAAAAE0E/u4764R2J6O8/s1600/sidebaronurbatur.png) repeat-x;border:1px solid #ddd;overflow:hidden;border-bottom:2px solid #ddd;border-radius:5px;padding:5px}
.comments .comment-header .user{font-size:17px}
.comments .comment-block{margin-left:48px;position:relative;background:#fff;border:1px solid #ddd;overflow:hidden;border-bottom:2px solid #ddd;border-radius:5px;padding:5px}
.avatar-image-container,.avatar-image-container img{max-width:50px!important;width:50px!important;max-height:50px!important;height:50px!important;background:#fff}
.comments .avatar-image-container{border-radius:5px 5px 5px 5px / 5px 5px 5px 5px;float:left;margin-right:10px;background:#fff;border:1px solid #ddd;padding:2px}
.comments .avatar-image-container img{background:#fff}
.comments{border:1px solid #ddd;font-family:PFBeauSansProBbookRegular, Verdana, sans-serif;-moz-border-radius:8px;color:#666;border-radius:5px 5px 5px 5px / 5px 5px 5px 5px;margin:10px 0 0;padding:10px}
.comments h4{color:#666;font-family:PFBeauSansProBbookRegular, Verdana, sans-serif;font-si

Yapamadığınız, temanıza uyumlu olmayan bir yer varsa onur imdat burada yorum atmanız yeterli. :)

Blogger Gelişmiş Yorum Alanı Eklentisi

Yeni bir blogger yazımla tüm blogculara sevgiler. Bu yazımda blogger yorum alanında bir gelişme yapacağız, ilk olarak eklentiden söz ed...

Devamı »

Web Sitenizdeki Linklerin Hepsini Yeni Sekmede Açmak

<div align="center">Herkese merhabalar, yine işe yarayan bir blogger eklentisiyle devam ediyoruz. Sitemizde bulunan linkleri tek tek <b>"target='_blank'"</b> ekleyerek yapmak biraz uğraştırıyor. Hazırladığım yazıda bulunan bu basit kod ile sitenizdeki tüm bağlantları yeni sekmede açacağız. İsterseniz anlatıma geçelim. </div>

<div align="center"><b>Blogger Paneli > Tasarım > HTML'yi Düzenle</b> yolunu izliyoruz. Daha sonra aşağıdaki kodu buluyoruz. </div>

Kodu bulduktan sonra, bulduğumuz kodun altına aşağıdaki kodu ekliyoruz.

HTML

İşlemimiz tamamdır. Tasarımı kaydedin ve blogunuzda herhangi bir linke tıklayın.

Web Sitenizdeki Linklerin Hepsini Yeni Sekmede Açmak

Herkese merhabalar, yine işe yarayan bir blogger eklentisiyle devam ediyoruz. Sitemizde bulunan linkleri tek tek "target='_bla...

Devamı »

Blogger "Etiketine Sahip Kayıtlar Gösteriliyor" Yazısını Kaldırma

Blogger'ın bir özelliğini kaldırmaktan bahsedeceğiz. Kategori sayfasına girdiğimizde karşımıza çıkan "Etiketine Sahip Kayıtlar Gösteriliyor" yazısını kaldırmayı öğreneceğiz.
Aşağıdaki kod satırını temamızdan buluyoruz:

Yukarıda bulmuş olduğumuz kodların tamamını aşağıdaki kodlar ile değiştiriyoruz.

Blogger "Etiketine Sahip Kayıtlar Gösteriliyor" Yazısını Kaldırma

Blogger'ın bir özelliğini kaldırmaktan bahsedeceğiz. Kategori sayfasına girdiğimizde karşımıza çıkan "Etiketine Sahip Kayıtla...

Devamı »

[Kod Arkadaşım] [featuredpost] [rastgele] [5]

2013 Blogger Kişisel GoGreen Teması

Sitene HTML Kodları Ekle

Blogger Tema Türkçeleştirme

Blogunuzda Son Tweetlerinizi Gösterin

Blogger Gelişmiş Yorum Alanı Eklentisi

Web Sitenizdeki Linklerin Hepsini Yeni Sekmede Açmak

Blogger "Etiketine Sahip Kayıtlar Gösteriliyor" Yazısını Kaldırma