Yapay Zeka Gemini ile Sıfırdan Blogger Teması Kodlama
Gemini'ye verilecek promptları önceden hazırlayalım.
İlk olarak Gemini'ye şu talimatı verin:
"Sıfırdan temel bir Blogger teması oluşturuyoruz. SEO ayarlarını dikkate alarak duyarlı (responsive) bir şablon üret. Google'ın dizine eklemesine yardımcı olacak tüm ayarları önceden hazırla.
Sayfanın üst kısmına ortalanmış bir üst çubuk (top bar) ekle. Üst çubukta şu öğeler olsun:
100x100 piksel boyutlarında bir logo alanı.
Logonun yanında 'Eğlence, İnternet, Magazin, Gündem, Spor' başlıklarıyla 5 adet bağlantı (link).
Hemen sağında sade bir arama kutusu (searchbox); bu kutu duyarlı olacak ve açılır efektli şekilde çalışacak.
Arama kutusunun 10 piksel sağında Açık/Koyu Mod (Light/Dark Mode) geçiş butonu olsun; kodlara bu modu da ekle.
(Tercihe göre kenar çubuklarını -sidebar- istediğiniz gibi ayarlayabilirsiniz; ben sol ve sağ sidebar tercih edeceğim.)
Sol sidebar genişliği 300 piksel, sağ sidebar genişliği 330 piksel olsun. Ana içerik (main) alanındaki küçük resimler (thumbnail'lar) 600x300 piksel boyutlarında, sığdırılmış, ultra net ve yüksek çözünürlüklü olsun. Sol ve sağ sidebar'ların altına birer ek sidebar daha ekle. (Farklı widget'lar için avantaj sağlar; isteğe göre slider eklenebilir.)
Tüm sidebar'lardan önce, üst çubuğun hemen altına yatay bir widget alanı oluştur. Böylece isteğe göre slider (manşet) widget'ı eklenebilir.
(Yine tercihe göre alt kısım -footer- alanı oluşturulabilir. Ben üçlü footer alanı istiyorum.) Sayfanın en altına 3'lü widget alanı ekle. Onun altına da sitenin telif hakkı (copyright) bilgilerini yaz."
İşte Tema Kodları: Muhtemelen tema sıfırdan oluşturulduğu için isteklerinizi %100 karşılamayacaktır. Yukarıdaki kodları kullanarak sadece bir taban oluşturmanıza yardımcı olmak amacıyla bu metni hazırlamış bulunmaktayım. Unutmayın ki yapay zeka hata yapabilir. Anlık geri bildirimlerle hataları düzeltip istediğiniz gibi bir tema oluşturmanız mümkündür. İyi çalışmalar.
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:version='2' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<meta charset='UTF-8'/>
<meta content='width=device-width, initial-scale=1.0' name='viewport'/>
<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/></title>
<b:else/>
<b:if cond='data:blog.pageType == "error_page"'>
<title>404 - Sayfa Bulunamadı | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/> | <data:blog.title/></title>
</b:if>
</b:if>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' name='description'/>
</b:if>
<link expr:href='data:blog.url.canonical' rel='canonical'/>
<meta expr:content='data:blog.pageTitle' property='og:title'/>
<meta expr:content='data:blog.url.canonical' property='og:url'/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
</b:if>
<meta content='summary_large_image' name='twitter:card'/>
<b:include data='blog' name='all-head-content'/>
<b:skin><![CDATA[
/* -----------------------------------------------
Blogger Theme Skin - Updated Thumbnail Fix
----------------------------------------------- */
* {margin:0;padding:0;box-sizing:border-box;}
body {font-family:'Monda',sans-serif;line-height:1.6;color:#333;overflow-x:hidden;}
body.light {background:#f8f9fa;}
body.dark {background:#1a1a1a;color:#e0e0e0;}
.container {max-width:1400px;margin:0 auto;padding:0 20px;}
#top-menu {position:fixed;top:0;left:0;right:0;background:rgba(255,255,255,0.95);backdrop-filter:blur(20px);z-index:1000;box-shadow:0 2px 20px rgba(0,0,0,0.1);border-bottom:1px solid rgba(0,0,0,0.05);}
body.dark #top-menu {background:rgba(26,26,26,0.95);border-bottom-color:#444;}
#top-menu .container {display:flex;justify-content:center;align-items:center;padding:0 20px;height:70px;position:relative;}
#logo {font-family:'Oswald',sans-serif;font-size:26px;font-weight:700;color:#333;text-decoration:none;text-transform:uppercase; margin-right: 30px; white-space: nowrap;}
body.dark #logo {color:#e0e0e0;}
#nav-wrapper {display:flex;align-items:center;height:100%;}
#search-container {position:relative;display:flex;align-items:center;height:100%;}
#search-form {display:flex;align-items:center;height:70px;position:relative;}
#search-input {
width: 600px;
height: 45px;
background: #f1f1f1;
border: none;
color: #333;
padding: 0 15px 0 45px;
outline: none;
border-radius: 5px;
}
#search-btn {
position: absolute;
left: 0;
width: 45px;
height: 45px;
display: flex;
align-items: center;
justify-content: center;
background: transparent;
border: none;
color: #333;
cursor: pointer;
z-index: 1;
}
body.dark #search-input {background: #333; color: #fff;}
body.dark #search-btn {color: #fff;}
#theme-toggle-container {
position: relative;
display: flex;
align-items: center;
margin-left: 20px;
}
#theme-toggle {
background:none;
border:none;
cursor:pointer;
color:inherit;
font-size:20px;
display: flex;
align-items: center;
padding: 5px;
z-index: 2;
}
.theme-bubble {
position: absolute;
left: 40px;
background: #007bff;
color: #fff;
padding: 5px 12px;
border-radius: 20px;
font-size: 12px;
white-space: nowrap;
pointer-events: none;
opacity: 0;
transform: translateX(-10px);
transition: all 0.3s ease;
box-shadow: 0 4px 10px rgba(0,0,0,0.1);
font-weight: 600;
}
.theme-bubble::before {
content: '';
position: absolute;
left: -5px;
top: 50%;
transform: translateY(-50%);
border-width: 5px 5px 5px 0;
border-style: solid;
border-color: transparent #007bff transparent transparent;
}
#theme-toggle-container:hover .theme-bubble {
opacity: 1;
transform: translateX(0);
}
body.dark .theme-bubble {
background: #f1f1f1;
color: #333;
}
body.dark .theme-bubble::before {
border-right-color: #f1f1f1;
}
/* GÜNCELLEME: gap 20px'den 2px'e düşürüldü */
#main-wrapper {margin-top:90px;display:grid;grid-template-columns:250px 1fr 330px;gap:2px;}
#top-horizontal-widget { grid-column: 1 / span 3; margin-bottom: 0px; }
.post {background:white;margin-bottom:20px;border-radius:15px;overflow:hidden;box-shadow:0 10px 40px rgba(0,0,0,0.08);position:relative;}
body.dark .post {background:#2d2d2d;box-shadow:0 10px 40px rgba(0,0,0,0.3);}
.post-media-container {position:relative;width:100%;height:350px;overflow:hidden;background:#000;}
.post-thumbnail {
width:100%;
height:100%;
object-fit: contain;
transition:0.5s;
display: block;
}
.post:hover .post-thumbnail {transform:scale(1.03);}
.post-thumbnail-overlay {position:absolute;bottom:0;left:0;right:0;padding:40px 30px 20px;background:linear-gradient(to top, rgba(0,0,0,0.9), transparent);z-index:2;}
.post-title {font-family:'Oswald',sans-serif;font-size:28px;line-height:1.2;margin:0;}
.post-title a {color:white;text-decoration:none;text-shadow: 2px 2px 4px rgba(0,0,0,0.5);}
body:not(.item-view) .post-body-content {display: none;}
body.item-view .post-body-content {padding:25px; display: block;}
.post-body-content img {
max-width: 100% !important;
height: auto !important;
display: block;
margin: 0px auto;
}
.post-footer-action {display:none; justify-content:flex-end;padding:10px 25px 20px;}
body.item-view .post-footer-action {display: flex;}
.read-more {background: #333333; /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #A43931, #a2ab58, #333333); /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #A43931, #a2ab58, #333333); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
;color:white;padding:7px 18px;border-radius:20px;text-decoration:none;font-size:13px;font-weight:600;}
.post-meta {display:none;}
body.item-view .post-meta {display: flex; position: absolute; top: 20px; right: 20px; background: rgba(255,255,255,0.9); padding: 5px 15px; border-radius: 5px; font-size: 12px; color: #555; z-index: 10; gap: 10px;}
body.dark.item-view .post-meta {background: rgba(45,45,45,0.9); color: #ccc;}
.widget {background:white;margin-bottom:10px;padding:20px;border-radius:15px;}
body.dark .widget {background:#2d2d2d;}
.widget h2 {font-family:'Tektur',cursive;font-size:15px;border-bottom:3px solid #8d8d8d1f;padding-bottom:5px;}
.mbtlist, .PopularPosts ul {list-style-type:none; overflow:hidden; margin: 0px!important; width:100%; padding:0px!important;}
.mbtlist li, .PopularPosts li {margin:0px auto 10px auto; clear:both; overflow:hidden; position:relative; padding-bottom:10px; border-bottom:none;}
.PopularPosts .item-thumbnail {width:100% !important; height:130px !important; margin:0 0 10px 0 !important; overflow:hidden; border-radius:8px;}
.PopularPosts .item-thumbnail img {width:100% !important; height:100% !important; object-fit:cover !important; transition:all .3s;}
.mbttitle, .PopularPosts .item-title, .PopularPosts .item-title a {
font-family: 'Monda', sans-serif !important;
font-size: 14px !important;
color: inherit !important;
font-weight: bolder !important;
text-decoration: none !important;
display: block !important;
margin-top: 5px !important;
line-height: 1.4 !important;
}
#footer {
background: #232526; /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #414345, #232526); /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #414345, #232526); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
color:#404040;padding:60px 0 30px;margin-top:40px;
}
.footer-content {display:grid;grid-template-columns:repeat(3,1fr);gap:40px;}
@media (max-width:1100px) {
#main-wrapper {grid-template-columns:200px 1fr 300px;}
#search-input { width: 300px; }
}
@media (max-width:992px) {
#main-wrapper {grid-template-columns:1fr;}
#top-horizontal-widget { grid-column: 1; }
#search-input { width: 100%; max-width: 400px; }
#logo {margin-right: 0; margin-bottom: 10px;}
#top-menu .container {height: auto; padding: 15px 20px; flex-direction: column;}
#nav-wrapper {width: 100%; justify-content: center;}
#theme-toggle-container {margin-left: 15px;}
.theme-bubble { display: none; }
}
]]></b:skin>
<link href='https://fonts.googleapis.com/css?family=Oswald|Monda|Tektur' rel='stylesheet'/>
<link href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css' rel='stylesheet'/>
</head>
<body expr:class='data:blog.pageType == "item" ? "item-view" : (data:blog.pageType == "static_page" ? "item-view" : "")'>
<script type='text/javascript'>
//<![CDATA[
(function() {
var savedTheme = localStorage.getItem('theme');
var hour = new Date().getHours();
var theme = savedTheme ? savedTheme : (hour >= 17 || hour < 7 ? 'dark' : 'light');
document.body.className += ' ' + theme;
})();
//]]>
</script>
<header id='top-menu'>
<div class='container'>
<a href='/' id='logo'><data:blog.title/></a>
<div id='nav-wrapper'>
<div id='search-container'>
<form action='/search' id='search-form' method='get'>
<button id='search-btn' type='submit'><i class='fas fa-search'/></button>
<input id='search-input' name='q' placeholder='Ara...' type='text'/>
</form>
</div>
<div id='theme-toggle-container'>
<button id='theme-toggle'><i class='fas fa-moon'/></button>
<span class='theme-bubble'>Işıkları Aç/Kapat</span>
</div>
</div>
</div>
</header>
<div class='container'>
<div id='main-wrapper'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div id='top-horizontal-widget'>
<b:section id='top-horizontal' showaddelement='yes'>
<b:widget id='HTML5' locked='false' title='' type='HTML' version='1'>
<b:widget-settings>
<b:widget-setting name='content'><![CDATA[<link href='https://fonts.googleapis.com/css?family=Oswald:400,700|Roboto:400,700' rel='stylesheet' type='text/css'/>
<style>
#np-featured-grid {
display: grid;
grid-template-columns: 1fr 1.8fr 0.9fr;
grid-template-rows: 200px 200px;
gap: 6px;
margin: 20px 0;
width: 100%;
height: 400px;
box-sizing: border-box;
}
.np-item:nth-child(1) { grid-column: 1 / 2; grid-row: 1 / 3; }
.np-item:nth-child(2) { grid-column: 2 / 3; grid-row: 1 / 3; }
.np-item:nth-child(3) { grid-column: 3 / 4; grid-row: 1 / 2; }
.np-item:nth-child(4) { grid-column: 3 / 4; grid-row: 2 / 3; }
.np-item { position: relative; overflow: hidden; background: #111; border-radius: 2px; }
.np-item img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1); }
.np-item:hover img { transform: scale(1.1); }
.np-info { position: absolute; bottom: 0; left: 0; right: 0; padding: 25px 15px 15px; background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.4) 60%, transparent 100%); z-index: 2; pointer-events: none; }
.np-cat { background: #e74c3c; color: #fff; font-family: 'Oswald', sans-serif; font-size: 15px; padding: 3px 8px; text-transform: uppercase; display: inline-block; margin-bottom: 8px; letter-spacing: 0.5px; }
.np-title { color: #fff; font-family: 'Oswald', sans-serif; font-weight: 700; text-transform: uppercase; text-decoration: none; display: block; line-height: 1.2; }
.np-item:nth-child(2) .np-title { font-size: 26px; }
.np-item:nth-child(1) .np-title { font-size: 18px; }
.np-item:nth-child(3) .np-title, .np-item:nth-child(4) .np-title { font-size: 13px; }
@media (max-width: 900px) {
#np-featured-grid { grid-template-columns: 1fr 1fr; grid-template-rows: 300px 150px 150px; height: auto; }
.np-item:nth-child(1) { grid-column: 1 / 2; grid-row: 1 / 2; }
.np-item:nth-child(2) { grid-column: 2 / 3; grid-row: 1 / 2; }
.np-item:nth-child(3) { grid-column: 1 / 2; grid-row: 2 / 3; }
.np-item:nth-child(4) { grid-column: 2 / 3; grid-row: 2 / 3; }
}
@media (max-width: 600px) {
#np-featured-grid { display: block; }
.np-item { height: 250px; margin-bottom: 6px; }
}
</style>
<div id="np-featured-grid"></div>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function() {
$.ajax({
url: '/feeds/posts/default?alt=json&max-results=4',
type: 'get',
dataType: 'jsonp',
success: function(data) {
var html = '';
if(data.feed.entry){
for (var i = 0; i < data.feed.entry.length; i++) {
var entry = data.feed.entry[i];
var title = entry.title.$t;
var url = entry.link.find(l => l.rel === 'alternate').href;
var img = entry.media$thumbnail ? entry.media$thumbnail.url.replace('s72-c', 's1600') : 'https://via.placeholder.com/600x400';
var cat = entry.category ? entry.category[0].term : "Gündem";
html += '<div class="np-item">' +
'<a href="' + url + '">' +
'<img src="' + img + '" alt="' + title + '"/>' +
'<div class="np-info">' +
'<span class="np-cat">' + cat + '</span>' +
'<span class="np-title">' + title + '</span>' +
'</div>' +
'</a>' +
'</div>';
}
$('#np-featured-grid').html(html);
}
}
});
});
</script>]]></b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
</b:if>
<div id='left-sidebar'>
<b:section id='leftsidebar' showaddelement='yes'>
<b:widget id='PopularPosts1' locked='false' title='Popüler' type='PopularPosts' version='1'>
<b:widget-settings>
<b:widget-setting name='numItemsToShow'>10</b:widget-setting>
<b:widget-setting name='showThumbnails'>true</b:widget-setting>
<b:widget-setting name='showSnippets'>false</b:widget-setting>
<b:widget-setting name='timeRange'>LAST_WEEK</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:if cond='data:title != ""'><h2><data:title/></h2></b:if>
<div class='widget-content popular-posts'>
<ul>
<b:loop values='data:posts' var='post'>
<li>
<b:if cond='data:showThumbnails'>
<div class='item-thumbnail'>
<a expr:href='data:post.href'>
<b:with value='data:post.featuredImage.isResizable ? resizeImage(data:post.featuredImage, 1600, "1:1") : data:post.thumbnail' var='ultraImage'>
<img expr:alt='data:post.title' expr:src='data:ultraImage'/>
</b:with>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
</li>
</b:loop>
</ul>
</div>
</b:includable>
</b:widget>
<b:widget id='HTML6' locked='false' title='' type='HTML'>
<b:widget-settings>
<b:widget-setting name='content'><![CDATA[<style>
.mbtlist li { list-style: none; overflow: hidden; margin-bottom: 15px; }
.iFeatured { width: 100%; height: 120px; overflow: hidden; border-radius: 5px; background: #000;}
.iFeatured img { width: 100%; height: 100%; object-fit: contain; display: block; transition: transform 0.3s ease; }
.mbttitle { display: block; margin-top: 8px; font-weight: bold; text-decoration: none; color: inherit; }
</style>
<script type='text/javaScript'>
var ListBlogLink = "/";
var ListCount = 6;
var TitleCount = 50;
var ImageSize = 1600;
var showthumbnail = "on";
var RandomArray = [];
var TotalPosts = 0;
function TotalCount(json) { TotalPosts = json.feed.openSearch$totalResults.$t }
document.write('<script type="text/javascript" src="/feeds/posts/default?alt=json-in-script&callback=TotalCount"><\/script>');
function GenerateNum() {
for (var i = 0; i < ListCount ; i++) {
var RandomNum = Math.floor(Math.random() * (TotalPosts) + 1);
RandomArray[i] = RandomNum;
}
}
</script>
<script type='text/javaScript'>
document.write('<ul class="mbtlist">');
function mbtrandom(json) {
if(json.feed.entry){
for (var i = 0; i < json.feed.entry.length; i++) {
var entry = json.feed.entry[i];
var link = entry.link.find(l => l.rel === 'alternate').href;
var title = entry.title.$t.substr(0, TitleCount);
var img = entry.media$thumbnail ? entry.media$thumbnail.url.replace(/\/s[0-9]+(-c)?\//, "/s" + ImageSize + "/") : "https://via.placeholder.com/200";
document.write("<li>");
document.write("<div class='iFeatured'><a href='"+link+"'><img src='"+img+"' alt='"+title+"'/></a></div>");
document.write("<a class='mbttitle' href='"+link+"'>"+title+"</a>");
document.write("</li>");
}
}
}
for (var i = 0; i < ListCount ; i++) {
GenerateNum();
document.write('<script type="text/javascript" src="/feeds/posts/default?alt=json-in-script&start-index=' + RandomArray[i] + '&max-results=1&callback=mbtrandom"><\/script>')
};
document.write('</ul>');
</script>]]></b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</div>
<div id='main'>
<b:section id='main-section' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Kayıtları' type='Blog' version='1'>
<b:widget-settings>
<b:widget-setting name='commentLabel'>Yorum</b:widget-setting>
<b:widget-setting name='showShareButtons'>true</b:widget-setting>
<b:widget-setting name='authorLabel'>Gönderen:</b:widget-setting>
<b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting>
<b:widget-setting name='timestampLabel'>at</b:widget-setting>
<b:widget-setting name='reactionsLabel'/>
<b:widget-setting name='showAuthorProfile'>false</b:widget-setting>
<b:widget-setting name='style.layout'>1x1</b:widget-setting>
<b:widget-setting name='showLocation'>false</b:widget-setting>
<b:widget-setting name='showTimestamp'>true</b:widget-setting>
<b:widget-setting name='postsPerAd'>1</b:widget-setting>
<b:widget-setting name='style.bordercolor'>#ffffff</b:widget-setting>
<b:widget-setting name='showDateHeader'>true</b:widget-setting>
<b:widget-setting name='style.textcolor'>#ffffff</b:widget-setting>
<b:widget-setting name='showCommentLink'>true</b:widget-setting>
<b:widget-setting name='style.urlcolor'>#ffffff</b:widget-setting>
<b:widget-setting name='postLocationLabel'>Location:</b:widget-setting>
<b:widget-setting name='showAuthor'>true</b:widget-setting>
<b:widget-setting name='style.linkcolor'>#ffffff</b:widget-setting>
<b:widget-setting name='style.bgcolor'>#ffffff</b:widget-setting>
<b:widget-setting name='showLabels'>true</b:widget-setting>
<b:widget-setting name='postLabelsLabel'>Etiket:</b:widget-setting>
<b:widget-setting name='showBacklinks'>false</b:widget-setting>
<b:widget-setting name='showInlineAds'>false</b:widget-setting>
<b:widget-setting name='showReactions'>false</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:loop values='data:posts' var='post'>
<article class='post' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
<b:if cond='data:blog.pageType == "index"'>
<div class='post-media-container'>
<b:if cond='data:post.firstImageUrl'>
<a expr:href='data:post.url'>
<img class='post-thumbnail' expr:alt='data:post.title' expr:src='data:post.firstImageUrl' itemprop='image'/>
<div class='post-thumbnail-overlay'>
<h2 class='post-title' itemprop='headline'><a expr:href='data:post.url'><data:post.title/></a></h2>
</div>
</a>
</b:if>
</div>
</b:if>
<div class='post-body-content' itemprop='articleBody'>
<b:if cond='data:blog.pageType != "index"'>
<h2 class='post-title-inner' style='margin-bottom:0px;'><data:post.title/></h2>
</b:if>
<data:post.body/>
</div>
<div class='post-footer-action'>
<b:if cond='data:post.hasJumpLink'>
<a class='read-more' expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a>
</b:if>
</div>
</article>
</b:loop>
<b:include name='nextprev'/>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'/>
<b:includable id='backlinks' var='post'/>
<b:includable id='comment-form' var='post'/>
<b:includable id='commentDeleteIcon' var='comment'/>
<b:includable id='comment_count_picker' var='post'/>
<b:includable id='comment_picker' var='post'/>
<b:includable id='comments' var='post'/>
<b:includable id='feedLinks'/>
<b:includable id='feedLinksBody' var='links'/>
<b:includable id='iframe_comments' var='post'/>
<b:includable id='mobile-index-post' var='post'/>
<b:includable id='mobile-main' var='top'/>
<b:includable id='mobile-nextprev'/>
<b:includable id='mobile-post' var='post'/>
<b:includable id='nextprev'><div style='text-align:center; padding: 20px;'><b:if cond='data:olderPageUrl'><a class='read-more' expr:href='data:olderPageUrl'>Eski Kayıtlar</a></b:if></div></b:includable>
<b:includable id='post' var='post'/>
<b:includable id='postQuickEdit' var='post'/>
<b:includable id='shareButtons' var='post'/>
<b:includable id='status-message'/>
<b:includable id='threaded-comment-form' var='post'/>
<b:includable id='threaded_comment_js' var='post'/>
<b:includable id='threaded_comments' var='post'/>
</b:widget>
</b:section>
</div>
<div id='right-sidebar'>
<b:section id='rightsidebar' showaddelement='yes'>
<b:widget id='HTML2' locked='false' title='Sıcak' type='HTML' version='1'>
<b:widget-settings>
<b:widget-setting name='content'><![CDATA[<style>
.mbtlist li { list-style: none; overflow: hidden; margin-bottom: 15px; }
.iFeatured { width: 100%; height: 120px; overflow: hidden; border-radius: 5px; background: #000;}
.iFeatured img { width: 100%; height: 100%; object-fit: contain; display: block; transition: transform 0.3s ease; }
.mbttitle { display: block; margin-top: 8px; font-weight: bold; text-decoration: none; color: inherit; }
</style>
<script type='text/javaScript'>
var ListBlogLink = "/";
var ListCount = 5;
var TitleCount = 50;
var ImageSize = 1600;
var showthumbnail = "on";
var RandomArray = [];
var TotalPosts = 0;
function TotalCount(json) { TotalPosts = json.feed.openSearch$totalResults.$t }
document.write('<script type="text/javascript" src="/feeds/posts/default?alt=json-in-script&callback=TotalCount"><\/script>');
function GenerateNum() {
for (var i = 0; i < ListCount ; i++) {
var RandomNum = Math.floor(Math.random() * (TotalPosts) + 1);
RandomArray[i] = RandomNum;
}
}
</script>
<script type='text/javaScript'>
document.write('<ul class="mbtlist">');
function mbtrandom(json) {
if(json.feed.entry){
for (var i = 0; i < json.feed.entry.length; i++) {
var entry = json.feed.entry[i];
var link = entry.link.find(l => l.rel === 'alternate').href;
var title = entry.title.$t.substr(0, TitleCount);
var img = entry.media$thumbnail ? entry.media$thumbnail.url.replace(/\/s[0-9]+(-c)?\//, "/s" + ImageSize + "/") : "https://via.placeholder.com/200";
document.write("<li>");
document.write("<div class='iFeatured'><a href='"+link+"'><img src='"+img+"' alt='"+title+"'/></a></div>");
document.write("<a class='mbttitle' href='"+link+"'>"+title+"</a>");
document.write("</li>");
}
}
}
for (var i = 0; i < ListCount ; i++) {
GenerateNum();
document.write('<script type="text/javascript" src="/feeds/posts/default?alt=json-in-script&start-index=' + RandomArray[i] + '&max-results=1&callback=mbtrandom"><\/script>')
};
document.write('</ul>');
</script>]]></b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML1' locked='false' title='' type='HTML'>
<b:widget-settings>
<b:widget-setting name='content'><![CDATA[<style>
.mbtlist li { list-style: none; overflow: hidden; margin-bottom: 15px; }
.iFeatured { width: 100%; height: 120px; overflow: hidden; border-radius: 5px; background: #000;}
.iFeatured img { width: 100%; height: 100%; object-fit: contain; display: block; transition: transform 0.3s ease; }
.mbttitle { display: block; margin-top: 8px; font-weight: bold; text-decoration: none; color: inherit; }
</style>
<script type='text/javaScript'>
var ListBlogLink = "/";
var ListCount = 5;
var TitleCount = 50;
var ImageSize = 1600;
var showthumbnail = "on";
var RandomArray = [];
var TotalPosts = 0;
function TotalCount(json) { TotalPosts = json.feed.openSearch$totalResults.$t }
document.write('<script type="text/javascript" src="/feeds/posts/default?alt=json-in-script&callback=TotalCount"><\/script>');
function GenerateNum() {
for (var i = 0; i < ListCount ; i++) {
var RandomNum = Math.floor(Math.random() * (TotalPosts) + 1);
RandomArray[i] = RandomNum;
}
}
</script>
<script type='text/javaScript'>
document.write('<ul class="mbtlist">');
function mbtrandom(json) {
if(json.feed.entry){
for (var i = 0; i < json.feed.entry.length; i++) {
var entry = json.feed.entry[i];
var link = entry.link.find(l => l.rel === 'alternate').href;
var title = entry.title.$t.substr(0, TitleCount);
var img = entry.media$thumbnail ? entry.media$thumbnail.url.replace(/\/s[0-9]+(-c)?\//, "/s" + ImageSize + "/") : "https://via.placeholder.com/200";
document.write("<li>");
document.write("<div class='iFeatured'><a href='"+link+"'><img src='"+img+"' alt='"+title+"'/></a></div>");
document.write("<a class='mbttitle' href='"+link+"'>"+title+"</a>");
document.write("</li>");
}
}
}
for (var i = 0; i < ListCount ; i++) {
GenerateNum();
document.write('<script type="text/javascript" src="/feeds/posts/default?alt=json-in-script&start-index=' + RandomArray[i] + '&max-results=1&callback=mbtrandom"><\/script>')
};
document.write('</ul>');
</script>]]></b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML3' locked='false' title='' type='HTML'>
<b:widget-settings>
<b:widget-setting name='content'><![CDATA[<style>
.mbtlist li { list-style: none; overflow: hidden; margin-bottom: 15px; }
.iFeatured { width: 100%; height: 120px; overflow: hidden; border-radius: 5px; background: #000;}
.iFeatured img { width: 100%; height: 100%; object-fit: contain; display: block; transition: transform 0.3s ease; }
.mbttitle { display: block; margin-top: 8px; font-weight: bold; text-decoration: none; color: inherit; }
</style>
<script type='text/javaScript'>
var ListBlogLink = "/";
var ListCount = 7;
var TitleCount = 50;
var ImageSize = 1600;
var showthumbnail = "on";
var RandomArray = [];
var TotalPosts = 0;
function TotalCount(json) { TotalPosts = json.feed.openSearch$totalResults.$t }
document.write('<script type="text/javascript" src="/feeds/posts/default?alt=json-in-script&callback=TotalCount"><\/script>');
function GenerateNum() {
for (var i = 0; i < ListCount ; i++) {
var RandomNum = Math.floor(Math.random() * (TotalPosts) + 1);
RandomArray[i] = RandomNum;
}
}
</script>
<script type='text/javaScript'>
document.write('<ul class="mbtlist">');
function mbtrandom(json) {
if(json.feed.entry){
for (var i = 0; i < json.feed.entry.length; i++) {
var entry = json.feed.entry[i];
var link = entry.link.find(l => l.rel === 'alternate').href;
var title = entry.title.$t.substr(0, TitleCount);
var img = entry.media$thumbnail ? entry.media$thumbnail.url.replace(/\/s[0-9]+(-c)?\//, "/s" + ImageSize + "/") : "https://via.placeholder.com/200";
document.write("<li>");
document.write("<div class='iFeatured'><a href='"+link+"'><img src='"+img+"' alt='"+title+"'/></a></div>");
document.write("<a class='mbttitle' href='"+link+"'>"+title+"</a>");
document.write("</li>");
}
}
}
for (var i = 0; i < ListCount ; i++) {
GenerateNum();
document.write('<script type="text/javascript" src="/feeds/posts/default?alt=json-in-script&start-index=' + RandomArray[i] + '&max-results=1&callback=mbtrandom"><\/script>')
};
document.write('</ul>');
</script>]]></b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</div>
</div>
</div>
<footer id='footer'>
<div class='container'>
<div class='footer-content'>
<div class='footer-widget'><b:section id='footer1' showaddelement='yes'/></div>
<div class='footer-widget'><b:section id='footer2' showaddelement='yes'/></div>
<div class='footer-widget'><b:section id='footer3' showaddelement='yes'/></div>
</div>
<div style='text-align:center;padding-top:40px;color:#ffffff;font-size:14px;'>© 2026 <data:blog.title/></div>
</div>
</footer>
<script type='text/javascript'>
//<![CDATA[
document.addEventListener("DOMContentLoaded", function() {
var images = document.querySelectorAll('.post-thumbnail');
for (var i = 0; i < images.length; i++) {
var src = images[i].getAttribute('src');
if (src) {
images[i].setAttribute('src', src.replace('/s72-c/', '/s1600/').replace('/s72-w/', '/s1600/'));
}
}
});
(function(){
var tt = document.getElementById('theme-toggle');
var body = document.body;
var icon = tt.querySelector('i');
function applyTheme(mode) {
if (mode === 'dark') {
body.classList.add('dark');
body.classList.remove('light');
if(icon) icon.className = 'fas fa-sun';
} else {
body.classList.add('light');
body.classList.remove('dark');
if(icon) icon.className = 'fas fa-moon';
}
}
var currentTheme = body.classList.contains('dark') ? 'dark' : 'light';
applyTheme(currentTheme);
tt.onclick = function(){
var newTheme = body.classList.contains('dark') ? 'light' : 'dark';
applyTheme(newTheme);
localStorage.setItem('theme', newTheme);
};
})();
//]]>
</script>
</body>
</html>
Kaydol:
Kayıt Yorumları (Atom)
0 Yorum:
Yorum Gönder