Blogger - Bu Mesaj Alıntıdır Eklentisi

Merhaba arkadaşlar ,

Çok güzel bir eklenti. Bu mesaj alıntıdır eklentisi.

Bloggere bu eklentiyi uygulamak için yapmamız gereken şey ; Blogger paneli , uygulamak istediğiniz blog , "Şablon" , HTML'yi düzenle , "Widget şablonlarını genişlet" kutusunu işaretliyoruz ve Ctrl+F yaparak aşağıdaki kodları buluyoruz.

Sizde İşe Yarayacağından Çok Eminim.

Bence Hemen Denemenizi Tavsiye ederim

Öncelikle Bulacağınız Kod

]]></b:skin

Bulduktan sonra bu kodun hemen üstüne

blockquote { background:#c5c5c5 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhh3EwZPgy9iRs0LPyH17rxhVa8FB51_Pa1lYWE3oTiv8d8GBmutyoOorQKdz9KeriUwUL6pZzBDOW9q-5fNtA6miBBokkklSDrG_ORoIDa34xxkzYTVq_ci1NRc0yUtDIbTyykygAD3hs/s1600/bloggera-bu-yazi-alintidir-eklentisi-bloglamazamani.png)

no-repeat top left;

padding:10px 20px 10px 45px;

font-style:italic;

border:1px solid #000000;}

Bu kodu kaydedin ve asıl yerine gelelim. Bu kodu nasıl kullanacağız.

<Blockquote>

"Alıntı yazıyı yazınız..."
</blockquote>

Blogger Eklentileri DEVAMINI OKU 29 Haziran 2013 Cumartesi Ceo PUNK 0 yorum

Blogger E-Posta Abonelik Eklentisi

Blogger E-Posta Abonelik Eklentisi

Merhaba, arkadaşlar. Bugün daha önce konusunu hiç açmadığım Blogger E-Posta Abonelik Eklentisini çok harika bir şekilde düzenlenmiş bir kod ile paylaşıyorum. konusunu hiç açmadığım Blogger E-Posta Abonelik Eklentisini çok harika bir şekilde düzenlenmiş bir kod ile paylaşıyorum.

Bu eklenti ile ziyaretçileriniz paylaştığınız her konuyu onlara e-mail aracılığı ile iletilecektir. Blogunuzu takip edenler içinde bir kolaylık sağlamış olacaktır.
Blogger E-Posta Abonelik Eklentisini uygulamak için

Kumanda Paneli
Yerleşim
Gadget Ekle
Yeni bir HTML/Javascript kutusu açarak içine aşağıdaki kodu yapıştırmanız yeterli olacaktır.

<style> 
#subscribe { 
  float:right; 
  width:258px; 
  padding:10px; 
  margin:0 0 20px 0; 
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgg7Xw7e9efwpMCLmo9j1uQvxcyZ6-Fhnn8Yr6UgnyDXo85zbnx88x8Bkcryw4CZ5DI_fu49v7_Z3-a-4fcyY6SSf12oF7H0OE93hmQ-5LNRYp07D7zTpj1Ug9sNRnX8JgIdpP9GjYkEZY/s1600/blogger-e-posta-abonelik-eklentisi-bloglamazamani.png)  no-repeat 0px 0px; 
  -webkit-border-radius:5px; 
  -moz-border-radius:5px; 
  border-radius:5px 
  height:auto; 
border:1px solid #656E75; 
color:#000; 
font-weight:bold;
}
#subscribe h { 
font-size:12px; 
color:#F1921A; 
}
.feed { 
  width:260px; 
  min-height:60px; 
  margin:0 0 10px 0; 
  padding:0; 
} 
.input{ 
  margin:10px 7px 0 0; 
  float: left; 
  width: 175px; 
  padding: 4px 5px; 
  -webkit-border-radius:4px; 
  -moz-border-radius: 4px; 
  border-radius: 4px; 
border:1px solid #656E75 
}
.sbutton { 
  background:#F1921A; 
  margin:10px 0 0; 
  float: left; 
  height:26px; 
  border: 1px solid #656E75; 
  color: #fff; 
  width:65px; 
  -webkit-border-radius:4px; 
  -moz-border-radius: 4px; 
  border-radius: 4px; 
}
.sbutton:hover { 
  background:#E6E7E8; 
color:#669900; 
} 
</style> 
<div id='subscribe'> 
<div class='feed'> 
         <br/> 
<form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=blogzamani&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'><input class='input' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;E-Mail Adresiniz...&quot;;}' onfocus='if (this.value == &quot;E-Mail Adresiniz...&quot;) {this.value = &quot;&quot;;}' type='text' value='E-Mail Adresiniz...'/> 
<input name='uri' type='hidden' value='blogzamani'/><input name='loc' type='hidden' value='en_US'/><input class='sbutton' type='submit' value='Abone Ol'/></form> 
       </div> 
       <div> 
       Bloglama Zamanı'nda yayınlanacak yeni yazılar e-mail adresinize gelsin. 
       </div></div>

Yukarıdaki kodda değişiklik yapacağınız alanlar:
Blogzamani yerine kendi FeedBurner ID’nizi yazın.

Bloglama Zamanı'nda yayınlanacak yeni yazılar e-mail adresinize gelsin. yerine kutunun altında olmasını istediğini yazıyı yazın.

İşlem bitmiştir, kolay gelsin.

Blogger Eklentileri DEVAMINI OKU Ceo PUNK 0 yorum

Blogger Konularına Yeni Rozeti Eklemek

Blogger Konularına Yeni Rozeti Eklemek

Bugün günlerden pazartesi, en sıkıcı ve depresif bir gün olabilir. Pazartesine güzel bir eklenti ile merhaba diyoruz. Finalleri bitirdikten sonra kaldığımız yerden devam edeceğimi söylemiştim.

Blogger bir hayli gelişmekte olan sistem olmayı çoktan başarmış durumda. Her gün bir yeni blog yayın hayatına başlıyor. Tabi sade ve tasarımsız bir blog olur mu hiç... Neyse biz konumuza geçelim. :)

Blogger'a bir yeni eklenti demeyelim de bir yeni kod tasarımda eklenmiş durumda. Blogger konularınıza Yeni Rozeti ekleyeceksiniz.

Kodu bende kullanıyorum ama kullanıma geçerken biraz sıkıntı çektim. Arama tarama yaptım bir sonuç bulamadım. Ama en sonunda ohh be ! diyerek kodu sorunsuz kullanmaya başladım.

Bu kod ile paylaştığınız son konuya resimde gördüğünüz gibi sağ üst köşede yeni rozeti görünecek.

Kodun uygulamak için:

Kumanda Paneli
Şablon
HTML'yi Düzenle
Widget'i Genişlet

Bu yolu izledikten sonra aşağıdaki kodu bulun:

]]></b:skin>

Bulduğunuz kodun hemen üzerine gelecek şekilde aşağıdaki kodu yapıştırın:

#yeniyazisi {
background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCbjs8lbWh70iP_U810lsaexJjcO3Sd6E_7aATr41JFSIfMQufZywWNVHR1spRI8ld5LrlXcV98iW69VcyE2Y37y97h3UXMTrvdJiJNXkEV5omLVZmk5A8JuOE83pc70Vz6v1Wwqm7zqU/s1600/yeni.png'); background-repeat: no-repeat;
position:relative;
z-index: 99999;
width:55px;
height:55px;
right: 2px;
float:right;
top:1px;
}

Kodu ekledikten sonra yine Şablon'dan aşağıdaki kodu aratın:

<b:section class='main' id='main' showaddelement='no'>

Yukarıdaki kodun hemen altına aşağıdaki kodu ekleyin:

İşleminiz bitti. Kodu güle güle kullanmaya başlayabilirsiniz.

Not: Eğer bu şekilde eklemenize rağmen yeni rozeti tüm konularda da çıkıyor! Ne yapmam lazım diye soracak olursanız hiç telaş etmeyin onunda çözümünü buldum. Eğer bu şekilde sıkıntı çekerseniz hemen aşağıdaki kodu olduğu gibi showaddelement='no'> kodunun altına ekleyin.

<b:if cond='data:blog.url == data:blog.homepageUrl'><div id='yeniyazisi'/></b:if>

Ve Şablonu kaydedip çıkın. Kod sorunsuz çalışıyor olması lazım. Böylece Pazartesine böyle bir giriş yapmış olduk. E artık Salı veya ertesi günü görüşmek üzere. Kolay gelsin. İyi bloglamalar. Eğer yapamadığınız bir bölüm olursa "Yorum" bölümünde belirtebilirsiniz.

Blogger Eklentileri DEVAMINI OKU Ceo PUNK 0 yorum

Blogger - Rastgele Yazı Eklentisi

Merhaba arkadaşlar bugün sizlere rastgele yazısını gösterceğim. Arkadaşlar bu anlatımı Veysel arkadaş anlatmış. Bende bunu paylaşıyorum. Kodları falan verdim mi sağ alt köşede kaynağı göre bilirsiniz. Arkadaşlar ilk önce güzel bir kod ziyaretçiler iniz rastgele bir linke tıkladı mı rastgele yazı okuyabilecekler uzatmadan veriyim kodları.

İlk olarak aşağıdaki kodumuzu Tasarım > Sayfa Öğeleri > Gadget Ekle > HTML/Java Script den yapıştırıyoruz ve kayıt et diyoruz.

KOD;

<script type="text/javascript"> function showLucky(root){ var feed = root.feed; var entries = feed.entry || []; var entry = feed.entry[0]; for (var j = 0; j < entry.link.length; ++j){if (entry.link[j].rel == 'alternate'){window.location = entry.link[j].href;}}} function fetchLuck(luck){ script = document.createElement('script'); script.src = '/feeds/posts/summary?start-index='+luck+'&max-results=1&alt=json-in-script&callback=showLucky'; script.type = 'text/javascript'; document.getElementsByTagName('head')[0].appendChild(script); } function feelingLucky(root){ var feed = root.feed; var total = parseInt(feed.openSearch$totalResults.$t,10); var luckyNumber = Math.floor(Math.random()*total);luckyNumber++; a = document.createElement('a'); a.href = '#random'; a.rel = luckyNumber; a.onclick = function(){fetchLuck(this.rel);}; a.innerHTML = 'Rastgele Yazı'; document.getElementById('Rastgele').appendChild(a); } </script> <script src="/feeds/posts/summary?max-results=0&alt=json-in-script&callback=feelingLucky"></script>

İkinci adımda ise aşağıdaki kodumuzu Rastgele Yazılar linkimizin nerede görünmesini istiyorsak oraya yapıştırıyoruz.

<div id="Rastgele">

İşlem tamamdır. Artık ziyaretçiler iniz rastgele yazı okuyabilecekler.

Blogger | Blogger Eklentileri DEVAMINI OKU 19 Haziran 2013 Çarşamba Ceo PUNK 4 yorum

Blogger Sayfa Navigasyon Eklentisi

Merhaba Arkadaşlar Bazı Temalarda Sayfa Navigasyonu Olmadığından Dolayı Bu Eklentiyi Paylaşıyorum.

Blogger Paneli >> Yerleşim >> Gatget Ekle >> HTML/JavaScript seçin aşağıdaki kodlarıda içersine yerleştirin.

Blogger | Blogger Eklentileri DEVAMINI OKU 17 Haziran 2013 Pazartesi Ceo PUNK 1 yorum

Blogger Kopyalanan Yazıya Otomatik Kaynak Linki Verme

Merhaba Arkadaşlar Bu Eklenti İşinize Çok yarıyacak Biri Konunuzu Kopyaladığı zaman

Sizin Sitenizde Yer Alacak

Arkadaşlar Fazla uzatmadan Direk Anlatıma geçecem

Blogger Paneli >> Şablon >> HTML Düzenle dedikten sonra </head> kodunu buluyoruz ve aşağıdaki kodları hemen üstüne yerleştiriyoruz.


<script type="text/javascript">
function addLink() {
    var body_element = document.getElementsByTagName('body')[0];
    var selection;
    selection = window.getSelection();
    var pagelink = "<br /><br /> Kaynak Linki : <a href='"+document.location.href+"'>"+document.location.href+"</a><br />"; // 
    var copytext = selection + pagelink;
    var newdiv = document.createElement('div');
    newdiv.style.position='absolute';
    newdiv.style.left='-99999px';
    body_element.appendChild(newdiv);
    newdiv.innerHTML = copytext;
    selection.selectAllChildren(newdiv);
    window.setTimeout(function() {
        body_element.removeChild(newdiv);
    },0);
}
document.oncopy = addLink;
</script>

İşlem bu kadar artık yazılarınıza Kaynak belirtmeyen siteleri uyarmış olucağız.

Blogger | Blogger Eklentileri DEVAMINI OKU Ceo PUNK 1 yorum

Blogger Breadcrumb Konum Navigasyon Eklentisi

Merhaba Arkadaşlar Bu Eklenti Sizlere Seo Puanı ve Alexa Puanınızı artıra bilir.

Blogger Breadcrumb eklentisi blogger sayfasındaki konularınızı üzeride bulunun resimdeki gibi nerde olduğunuzu gösteren bir eklenti.Eklenti sayesinde olduğunuz kategoriye geri dönebilir yada istediğiniz yere anasayfa yada bir önceki sayfaya gidebilirsiniz.Eklenti bu özellikleri yani sıra seo etkiside oldukça büyüktür arama motorlarında daha düzgün ve güzel şekilde konularınızda gözükür.Bunu başka bir zaman konu olarak anlatırım.

Kurulum: Şablon>Htmlyi Düzenle>Devam Et yolunu izleyerek Widget Şablonlarını Genişlet'i işaretleyip aşağıdaki kodu aratın.

<b:includable id='main' var='top'>

Bulduğunuz kodun üstüne aşağıdaki kodları ekleyin.

<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<!-- No breadcrumb on home page -->
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- breadcrumb for the post page -->
<p class='breadcrumbs'>
<span class='post-labels'>
<a expr:href='data:blog.homepageUrl' rel='tag'><data:blog.title/></a>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == &quot;true&quot;'> &#187; <a expr:href='data:label.url' rel='tag'><data:label.name/></a>
</b:if>
</b:loop>
<b:else/>
&#187;Kategorisiz
</b:if>
&#187; <span><data:post.title/></span>
</b:loop>
</span>
</p>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<!-- breadcrumb for the label archive page and search pages.. -->
<p class='breadcrumbs'>
<span class='post-labels'>
<a expr:href='data:blog.homepageUrl'><data:blog.title/></a> &#187; <data:blog.pageName/> Arşivi
</span>
</p>
<b:else/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<p class='breadcrumbs'>
<span class='post-labels'>
<b:if cond='data:blog.pageName == &quot;&quot;'>
<a expr:href='data:blog.homepageUrl'><data:blog.title/></a> &#187; Tüm Yazılar
<b:else/>
<a expr:href='data:blog.homepageUrl'><data:blog.title/></a> &#187; <data:blog.pageName/>
</b:if>
</span>
</p>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>

Kodları ekledikten sonra aşağıdaki kodu bulun.

<div class='blog-posts hfeed'>

Bulduğunuz kodun altına aşağıdaki kodu ekleyin.

<b:include data='posts' name='breadcrumb'/>

Aşağıdaki kodu aratın

]]></b:skin>

ve üstüne aşağıdaki kodları ekleyin.

.breadcrumbs{background-color:#fff; 
border-radius:5px;  
-webkit-border-radius:5px;  
-moz-border-radius:5px;  
border:1px solid #ddd; margin-top:5px; padding:10px; border-bottom:2px solid #ddd;
text-align:left;
font-size:11px}

Kodu ekledikten sonra şablonu kaydettiğinizde sitenizde eklentinin olması gerekmektedir eğer navigasyon eklentisi olmadıysa sorun ' <div class='blog-posts hfeed'> ' kodundan 2 tane bulunmasındandır.' <div class='blog-posts hfeed'> ' kodunu birdaha aratın ve diğer çıkan sonusun üstüne ' <b:include data='posts' name='breadcrumb'/> ' ekleyin.

Blogger | Blogger Eklentileri DEVAMINI OKU Ceo PUNK 0 yorum

Blogger - Bu Mesaj Alıntıdır Eklentisi

Blogger E-Posta Abonelik Eklentisi

Blogger Konularına Yeni Rozeti Eklemek

Blogger - Rastgele Yazı Eklentisi

Blogger Sayfa Navigasyon Eklentisi

Blogger Kopyalanan Yazıya Otomatik Kaynak Linki Verme

Blogger Breadcrumb Konum Navigasyon Eklentisi

#Sitenin Enleri

#İstatistikler

Toplam Sayfa Görüntüleme Sayısı

Kategoriler

Arama Bulmanın Yarısıdır