-->
Görüntülenen Kategori "BLOGGER" Anasayfa'ya Dön

25 Aralık 2025 Perşembe

Blogger’a Başlangıç: 0’dan Blog Açma Rehberi

Blogger’a Başlangıç: 0’dan Blog Açma Rehberi



İçerik #1: Blogger Nedir? Kimler İçin Uygun?

Başlık önerileri:

  • Blogger Nedir? 2026’da Blog Açmak Mantıklı mı?

  • Blogger ile Blog Açma: Başlangıç Rehberi

Yazı (hazır metin):
Blogger, Google’ın ücretsiz blog platformudur. Kod bilmeden blog açabilir, içerik yazabilir ve tasarımını temalarla düzenleyebilirsin. En büyük avantajı ücretsiz olması ve Google altyapısıyla stabil çalışmasıdır.

Blogger şu kişiler için uygundur:

  • Yeni başlayanlar (teknik bilgi yoksa)

  • Hızlıca blog açıp içerik üretmek isteyenler

  • Blogu hobi, kişisel marka veya içerik projesi olarak görenler

Blogger’ın sınırlı yönleri de vardır:

  • WordPress kadar eklenti ekosistemi yoktur

  • Çok ileri seviye özelleştirmelerde tema kodu gerekir

  • Büyük ölçekli projelerde esneklik sınırı olabilir

Eğer “hızlı başla, düzenli yaz, Google’da görün” istiyorsan Blogger mükemmel başlangıçtır.

İçerik #2: Blog Nişi Nasıl Seçilir?

Mini şablon + uygulama:
Niş seçerken 3 şey aynı anda olmalı:

  1. Sevdiğin/uzman olduğun konu

  2. Aranan konu (trafik potansiyeli)

  3. İçerik üretilebilirlik (en az 50 yazı fikri)

10 niş örneği:

  • Teknoloji ipuçları (Android, Windows, iOS)

  • Uygulama incelemeleri

  • Yerel şehir rehberi (Artvin gibi)

  • Yemek tarifleri / yöresel lezzetler

  • Futbol takımı temalı içerikler (Fenerbahçe içerikleri gibi)

  • Ev ekonomisi / alışveriş rehberi

  • Eğitim / KPSS / sınav notları

  • Sağlık (genel ve düşük riskli bilgilerle)

  • Seyahat rotaları

  • Tasarım / Canva / grafik

İçerik #3: Alan Adı mı Blogspot mu?

Kısa karşılaştırma:

  • Blogspot: Ücretsiz, hızlı kurulum, yeni başlayana uygun

  • Alan adı: Daha profesyonel görünür, marka değeri artar, uzun vadede daha iyi

Öneri:
Yeni başlıyorsan Blogspot ile başla → 1-2 hafta içerik at → sonra alan adı bağla.

İçerik #4: Blogger Blog Açma (0’dan Kurulum)

Adım adım:

  1. Google hesabınla Blogger’a gir

  2. “Yeni Blog” → başlık seç

  3. URL (blogspot adresi) belirle

  4. Tema seç (şimdilik fark etmez, sonra değişir)

  5. İlk yazıyı yayınla (test)

İçerik #5: Blogger Temel Ayarlar (Mutlaka Yap)

  • HTTPS yönlendirmeyi aç

  • Arama motoru görünürlüğü açık

  • Kalıcı bağlantı: özel bağlantı kullan

  • Açıklama (meta gibi): blog tanımı yaz

  • Yorum ayarları: spam filtresi aç

İçerik #6: Zorunlu Sayfalar (Kopyala-yapıştır taslak)

  • Hakkımda: Kimsin, blog ne sunuyor, neden güvenilir?

  • İletişim: Mail + sosyal medya + iletişim formu

  • Gizlilik Politikası: Çerez, reklam, analitik (AdSense hedefleniyorsa şart gibi düşün)

Sonraki adım

Bir sonraki mesajda AŞAMA 1’e geçip “tema + anasayfa düzeni + widget + mobil hız” içeriklerini tam metin olarak üretirim.

DEVAMI

24 Mart 2025 Pazartesi

Blogger İçin İçerik Koruma Scripti

Blogger İçin İçerik Koruma Scripti


Blogger'a Giriş Yapın

Tema > HTML'yi Düzenle'ye Girin

<head> Etiketi İçine Aşağıdaki Kodu Yapıştırın

<b:if cond='data:blog.pageType != &quot;item&quot;'>

<script>

(function() {

"use strict";

// İzin verilen ana domain (Blogger ve kendi siteniz desteklenir)

var allowedDomain = "1ad.com.tr";

var allowedSubdomains = ["blogspot.com", "blogger.com"];


// Sayfanın hangi domain üzerinde çalıştığını kontrol et

function checkDomain() {

var currentDomain = window.location.hostname;

if (!currentDomain.includes(allowedDomain) && !allowedSubdomains.some(d => currentDomain.includes(d))) {

console.warn("Yetkisiz domain: " + currentDomain);

window.location.href = "https://www.1ad.com.tr";

}

}


// iFrame açılmasını engelle (Clickjacking koruması)

function preventIframe() {

if (window.top !== window.self) {

console.warn("iFrame içinde açılma engellendi.");

window.top.location = window.self.location;

}

}


// Blogger için özel yönlendirme engelleme (Makalelerde yönlendirme yapma)

function checkBlogger() {

var path = window.location.pathname;

var isArticle = path.includes("/20"); // Blogger makale URL yapısı: "/2025/03/"

if (isArticle) {

console.log("Makale sayfası, yönlendirme engellendi.");

return;

}

checkDomain(); // Yalnızca ana sayfa ve diğer sayfalarda yönlendirme yap

}


// Kopyalama, sağ tıklama ve metin seçimini engelleme

function blockCopyActions() {

document.addEventListener("contextmenu", function(event) {

event.preventDefault();

});


document.addEventListener("copy", function(event) {

event.preventDefault();

alert("Bu içerik kopyalanamaz!");

});


document.addEventListener("selectstart", function(event) {

event.preventDefault();

});


document.addEventListener("dragstart", function(event) {

event.preventDefault();

});


document.addEventListener("cut", function(event) {

event.preventDefault();

alert("Kesme işlemi yasaklandı!");

});

}


// Geliştirici araçlarını engelleme

function blockDevTools() {

setInterval(function() {

var threshold = 160;

var before = new Date().getTime();

debugger;

var after = new Date().getTime();

if (after - before > threshold) {

alert("Geliştirici araçları engellenmiştir!");

window.location.href = "https://www.1ad.com.tr";

}

}, 5000);

}


// Klavye kısayollarını engelleme (F12, Ctrl+U, Ctrl+Shift+I, Ctrl+C vb.)

function blockKeyboardShortcuts() {

document.addEventListener("keydown", function(event) {

if (event.keyCode == 123 || // F12

(event.ctrlKey && event.shiftKey && (event.keyCode == 73 || event.keyCode == 74)) || // Ctrl+Shift+I / J

(event.ctrlKey && event.keyCode == 85) || // Ctrl+U

(event.ctrlKey && event.keyCode == 67) || // Ctrl+C

(event.ctrlKey && event.keyCode == 88)) { // Ctrl+X

event.preventDefault();

alert("Bu kısayol devre dışı bırakılmıştır!");

}

});

}


// Konsol üzerinden kod çalıştırmayı engelle

function disableConsole() {

setInterval(function() {

console.log = function() {};

console.warn = function() {};

console.error = function() {};

console.info = function() {};

}, 3000);

}


// Sayfa yüklendiğinde güvenlik önlemlerini uygula

document.addEventListener("DOMContentLoaded", function() {

checkBlogger();

preventIframe();

blockCopyActions();

blockDevTools();

blockKeyboardShortcuts();

disableConsole();

});


})();

</script>

</b:if>


1ad.com.tr Domaini kendi sitenize göre değiştirin.



📌 Script Açıklamaları

✅ Blogger makale (post) sayfalarını korur, ancak yönlendirme yapmaz.

✅ Ana sayfa ve diğer sayfalarda yetkisiz kullanımı engeller.

✅ Sağ tıklama, kopyalama, kesme ve metin seçimini devre dışı bırakır.

✅ Geliştirici araçları (F12, Ctrl+U, Ctrl+Shift+I vb.) devre dışı bırakılır.

✅ Clickjacking saldırılarına karşı iFrame koruması içerir.

🚀 Blogger içerik koruma için hazır!

DEVAMI

17 Mayıs 2024 Cuma

Blogger'da belirli bir etikete ait son yazılar nasıl gösterilir

Blogger'da belirli bir etikete ait son yazılar nasıl gösterilir

Blogger'da son yazılar ister belirli bir etikete göre istenirse tüm etiketler dahilinde listenebiliyor. Resimsiz ve detaysız, sadece yazı başlıkları ile listelemenin iki yöntemi bulunmakta. Bunlardan birincisi İçerik Takibi Gadget'i(bileşen) ile bir diğeri ise javascript kodları ile. Kişisel seçime bağlı olarak iki yöntemden herhangi biri kullanılabilir.

Bileşen olarak eklemenin avantajı, hem daha hızlı hem de temadaki kod fazlalığının önüne geçilmesi. Bileşen ile eklemenin dezavantajları ise istenilen herhangi bir yerde kullanılamıyor olması(aslında kullanılabilir fakat css ile özelleştirme yapılması gerekiyor) ve listelenecek yazı sayısının 5 adetle sınır olması. Kod ile hem istenilen yerde hem de istenilen sayıda yazı listelenebiliyor. Seçim size ait.

1.Yöntem (Gadget ile)

Blogger Yerleşim sayfasından Gadget ekleme yöntemiyle ilgili gadget yani İçerik takibi seçilerek blog adresi ve hangi etikete ait son yazılar listelenecekse o etiket eklenmelidir. Örnek : http://www.zaferzent.com/feeds/posts/default/-/Blogger


2.Yöntem (HTML/JavaScript kodları ile)

Yine Yerleşim sayfasından Gadget ekleme yöntemi ile bu defa HTML/JavaScript gadget'ı seçilerek aşağıdaki kodlar eklenmelidir. Öncesinde aşağıdaki kodlar </head> kodu öncesine eklenmelidir.
<script>
var homePage = "blog adresi",
numPosts = gösterilecek yazı adedi;
function recentPosts(a) {
if (document.getElementById("recent-posts")) {
var e = a.feed.entry,
title, link, content = "",
ct = document.getElementById("recent-posts");
for (var i = 0; i < numPosts; i++) {
for (var j = 0; j < numPosts; j++) {
if (e[i].link[j].rel == "alternate") {
link = e[i].link[j].href;
break
}
}
var title = e[i].title.$t;
content += '<li class="recent-posts"><a href="' + link + '" title="' + title + '" target="_blank" rel="nofollow">' + title + '</a></li>'
}
ct.innerHTML = content
}
}
var rcp = document.createElement('script');
rcp.src = homePage + '/feeds/posts/default/-/etiket adı?alt=json-in-script&orderby=published&max-results=' + numPosts + '&callback=recentPosts';
document.getElementsByTagName('head')[0].appendChild(rcp);
</script>

Not : Kodlarda belirlenen kırmızı renkteki kısımlar isteğe göre değiştirilebilir, eğer istenirse etiket kısmı tamamen kaldırılıp tüm etiketelere ait son yazılar da listelenebilir.

2 - Son yazılar nerede gösterilmek - listelenmek isteniyorsa oraya da aşağıdaki kod eklenmelidir.
<ul id="recent-posts"></ul>


DEVAMI

9 Mayıs 2024 Perşembe

Mobil İçin Tarayıcı Rengini Değiştirme (Theme Color)

İnternette gezinirken bazı web sayfalarına girdiğiniz zaman tarayıcıda adres satırının ve başlığın bulunduğu barın renginin değiştiğini fark etmişsinizdir. Basit bir CSS işlemi ile sitenize giren kullanıcılara mobil uygulama kullanıyor hissi vermeniz mümkün. Bunun için sitenizin head tagları arasına aşağıdaki kodları eklemeniz yeterli. IOS telefonlarda yer alan Safari ve Windows Mobile tabanlı tarayıcı için farklı bir kod daha eklemeniz gerekmektedir.

Blogger tema düzenleme alanından <head> altına aşağıdaki kodları ekliyoruz.

<!-- Chrome, Firefox ve Opera içim -->

<meta name="theme-color" content="#b50c0c">

<!-- iOS Safari için -->

<meta name="apple-mobile-web-app-status-bar-style" content="#b50c0c">

<!-- Windows Phone için -->

<meta name="msapplication-navbutton-color" content="#b50c0c">

Bu kodlarda yer alan content kısmına istediğiniz rengin kodunu yazarak sitenize mobilden girenler için adres satırı ve başlık alanını kapsayan bölümü renklendirebilirsiniz. Soru ve görüşlerinizi yorum kısmından belirtebilirsiniz.Hayırlı çalışmalar.

DEVAMI
Blogger Şeçilen Yazı Metin Alanı Rengi Değiştirme

Blogger Şeçilen Yazı Metin Alanı Rengi Değiştirme

Bu yazım blogunu diğer bloglardan farklı hissettirmek isteyen bloggerlara acayip faydalı gelecek bir yazı. Ben internette yazılar okurken genelde mouse ile seçim yapıp metini takip ederek okuyorum ve bence birçoğumuz da böyle yapmakta en azından kopyalama yaparken fareyle seçerek kopyalamakta içeriği. Hal böyleyken bu metin seçim alanın arka plan rengi bloglar için, siteler için önemli olmaktadır ve sayfasında renk uyumu olan bloglar daha elit bir izlenim verecektir.


Bunu blogumda nasıl yaparım?


NOT : Bu eklentiyi blogunuza eklerken blogunuzun şablonunda birkaç ekleme, çıkarma yapacağız ve bu düzenlemeleri yaparken yanlış bir şey yaptığınız taktirde sıkıntı olmaması ve rahat bir şekilde düzenleme yapabilmek için şablondan şablon yedeğini almayı unutmayınız.


Yapılacak : Şablondan HTML'yi Düzenleye tıklayın ardından Ctrl + F yardımıyla ]]></b:skin> kodunu bulun ve bir satır üstüne alttaki kodları yapıştırın.

KOD

/*===================================================
Türk Blog Yardımcısı Mouse Seçim Alanı Kod Eklemesi
====================================================*/
::-moz-selection {
background: #F62817;
color: #FFFFFF;
}
::selection {
background: #F62817;
color: #FFF;
}

koddaki # ile başlayanlarda kırmızı seçim alanı arka planının, gri planlı seçimdeki yazıların tonu olan beyazın kodudur ve bunları isteğinize göre değiştirebilirsiniz. Kolay gelsin, iyi bloglar!
DEVAMI

26 Nisan 2024 Cuma

BLOGGER İÇERİĞİ 3 SAYFAYA BÖLME

1.Sayfada görünecek olan içerikler bu kısma
1 2 3
DEVAMI

25 Şubat 2024 Pazar

DOMAİN ARAMASINDA KELİME ARAMAK

expireddomains.net üye olun, giriş yaptıktan sonra sağ üst arama çubuğuna sepet yazıp enterlayın. Açılan sayfada arama filtresi olacak, orada contains yani içinde olan kelime kutucuğuna sepet diye yazıp arama yaptığınızda tüm domainlere ulaşırsınız.

DEVAMI

27 Ağustos 2023 Pazar

BLOGGER TAKİP ET BUTONU NASIL EKLENİR

Blogger ID, Blogger'da bir blogun benzersiz bir tanımlayıcısıdır. Blogunuzun ID'sini bulmak için aşağıdaki adımları izleyin:
  • Blogger hesabınıza giriş yapın.
  • Blogunuzun kontrol paneline gidin.
  • Blogunuzun URL'sinin https://draft.blogger.com/blog/post/ sonundaki "post/" kısmından sonra gelen rakamlar kombinasyonunu bulun. Bu, blogunuzun ID'sidir.
Daha sonra yapmanız gereken isterseniz bir text isterseniz bir .png, .jpg uzantılı bir resim dosyasına ya da Buton Generator tarzı sitelerdeki butonlara aşağıdaki kodu linklemek olacak. 

Takip Et kodu için https://www.blogger.com/follow-blog.g?blogID= bu kodu ve eşittirden sonra da kontrol paneline girerek aldığınız ID kodunuzu yani 1070754135025053563 boşluk bırakmadan linklemek olacak.

Sonuç olarak https://www.blogger.com/follow-blog.g?blogID=1070754135025053563 bu link bizim takip et butonuna ekleyeceğimiz link oldu.

Örnek olarak METKANSE SAYFASINI TAKİP ET butonu oluşturmuş olduk.
DEVAMI