Blogger CSS Ekleme Blogger Eklentileri

Blogger CSS Ekleme Blogger Eklentileri

Merhaba Arkadaşlar Bugünkü Makalemde Sizlere Blogger'da CSS Kodları Nasıl Eklenir Onun Hakkında Bilgi Bereceğim Arkadaşlar 

1.Adım 
Yerleşim->HTML'yi Düzenle CTRL + F
]]></b:skin> Şu Kodu Aratın Arkadaşlar Bu Vermiş Olduğum Kod Blogger Bünyesinde Barınan CSS Kodlarını Ekleyeceğimiz Bölüm Tabi Her HTML+CSS Kodları Bloger'ınızda Tam Çalışmaya Bilir Blogger'ınıza Göre Editleme Yapacaksınız Örnegin Ben Bi HTML+CSS Kodları Yazdım Diyelim Örnegin Bi Baglantı Linki Oluşturmak İstiyorum Bunu Şöylede Yapabilirim HTML'e CSS Gömerekte Yapabilirm 

Örnek;
<head>
<style>
</stlye>
</head>

Arkadaşlar CSS Kodları HTML'de <head> Tagları Arasına Yazılır Ve CSS Kodları Yazmak İçin Bize Nerde CSS Kullanacağımızı Belirten Yazı Yazmak Lazım Örnek Verecek Olursam
<a href="">MAK1999</a>

Şimdi Style Kodları Arasına A Tagını Belirteceğim

<head>
<style>
a{
background-color: red;
}
</style>
</head>

Ben Burda Şunu Dedim A Tagını Özelleştirdim Style Yani CSS Koduyla A'ya Editleme Yapacağımı Belirttim Yani <style></style> Tagları Arasına 
<a href="">MAK1999</a>'i 
Özelleştirdim Dedim Şimdi Yukarda Kırmızı İle İşaretlediğim Bizim CSS Kodumuz Bunu Kaydettiğimiz Zaman 
<a href="">MAK1999</a> Ornek Yazısının Renginin Kırmızı Oldugunu Belirttim Ve Çalıştı Dediğim Gibi Bunu Blogger'da HTML->Gadget-Ekle> Diyerekte Yapabilirm Ama Kod Kalabalığı Olmasın Diye Biz ]]></b:skin> Kodları Arasına CSS Kodlarımızı Ekliyoruz Yalnız Şunu Belirtmem Gerekirse Arkadaşlar ]]></b:skin>'a Ekleyeceğimiz CSS Kodlarını Belirtmemiz Gerekir Örnegin Ben ]]></b:skin>' Kodlarının Üzerine <a href="">MAK1999</a>'un Renk Alması İçin Kod Ekleceğim


Örnek;




]]></b:skin>'e Eklediğim Kod;

a{
background-color: red;

}


Şimdi Bunu Kaydedelim Arından Yerleşim->Gadget Ekle->HTML/JavaScript
Buraya Şunu Yazıyorum 
<a href="">MAK1999</a>
Ardından Kaydediyorum.
Örnek;




Biz Yukarda Ne Belirtmiştik Arkadaşlar Renginin Red Kırmızı Olduğunu Belirttik Ben Bunu Blue Mavi Yaparsam Bu Mavi Olur Böylelikle Kodun Çalıştığını Görmüş Olduk Bunu Bahsettiğim Gibi HTML+CSS Kodlarının İçinde'de Çalıştırabilirim Karar Size Kalmış Bu Makalemde Sizlere 
]]></b:skin> Yani Blogger'da Css Kodlarını Ekleyeceğimiz Yeri Gösterdim Kullanma Şekliniz Size Kalmış Umarım Anlaşılır Olmuştur İşinize Yaradıysa Yorum Atmayı Unutmayın :)

Saygılarımla

DestanTeam
Devamını Oku »

Windows10 Realtek HD Audio Kurulum[Ses Yükseltme Mikrofon Cızırtı Giderme]



Windows10 Realtek HD Audio Kurulum[Ses Yükseltme Mikrofon Cızırtı Giderme]

Merhaba Arkadaşlar Bu Videomda Sizlere Windows İşletim Sitemlerinde Realtek HD Audio Programının Kurulumunu Ve Ses Yükseltme Mikforon Cızırtı Giderme Sorunlarını Gösterdim Arkadaşlar Program Oldukça Etkili Ve Her Format Attıktan Sonra Yüklenmesi Gereken Bir Programdır Ben Hep Kullanıyorum Çok'ta İşime Yarıyor Gerek Ses Yükseltme Gerek Mikforon Cızırtı Giderme Birçok Yönde Olanak Sağlıyor Umarım İşinize Yarar İşinize Yaradıysa Yorum Atmayı Unutmayın

Ekran Görüntüsü;



















Google Drive:Tıkla İndir
Devamını Oku »

Blogger Şekilli Son Yorumlar Eklentisi

Blogger Şekilli Son Yorumlar Eklentisi

Merhaba Arkadaşlar Bugünkü Makalemde Sizlere Benimde Websitem'de Kullandığım Son Yorumlar Eklentisini Paylaşacağım Arkadaşlar Basit Ve Ayarlanabilir Eklentidir İstediğiniz Gibi Editleyip Kullanbilirsiniz Gelellim Blogger'ımıza Eklemeye

Yerleşim>Gadget Ekle>HTMl-JavaScript>Ve Aşağıdaki Kodu Düzenleyip Ekleyin

Kod;
<div id="wrapper">
<style type="text/css">
#wrapper{width:198px!important;}
.mef_recent_comments li{-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s;border:2px solid transparent;background:none!important;display:block;clear:both;overflow:hidden;list-style:none;margin:5px!important;padding:5px!important;}
.mef_recent_comments li:hover{-webkit-transform:scale(1.2) translate(15px);box-shadow:0 0 20px 1px #aaa;}
ul.mef_recent_comments{list-style:none;margin:0;padding:0;}
.mef_recent_comments li .avatarImage{background:#fefefe;-webkit-box-shadow:0 1px 1px #ccc;-moz-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px #ccc;float:left;position:relative;overflow:hidden;margin:0 6px 0 0;padding:3px;}
.avatarRound{-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;}
.mef_recent_comments li img{position:relative;overflow:hidden;display:block;padding:0;}
.mef_recent_comments li span{margin-top:3px;color:#666;display:block;font-size:12px;line-height:1.4;font-family:georgia,arial;}
</style>
<script type="text/javascript">
//<![CDATA[
// Son Yorumlar Ayarları
var
numComments    = 5,
showAvatar     = true,
avatarSize     = 45,
roundAvatar    = true,
characters     = 40,
showMorelink   = false,
moreLinktext   = "More ?",
defaultAvatar  = "http://img1.blogblog.com/img/anon36.png",
hideCredits    = true;
//]]>
</script>
<script type="text/javascript" src="http://meftunmede.github.io/javascripts/Blogger_Avatarli_Son_Yorumlar.js"></script>
<script type="text/javascript" src="https://www.mak1999.com/feeds/comments/default?alt=json&amp;callback=mef_recent_comments&amp;max-results=5">
</script>
</div>

Kullanım:Kırmızı İle Çizdiğim PNG Resmi Yorum Yapan Anonim Olan Kullanıcılar İçin Görüntülenecek Resim
Mavi İle Çizdiğim src"Website Adresiniz"
Turuncu İle Çizdiğim:Avatar Boyutu
Editleyip Kullanabilirsiniz Umarım İşinize Yarar İşinize Yaradıysa Yorum Atmayı Esirgemeyin Saygılarımla

Eklenti Görüntüsü;





















DestanTeam

Devamını Oku »

Visual Studio 2013 İndir

Visual Studio 2013 İndir 








Merhaba Arkadaşlar Bugünkü Makalemde Sizlere Visual Studio 2013 İnstall Programını Paylaşacağım Arkadaşlar Bildiğiniz Üzere Visual Studio Sürümleri Bizlere Gerekli Alanlarda Geliştirme Sağlayan Bir Kodlama Programı Arkadaşlar Visual Studio Programının Eski Sürümlerinin Tercih Edilmesi Bilgisayarda Gereksiz Yer Kaplamamasıdır Arkadaşlar Visal Studio 2019 İnstall Programında Sadece Windows Platformunda Geliştirme Yapmak İçin Seçtiğimiz Alanda Bize 10GB Gibi Tuzlu Bir Alan Harcadığını Hepimiz Görüyoruz Dedim Ya Eski Sürümler O Yüzden Tercih Ediliyor Arkadaşlar Tabi Eski Sürüm'ü Kullanacaksak'ta Bazı Şeyleri Gözden Çıkartmak Gerek Haliyle Ben Visual Studio 2013'de MYSQL Baglantısı Yapamadım Ama Bu Kodlama Bilmediğimden Kaynaklıdır Kesinlikle Yapılmaz Gibi Düşünmeyin Elbette Gerekli Araştırmalar Yapılarak Bu İşlem Mümkün Visual Studio 2013 Bilgisayarda Çok Fazla Yer Kaplamıyor Arkadaşlar 4GB Gibi Çok Az Miktar Kaplıyor Visual Studio 2019'da Ölye Değil Ama 10GB Kadar Çıkıyor Bu Nedenle Kullanıcılar Eski Sürümleri Tercih Ediyor Hatta Visual Basic 2008 Express Bile Kullandım Gerçekten Hem Yan Uygulamalar Olsun Hem Kapladığı Alan Oldukça Az Arkadaşlar Lafı Fazla Uzatmadan Sizlere Visual Studio 2013 Linkini Paylaşayım İndirip Kurabilirsiniz


Google Drive:Tıkla İndir
Virus Total:Tıkla Gör
Devamını Oku »

Blogger Kaydol Atom Kaldırma

Blogger Kaydol Atom Kaldırma

Merhaba Arkadaşlar Bugün Sizlere Blogger'a Yeni Başlayacaklar'a Yardımcı Olmak Açısından Blogger Kaydol Atom Yazısını Nasıl Kaldırabiliriz Onun Hakkında Bilgi Vereceğim Arkadaşlar Çok Basit Bir Şekilde Kaydol Atom Yazısını Hep Birlikte Kaldıralım

1.Adım 
Tema>HTML'yi Düzenle CTRL+F Şu Aşağıdaki Kodu Yapıştırın
<b:include name='feedLinks'/>

Örnek Resim;






<!-- feed links --> Kısmıyla Beraber Komple Silin Ve Kaydedin Böylelikle Kaydol Atom Yazısından Kurtulmuş Olduk

Kaydol Atom Görseli;




Umarım İşinize Yaramıştır Arkadaşlar Saygılarımla

DestanTeam
Devamını Oku »

Blogger Yazar Eklentisi

Blogger Yazar Eklentisi

Merhaba Arkadaşlar Bugünkü Makalemde Sizlere Blogger Yazar Eklentisi Hakkında Bilgi Vermek Olacak Arkadaşlar Bu Tür Blogger Eklentilerini İnternet Üzerinden Baya Bi Makale Sayesinde Bulabilirsiniz Çokça Eklentiler Mevcut Bende Sitemde Paylaşmak Adına Sizlere Yardımcı Olmak İstedim Blogger'a Yeni Başlayacaklara'da Ufak Bilgilendirme Olur Umarım İşinize Yarar Arkadaşlar Geçelim Eklentinin Kurulumuna


1.Aşama
Blogger>Tema>HTML'yi Düzenle Arından CTRL+F Şu Aşağıdaki Kodu Aratın
<div class='post-footer'> Arkadaşlar Bu Kod Blogger'ınızda Birden Fazla Olabilir Size Vereceğim Kodu Deneyerek Yapıştırın


Eklenecek Kod;

<style>
.author_info {
padding: 20px;
border: 1px solid #ddd;
margin-bottom: 15px;
margin-top: 15px;
background: #f1f1f1;
}
.author_info h3 {
margin-top:10px;
margin-bottom: 30px;
}
.author_photo {
float: left;
margin: 0 0 0 0px;
}
.author_photo img {
margin-right: 10px;
border: 1px solid #ddd;
background:#fff;
padding:5px;
}
</style>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='author_info'>
<div class='author_photo'>
<img alt='author'
src='https://i.hizliresim.com/o2mbxB.jpg'/>
</div>
<h3>Ben Kimim ?</h3>
Evet Sol Tarafta Gördünüz :) Yaş 21 
11.11.1999 Cihanbeyli Doğumluyum Yaklaşık 14 15 Senedir Alanya'da Yaşıyorum Kendimi Övmeyi Sevmem Egom Yoktur
Hayattan Beklentimde Yoktur Ben Sadece İnsanlara Nasıl Yardımcı Olabilirim Bilgi Edinirken Ögretmeyi Hedeflemiş Biriyim Kıscası.
</div>
</b:if>
Arkadaşlar Bu Size Vermiş Oldugum Kodu Kendinize Göre Editleyin Arından Yukarıda Bahsettigim Kodu Deneyerek Ekleyin Kodun Hemen Aşşagısında Ekleyin Genelde 2.Kod'da Çalışıyor Ama Sizin Temanızda Değişiklik Gösterebilir Umarım İşinize Yarar Arkadaşlar İşinize Yaradıysa Yorumunuzu Eksik Etmeyin Saygılarımla

Örnek Resim;




DestanTeam
Devamını Oku »

Blogger Devamını Oku Eklentisi [ÇALIŞIYOR]

Blogger Devamını Oku Eklentisi [ÇALIŞIYOR]



Merhaba Arkadaşlar Bugünkü Makalemde Sizlere Blogger'da Devamını Oku Eklentisi Olacak Arkadaşlar Bu Eklenti İle İlgili Oldukça Yogun Bir Bilgi Mevcut İnternet Aleminde Arkadaşlar Ben Yeni Blogger Alemine Başlayacak Kardeşlerime , Büyüklerime Yardımcı Olmak Maksadıyla Paylaşmak İstiyorum Arkadaşlar Bu Eklenti Siz Makale Yazdığınızda Ve Makaleye Resim Eklediğinizde Resimi Otomatik Küçültüyor Ve Metini Otomatik Kesiyor Arından

Devamını Oku >> Adı Altında Kullanıcılara Daha Kolay Ve Göze Çarpıcı İçerik Sunuyor Bu Eklenti Sayesinde Sizde Yazı Yazarken Makale Oluştururken Otomatik Yazıları Kesecek Bunların Hepsini Kendiniz Ayarlayabilirsiniz Arkadaşlar Resim Eklerkende Boyutunu Vs Kod İle Ayarlayabileceksiniz Arkadaşlar Lafı Fazla Uzatmadan Yapıma Geçelim

1.Aşama
Blogger>HTML'yi Düzenle Arından CTRL +F 
<data:post.body/> Şu Kodu Aratın Arkadaşlar Bu Kod'dan 3 Adet Var Sizde Benim Gibi Deneyerek Bulabilirsiniz Genellikle 2.Kodda Çalışıyor Bu Kodu Şu Aşağıda Vereceğim Kod İle Değiştirin.

Degiştirilecek Kod;

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;,&quot;<data:post.url/>&quot;,&quot;<data:post.title/>&quot;);</script>
 <span class='readmore' style='float:right;'><a expr:href='data:post.url'>Devamını Oku &#187;</a></span></b:if></b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

<b:if cond='data:blog.pageType == &quot;static_page&quot;'><data:post.body/></b:if>

Arkadaşlar Bu Kodu Ekleyin Sonra Kayıt Edip Önizleme Yapın Devamını Oku >> Yazısı Gelmiş Olacaktır  Ardından 2. Aşamaya Geçelim



2.Aşama
</head> Kodunu Aratın Ve Bu Kodun Üst Satırına Şu Aşagıda Vermiş Olduğum Kodu Ekleyin


Eklenecek Kod;

<script type='text/javascript'>
posts_no_thumb_sum = 490;
posts_thumb_sum = 400;
img_thumb_height = 160;
img_thumb_width = 180;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}
function createSummaryAndThumb(pID, pURL, pTITLE){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = posts_no_thumb_sum;
if(img.length>=1) {
imgtag = '<span class="posts-thumb" style="float:left; margin-right: 10px;"><a href="'+ pURL +'" title="'+ pTITLE+'"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px" /></a></span>';
summ = posts_thumb_sum;
}

var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<style type='text/css'>
.post-footer {display: none;}
.post {margin-bottom: 10px; border-bottom: 1px dotted #E6E6E6; padding-bottom: 20px;}
 .readmore a {text-decoration: none; }
</style>
</b:if>
</b:if>

Bu Kodu Ekledikten Sonra Sorunsuz Bir Şekilde Çalışacaktır
Not:
posts_no_thumb_sum = 490;
posts_thumb_sum = 400;
img_thumb_height = 160;
img_thumb_width = 180;  

Şimdi Gelelim Özelleştirmeye
Yukarıda Yer Alan
img_thumb_height = 160; Resmin Yüksekligi
img_thumb_width = 180; Bu İse Genişliğidir Siz Bunları Kendinize Göre Editleyebilirsiniz
-------------------------------------------------------------------------------------------------------------
posts_no_thumb_sum = 490; Bu Kısımda Yazının Karakter Sayısı
posts_thumb_sum = 400; Bu Kısımda Uzunlugu


Devamını Oku »

Blogger Atıf Kaldırma

Blogger Atıf Kaldırma


Merhaba Arkadaşlar Bugünkü Makalemde Blogger Alemine Yeni Başlayacak Olanlar İçin Yararlı Olduğunu Düşündüğüm Blogger Atif Yani Powered By Blogger Blogger Tarafından Desteklenmektedir Kodunu Kaldıracağız Arkadaşlar İnternet Aleminde Bu Konu İle İlgili Okadar Çok Makale Yayım Mevcutki Bende Sitemizde Bulunması Açısından Paylaşmak İstedim Lazım Olan İşine Yarayan Bir Kardeşimiz , Büyüklerimiz Yararlansa Benim İçin Kafi Olur Lafı Fazla Uzatmadan Geçelim Nasıl Yapılacağına Arkadaşlar

Örnek RESİM;
1.Aşama Blogger>HTML'yi Düzenle Arından
Attribution1  Kodunu Aratın Ve Resimde Gördüğünüz Kırmızı İle Çizdiğim Yeri FALSE Yapın





Resim2;
Ardından Yerleşim Ve En Alta Gelin Kaldırma İşaretini Göreceksiniz Kaldır Diyip Powered By Blogger Blogger Yazısından Kurtulun















Öncesi;






Sonrası;






Yazıdan Eser Yok Basit Ve Pratik Şekilde Kaldırdık Arkadaşlar Yardımcı Olabildiysem Ne Mutlu Bana Umarım İşinize Yaramıştır :) 
Saygılarımla DestanTeam
Devamını Oku »