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

İnvision Responsive Blogger Teması Türkçe

Perşembe, Ocak 07, 2016 5 Yorumlar icon18_edit_allbkg

Selamlar arkadaşlar ,
bu yayınımda Arlina Design'in 2016 yılında ücretsiz olarak paylaştığı bir temadan bahsedeceğim.Sade ve zarifliği ile kullanabileceğiniz blogger teması.

Temanın Özellikleri
Responsive
SEO Dostu
Mobile Uyumlu
Dinamik Şablon
Adsense Uyummlu
Kişisel Blog İçin İdeal
Disqus Yorum Sistemi
Otomatik Devamını Oku Eklentili
Responsive Menü
Yukarı Çık Eklentili
Abone Ol Widget Eklentili
İletişim Formu Eklentili



Temayı kurarken problem yaşarsanız yoruma yazabilirsiniz...Sağlıcakla Kalın...

İvonesia Kişisel Blogger Teması Türkçe

Pazartesi, Aralık 28, 2015 17 Yorumlar icon18_edit_allbkg

Selamlar herkese uzun zaman sonra yeni bir temayla karşınızdayım.İvonesia blogger teması sadeliği ile kullanabiliceğiniz bir tema olabileceğini düşünüyorum.

Temanın Özellikleri
-Responsive Kişisel Tema 
-Hazır Slider Eklentili
-Hazır Reklam Alanları
-Adsense Reklam Yerleşime Uygun
-Turuncu ve Beyaz Ağırlıklı
-Temaya Özel Abone Ol Eklentisi
-Kişisel Alanlarda kullanılabilir.



Tema Kurulumu ve Eklentileri İndirdiğiniz Dosyada Mevcuttur.


Temayı kurarken problem yaşarsanız yoruma yazabilirsiniz...Sağlıcakla Kalın...

Minima Colored Blogger Teması Türkçe(İstek Tema Üzerine)

Pazar, Kasım 22, 2015 16 Yorumlar icon18_edit_allbkg
minima-colored-teması-turkce

Selamlar arkadaşlar,
bu yayınımda istek tema üzerine gelen minima colored 3 temasını sunacağım.Tema yine bir Arlina tasarımı sade ve çok hoş bir tema ve temada yayın içi kullabileceğimiz güzel eklentileri de mevcut lafı fazla uzatmadan temanın özelliklerini sunayım.

Temanın Özellikleri
-Responsive Türkçe Tema
-Mavi ve Beyaz Ağırlıklı
-Adsense Uyumlu
-Reklam Alanı için Widget Uyumu
-Kişisel Alanlar için kullanılabilir.

Tema Kurulumu
 -Temayı aşağıdan indirdikten sonra;
 -Blogger Admin Panel > Şablon > Yedekle/Geri Yükle > Dosya Seç ve temayı seçip yükle diyoruz ve mobil tasarımı devre dışı bırakıyoruz.
Temanın Eklentileri İndirdiğiniz Dosyada Mevcuttur.(İletişim Sayfası,Sitemap,Demo ve Download Butonu,Mesaj Kutuları,Temaya Özel Kod Penceresi Kodları)


Temayı kurarken problem yaşarsanız yoruma yazabilirsiniz...Sağlıcakla Kalın...

3 Stil Popüler Yayınlar Eklentisi

Pazar, Kasım 08, 2015 2 Yorumlar icon18_edit_allbkg

Merhaba arkadaşlar bu yayınımda sizlere yine güzel bir blogger eklentisinden bahsedeceğim.Popüler yayınlarınızın daha havalı durmasını sağlayacak üç stil kendinize uygun olanı seçip kullanabilirsiniz.

İlk önce nasıl kurulacağından bahsedeyim her bir stil için css kodlarını]]><b:skin>veya </style>kodlarının üstüne ekliyoruz.

Stil1:



/* Popular Post Style 1 */
#PopularPosts1 ul{padding:10px 0;margin-top:-15px;}
.PopularPosts .item-thumbnail{margin:0}
.PopularPosts .widget-content ul{padding:0;margin-top:-7px}
.PopularPosts .item-title a{text-decoration:none;font-weight:400;font-size:14px;color:#000;line-height:1.4em;transition:all ease-in-out .1s;}
.PopularPosts .item-title{padding-bottom:.4em}
.PopularPosts .widget-content ul li:hover a,.PopularPosts .widget-content ul li a:hover{color:#48d;}
.PopularPosts li:first-child .item-snippet{position:absolute;top:0;opacity:0;visibility:hidden;width:85%;left:11px;color:#fff;background-color:rgba(172,22,172,.83);padding:10px;font-size:90%;line-height:normal;transition:.3s}
.PopularPosts li:hover:first-child .item-snippet{top:20%;opacity:1;visibility:visible}
.PopularPosts img{width:100%;height:100%}
.PopularPosts .widget-content ul li{list-style:none;margin:10px 0 0!important;padding:0 0 10px!important;line-height:1.3em!important;position:relative;border-bottom:1px solid #f1f1f1}
.PopularPosts li .item-snippet{display:none}
.PopularPosts li .item-thumbnail{width:85px;height:72px;margin:0 10px 0 0;overflow:hidden;float:left}
.PopularPosts li:first-child .item-thumbnail{width:100%;height:100%;max-height:190px;overflow:hidden;margin-bottom:10px}
.PopularPosts li:first-child .item-content{position:relative}
.PopularPosts li:first-child .item-thumbnail,.PopularPosts li:first-child .item-snippet{display:block}
.PopularPosts li:first-child .item-title a{font-size:18px;line-height:1.3em;font-weight:700}

Stil 2:


/* Popular Post Style 2 */
.PopularPosts .widget-content ul{padding:0;margin-top:-10px}
.PopularPosts .item-thumbnail{margin:0}
.PopularPosts .item-title {padding:0;}
.PopularPosts .item-title a{text-decoration:none;color:#000;}
.PopularPosts .item-title a:hover{color:#ff2d2d}
.PopularPosts .item-snippet{font-size:12px;line-height:1.6em;color:#777;padding-top:10px}
.PopularPosts li{border-bottom:1px dashed #e3e3e3}
.PopularPosts li .item-thumbnail,.PopularPosts li .item-snippet{display:none}
.PopularPosts li:first-child .item-thumbnail,.PopularPosts li:first-child .item-snippet{display:block;overflow:hidden;max-height:180px;margin-bottom:10px;}
.PopularPosts img{padding:0}
.PopularPosts .widget-content ul li{padding:10px 0;margin:0}

Stil 3:

/* Popular Post Style 3 */
#PopularPosts1 ul{padding:10px 0;margin-top:-15px;}
.PopularPosts .item-thumbnail{margin:0}
.PopularPosts .widget-content ul{padding:0;margin-top:-7px}
.PopularPosts .item-title a{text-decoration:none;font-weight:700;font-size:14px;color:#000;line-height:1.4em;transition:all ease-in-out .1s;}
.PopularPosts .item-title{padding-bottom:.4em}
.PopularPosts .widget-content ul li:hover a,.PopularPosts .widget-content ul li a:hover{color:#48d;}
.PopularPosts img{width:100%;height:100%}
.PopularPosts .widget-content ul li{list-style:none;margin:10px 0 0!important;padding:0 0 10px!important;line-height:1.3em!important;position:relative;border-bottom:1px solid #f1f1f1}
.PopularPosts li .item-snippet{position:absolute;top:0;opacity:0;visibility:hidden;width:85%;left:11px;color:#fff;background-color:rgba(172,22,172,.83);padding:10px;font-size:90%;line-height:normal;transition:.3s}
.PopularPosts li:hover .item-snippet{top:20%;opacity:1;visibility:visible}
.PopularPosts li .item-thumbnail{margin:10px 0;overflow:hidden;float:left}
.PopularPosts li:first-child .item-thumbnail{width:100%;height:100%;max-height:190px;overflow:hidden;margin-bottom:10px}
.PopularPosts li:first-child .item-content{position:relative}
.PopularPosts li:first-child .item-thumbnail,.PopularPosts li:first-child .item-snippet{display:block}

Şimdi stiller için javascript kodlarını ekliyoruz.Kodları </body> kodunun üstüne ekliyoruz.
Stil 1:

<script type='text/javascript'>
//<![CDATA[ 
function resizeThumbarlina(e,t){for(var s=document.getElementById(e),r=s.getElementsByTagName("img"),c=0;c<r.length;c++)r[c].src=r[c].src.replace(/\/s72\-c/,"/s"+t),r[c].width=t,r[c].height=t}resizeThumbarlina("PopularPosts1",400);
//]]>
</script>

Stil 2:
<script type='text/javascript'>
//<![CDATA[
// Popular Post
var newidth=295;var neweight=180;$(".popular-posts .item-thumbnail img").each(function(){var t=$(this).attr("width");$(this).attr("width",newidth),$(this).attr("height",neweight),$(this).attr("src",$(this).attr("src").replace("/s72-c/","/w"+newidth+"-h"+neweight+"-c/"))}),$(".PopularPosts .item-snippet").text(function(t,i){return i.substr(0,70)});
//]]>
</script>

Stil 3:

<script type='text/javascript'>
//<![CDATA[ 
function resizeThumbarlina(e,t){for(var s=document.getElementById(e),r=s.getElementsByTagName("img"),c=0;c<r.length;c++)r[c].src=r[c].src.replace(/\/s72\-c/,"/s"+t),r[c].width=t,r[c].height=t}resizeThumbarlina("PopularPosts1",400);
//]]>
</script>

Widget Ayarı:

Hepsi bu kadar 
Yardım için yoruma yazabilirsiniz..Sağlıcakla Kalın...

Blogger Site Haritası Oluşturma(Sitemap)

Perşembe, Ekim 29, 2015 Yorum Yapmak İstermisiniz? icon18_edit_allbkg
blogger-site-haritasi-olusturma


Selamlar herkese bu yayınımda sizlere blogger da sitemap oluşturmadan bahsedeceğim.Blog ziyaretçilerin daha kolay dolaşması için hazırlanmış hoş görünmlü güzel bi eklenti.

Nasıl kurulacağından bahsedeyim

Blogger Panel den > Sayfalar > Yeni Sayfa diyerek HTML kısmına aşağıdaki kodu yapıştıyoruz.

<style scoped="" type="text/css">
#head-tab{background:#51a8e9;padding:15px 20px;margin:0;color:#fff;font-size:16px;text-align:center;font-weight:700;letter-spacing:.5px;}
#tabbed-toc{margin:0 auto;background-color:#222;overflow:hidden;position:relative;color:#fff;border-left:5px solid #51a8e9}
#tabbed-toc ul,#tabbed-toc ol,#tabbed-toc li{margin:0;padding:0;list-style:none}
#tabbed-toc .toc-tabs{width:30%;float:left}
#tabbed-toc .toc-tabs li a{display:block;font-size:14px;overflow:hidden;text-overflow:ellipsis;color:#fafafa;text-decoration:none;padding:8px 12px;cursor:pointer}
#tabbed-toc .toc-tabs li a:hover{background-color:#333;color:#fff}
#tabbed-toc .toc-tabs li a.active-tab{background-color:#333;color:#fff;position:relative;z-index:5;}
#tabbed-toc .toc-content,#tabbed-toc .divider-layer{width:70%;float:right;background-color:#fafafa;border:1px solid #fafafa}
#tabbed-toc .divider-layer{float:none;display:block;position:absolute;top:0;right:0;bottom:0}
#tabbed-toc .panel{position:relative;z-index:5;font:normal normal 10px/normal Helmet,Freesans,Sans-Serif}
#tabbed-toc .panel li a{display:block;position:relative;font-weight:bold;font-size:14px;color:#7f8c8d;line-height:20px;height:30px;padding:6px 12px;text-decoration:none;outline:0;overflow:hidden}
#tabbed-toc .panel li time{display:block;font-style:italic;font-weight:normal;font-size:10px;color:#666;float:right}
#tabbed-toc .panel li .summary{display:block;padding:10px 12px 10px;font-style:italic;border-bottom:1px solid #2c3e50;overflow:hidden}
#tabbed-toc .panel li:nth-child(even){background-color:#fafafa}
#tabbed-toc .panel li a:hover,#tabbed-toc .panel li a:focus,#tabbed-toc .panel li a:hover time,#tabbed-toc .panel li.bold a{background-color:#fafafa;color:#e06666;outline:0}
#tabbed-toc .panel li.bold a:hover,#tabbed-toc .panel li.bold a:hover time{background-color:#36424a}
.post ol li:before{display:none}
@media(max-width:700px){
#tabbed-toc{border:1px solid #ccc}
#tabbed-toc .toc-tabs,#tabbed-toc .toc-content{overflow:hidden;width:auto;float:none;display:block}
#tabbed-toc .toc-tabs li{display:inline;float:left}
#tabbed-toc .toc-tabs li a,#tabbed-toc .toc-tabs li a.active-tab{background-color:#777}
#tabbed-toc .toc-tabs li a.active-tab{background-color:#51a8e9;color:#fafafa}
#tabbed-toc .toc-content{border:0}#tabbed-toc .panel li a{font-size:12px;line-height:20px;height:20px;padding:0 12px}
#tabbed-toc .divider-layer,#tabbed-toc .panel li time{display:none}}
</style>

<div id="head-tab">
Site Haritası</div>
<div id="tabbed-toc">
</div>
<script>
var tabbedTOC = {
    blogUrl: "blog adresiniz", // Blog URL
    containerId: "tabbed-toc", // Container ID
    activeTab: 1, // The default active tab index (default: the first tab)
    showDates: false, // `true` to show the post date
    showSummaries: false, // `true` to show the posts summaries
    numChars: 200, // Number of summary chars
    newTabLink: true, // Open link in new window?
    maxResults: 99999, // Maximum post results
    preload: 0, // Load the feed after 0 seconds (option => time in milliseconds || "onload")
    sortAlphabetically: true, // `false` to sort posts by published date
    showNew: 7, // `false` to hide the "Yeni!" mark in most recent posts, or define how many recent posts are to be marked
    newText: " <em style='color:#F2784B;'>Yeni</em>" // HTML for the "Yeni!" text
};
</script>
<script async="async" src="https://cdn.rawgit.com/Indzign/theme/master/daftar-isi-indzign.js"></script>

Yukarıda blog adresiniz yazan yere kendi adresinizi yazın.
Mavi renk yerine kendi istediğiniz renk ile değiştirmek için kodlardan 51a8e9kodunu aratın ve yerine kendi renk kodunuzu girin.


Yardım için yoruma yazabilirsiniz...Sağlıcakla Kalın...