İlk defa tema yazdım. geliştirmeye devam ediyorum.
İşyerim için ilk tema denememdir.
https://www.lazercnc.com/
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:css='false' b:defaultmessages='false' b:layoutsVersion='3' b:responsive='true' lang='tr' 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'/>
<title><data:view.title/></title>
<!-- SEO & Meta Etiketleri -->
<b:if cond='data:view.isHomepage'>
<meta content='CNC Lazer Kesim Merkezi - Profesyonel ahşap, pleksi, akrilik ve endüstriyel lazer kesim hizmetleri. Fiyat teklifi ve fason imalat.' name='description'/>
<meta content='cnc kesim, lazer kesim, pleksi kesim, ahşap kesim, fason kesim merkezi' name='keywords'/>
</b:if>
<link expr:href='data:blog.homepageUrl' rel='canonical'/>
<meta content='index, follow' name='robots'/>
<!-- Google Fonts & FontAwesome -->
<link href='https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap' rel='stylesheet'/>
<link href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css' rel='stylesheet'/>
<b:skin><![CDATA[
/* Blogger temel CSS sıfırlama */
body,html{margin:0;padding:0;font-family:'Poppins',sans-serif;background:#0a0a0c;color:#e1e1e6;scroll-behavior:smooth;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}
a{text-decoration:none;color:inherit;transition:all .3s ease}
ul{list-style:none;margin:0;padding:0}
img{max-width:100%;height:auto;display:block}
/* Renk Değişkenleri */
:root{
--bg-dark: #0a0a0c;
--bg-card: #121318;
--primary: #0070f3;
--primary-glow: rgba(0,112,243,0.3);
--text-main: #e1e1e6;
--text-muted: #8f90a6;
}
/* Global Düzen */
.container{max-width:1200px;margin:0 auto;padding:0 20px}
.section-title{text-align:center;margin-bottom:40px;font-size:2rem;font-weight:700;letter-spacing:1px}
.section-title span{color:var(--primary);text-shadow:0 0 15px var(--primary-glow)}
section{padding:80px 0;border-bottom:1px solid #1c1d24}
/* Header & Navigasyon */
header{background:rgba(10,10,12,0.95);backdrop-filter:blur(10px);position:sticky;top:0;z-index:1000;border-bottom:1px solid #1c1d24}
.header-wrapper{display:flex;justify-content:space-between;align-items:center;height:80px}
.logo{font-size:1.3rem;font-weight:700;color:#fff;display:flex;align-items:center;gap:10px}
.logo span{color:var(--primary);text-shadow:0 0 10px var(--primary-glow)}
/* Masaüstü Menü */
.nav-menu{display:flex;gap:20px}
.nav-item{position:relative}
.nav-link{font-size:.9rem;font-weight:600;padding:30px 0;display:block;color:var(--text-main)}
.nav-link:hover, .nav-item:hover > .nav-link{color:var(--primary)}
/* Submenu */
.submenu{position:absolute;top:100%;left:0;background:var(--bg-card);width:220px;padding:15px 0;border-radius:4px;border:1px solid #1c1d24;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .3s ease;box-shadow:0 10px 30px rgba(0,0,0,0.5)}
.nav-item:hover .submenu{opacity:1;visibility:visible;transform:translateY(0)}
.submenu a{padding:10px 20px;display:block;font-size:.85rem;color:var(--text-muted)}
.submenu a:hover{background:rgba(0,112,243,0.1);color:var(--primary);padding-left:25px}
.mobile-toggle{display:none;font-size:1.5rem;background:none;border:none;color:#fff;cursor:pointer}
/* KESİN ÇÖZÜMLÜ YENİ SLIDER CSS ALANI */
.slider-container{position:relative;width:100%;height:600px;overflow:hidden;background:#000}
.slider-wrapper{display:flex;width:400%;height:100%;position:relative;left:0}
.slide{width:25%;height:100%;position:relative;flex-shrink:0}
.slide img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;z-index:1}
.slide::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right, rgba(10,10,12,0.95) 20%, rgba(10,10,12,0.4) 100%);z-index:2}
.slide-content{position:absolute;top:50%;left:10%;transform:translateY(-50%);max-width:600px;z-index:3}
.slide-content h2{font-size:3rem;font-weight:700;margin-bottom:15px;color:#fff;line-height:1.2}
.slide-content p{font-size:1.1rem;color:var(--text-muted);margin-bottom:25px}
.btn{display:inline-block;padding:12px 30px;background:var(--primary);color:#fff;font-weight:600;border-radius:4px;box-shadow:0 4px 14px var(--primary-glow)}
.btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px var(--primary)}
/* Kart Yapıları */
.grid-3{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:30px}
.card{background:var(--bg-card);border:1px solid #1c1d24;padding:30px;border-radius:8px;transition:all .3s ease;position:relative;overflow:hidden}
.card::before{content:'';position:absolute;top:0;left:0;width:3px;height:0;background:var(--primary);transition:all .3s ease}
.card:hover{transform:translateY(-5px);border-color:#2c2d38;box-shadow:0 10px 30px rgba(0,0,0,0.5)}
.card:hover::before{height:100%}
.card i{font-size:2.5rem;color:var(--primary);margin-bottom:20px;display:block}
.card h3{font-size:1.25rem;margin-bottom:10px;color:#fff}
.card p{color:var(--text-muted);font-size:.9rem;line-height:1.6}
/* Google Form Alanı */
.form-section{background:linear-gradient(135deg, #121318 0%, #0a0a0c 100%)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.form-info h3{font-size:1.8rem;color:#fff;margin-bottom:15px}
.form-info ul{margin-top:20px}
.form-info li{margin-bottom:12px;display:flex;align-items:center;gap:10px;color:var(--text-muted)}
.form-info li i{color:var(--primary)}
.iframe-container{position:relative;width:100%;height:550px;border-radius:8px;overflow:hidden;border:1px solid #1c1d24;background:#fff}
.iframe-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}
/* Galeri Görünümü */
.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:20px}
.gallery-item{position:relative;border-radius:6px;overflow:hidden;height:250px;border:1px solid #1c1d24}
.gallery-item img{width:100%;height:100%;object-fit:cover;transition:all .5s ease}
.gallery-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(10,10,12,0.85);display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0;transition:all .3s ease;padding:20px;text-align:center}
.gallery-item:hover img{transform:scale(1.1)}
.gallery-item:hover .gallery-overlay{opacity:1}
.gallery-overlay h4{color:#fff;margin:0 0 5px 0}
.gallery-overlay p{color:var(--primary);font-size:.85rem;margin:0}
/* Hakkımızda Alanı */
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.about-img{border-radius:8px;overflow:hidden;border:1px solid #1c1d24;position:relative}
.about-img::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;border:2px solid var(--primary);border-radius:8px;transform:translate(15px, 15px);z-index:-1}
.about-text p{line-height:1.8;color:var(--text-muted);margin-bottom:20px}
/* Blogger Dinamik Blog Alanı */
.main-content-wrapper{padding:60px 0}
.blog-post-card{background:var(--bg-card);border:1px solid #1c1d24;border-radius:6px;overflow:hidden}
.post-body{padding:25px;color:var(--text-muted);line-height:1.7}
.post-title{color:#fff;margin-bottom:15px;font-size:1.5rem}
/* Footer */
footer{background:#060608;padding:60px 0 30px;border-top:1px solid #1c1d24}
.footer-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));gap:40px;margin-bottom:40px}
.footer-col h4{color:#fff;font-size:1.1rem;margin-bottom:20px;position:relative;padding-bottom:10px}
.footer-col h4::after{content:'';position:absolute;bottom:0;left:0;width:35px;height:2px;background:var(--primary)}
.footer-col p, .footer-col li{color:var(--text-muted);font-size:.9rem;line-height:1.8;margin-bottom:10px}
.footer-col a:hover{color:var(--primary)}
.footer-bottom{text-align:center;padding-top:30px;border-top:1px solid #1c1d24;color:var(--text-muted);font-size:.85rem}
/* Canlı Destek */
.whatsapp-btn{position:fixed;bottom:30px;right:30px;background:#25d366;color:#fff;width:60px;height:60px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:2rem;box-shadow:0 4px 10px rgba(0,0,0,0.3);z-index:9999;transition:all .3s ease}
.whatsapp-btn:hover{transform:scale(1.1);background:#20ba5a}
/* Mobil Uyum Tasarımı (Responsive) */
@media(max-width:992px){
.nav-menu{position:fixed;top:80px;left:-100%;background:var(--bg-dark);width:100%;height:calc(100vh - 80px);flex-direction:column;gap:0;padding:20px;transition:all .4s ease;overflow-y:auto;border-top:1px solid #1c1d24}
.nav-menu.active{left:0}
.nav-link{padding:15px 0;border-bottom:1px solid #1c1d24}
.submenu{position:static;opacity:1;visibility:visible;transform:none;width:100%;background:transparent;box-shadow:none;padding:5px 0 15px 15px;display:none}
.nav-item.active .submenu{display:block}
.mobile-toggle{display:block}
.form-grid, .about-grid{grid-template-columns:1fr;gap:40px}
.slider-container{height:450px}
.slide-content h2{font-size:2rem}
}
]]></b:skin>
</head>
<body>
<!-- Header Başlangıç -->
<header>
<div class='container header-wrapper'>
<a class='logo' href='/'>
<i class='fa-solid var(--primary) fa-bolt-lightning'/> CNC <span>LAZER KESİM</span> MERKEZİ
</a>
<button aria-label='Menü' class='mobile-toggle' id='menuToggle'>
<i class='fa-solid fa-bars'/>
</button>
<nav class='nav-menu' id='navMenu'>
<div class='nav-item'><a class='nav-link' href='#anasayfa'>Anasayfa</a></div>
<div class='nav-item'>
<a class='nav-link' href='#urunler'>Ürünler <i class='fa-solid fa-chevron-down' style='font-size:0.7rem; margin-left:3px;'/></a>
<ul class='submenu'>
<li><a href='#'>Ahşap Ürünleri</a></li>
<li><a href='#'>Pleksi Dekorasyon</a></li>
<li><a href='#'>Akrilik Standlar</a></li>
<li><a href='#'>Mimari Maket Parçaları</a></li>
</ul>
</div>
<div class='nav-item'><a class='nav-link' href='#blog'>Blog</a></div>
<div class='nav-item'>
<a class='nav-link' href='#hizmetlerimiz'>Hizmetlerimiz <i class='fa-solid fa-chevron-down' style='font-size:0.7rem; margin-left:3px;'/></a>
<ul class='submenu'>
<li><a href='#'>Fason CNC Kesim</a></li>
<li><a href='#'>Lazer Markalama</a></li>
<li><a href='#'>Pleksi Lazer Kesim</a></li>
<li><a href='#'>Ahşap Obje Kesimi</a></li>
</ul>
</div>
<div class='nav-item'><a class='nav-link' href='#hakkimizda'>Hakkımızda</a></div>
<div class='nav-item'><a class='nav-link' href='#galeri'>Galeri</a></div>
<div class='nav-item'><a class='nav-link' href='#cizimarsivi'>Çizim Arşivi</a></div>
<div class='nav-item'><a class='nav-link' href='#iletisim'>İletişim</a></div>
</nav>
</div>
</header>
<!-- YENİ AKILLI SLIDER ALANI -->
<div class='slider-container' id='anasayfa'>
<div class='slider-wrapper' id='sliderWrapper'>
<!-- SLIDE 1 -->
<!-- src='...' tırnakları arasına kendi görsel linkinizi yapıştırın -->
<div class='slide'>
<img alt='Hassas Pleksi Kesim' src='https://pleksidd.com/wp-content/uploads/2024/09/2-1.jpg'/>
<div class='slide-content'>
<h2>Hassas Pleksi ve Akrilik Kesim Hizmetleri</h2>
<p>Sıfır hata, maksimum hız. Reklam, dekorasyon ve endüstriyel projeleriniz için profesyonel pleksi lazer kesim çözümleri sunuyoruz.</p>
<a class='btn' href='#teklif-al'>Çizimini Gönder Fiyat Al</a>
</div>
</div>
<!-- SLIDE 2 -->
<!-- src='...' tırnakları arasına kendi görsel linkinizi yapıştırın -->
<div class='slide'>
<img alt='CNC Ahşap Şekillendirme' src='https://zuqicnc.com/wp-content/uploads/2020/1/blog/ahsap-cnc-kesim-ozellikleri.webp'/>
<div class='slide-content'>
<h2>CNC ve Ahşap Şekillendirme Merkezi</h2>
<p>MDF, Masif Ahşap ve kontrplak malzemelerde, mimari maketlerden mobilya bileşenlerine kadar geniş imalat kapasitesi.</p>
<a class='btn' href='#teklif-al'>Hemen Keşfet</a>
</div>
</div>
<!-- SLIDE 3 -->
<!-- src='...' tırnakları arasına kendi görsel linkinizi yapıştırın -->
<div class='slide'>
<img alt='Lazer Markalama' src='https://www.birdagmakina.com.tr/admin/images/neler_yapiyoruz/3182831584242332912623735278382507225500slide.jpg'/>
<div class='slide-content'>
<h2>Kalıcı Lazer Markalama & Kazıma</h2>
<p>Özel tasarımlarınızı, logolarınızı ve endüstriyel parça kodlamalarınızı yüksek hassasiyetli CO2 lazer teknolojisiyle işliyoruz.</p>
<a class='btn' href='#galeri'>Galeriye Göz At</a>
</div>
</div>
<!-- SLIDE 4 -->
<!-- src='...' tırnakları arasına kendi görsel linkinizi yapıştırın -->
<div class='slide'>
<img alt='Fason İmalat Destek' src='https://www.cnclazerkesimimalati.com/wp-content/uploads/2021/04/WhatsApp-Gorsel-2025-09-11-saat-15.40.46_bb6e726e-550x632.jpg'/>
<div class='slide-content'>
<h2>Fason İmalat ve Çizim Desteği</h2>
<p>DXF, DWG veya CDR formatındaki çizimlerinizi anında üretime alıyoruz. Projelerinize profesyonel teknik destek sağlıyoruz.</p>
<a class='btn' href='#teklif-al'>Teklif İste</a>
</div>
</div>
</div>
</div>
<!-- Hizmetlerimiz Bölümü -->
<section id='hizmetlerimiz'>
<div class='container'>
<h2 class='section-title'>Neler <span>Yapıyoruz?</span></h2>
<div class='grid-3'>
<div class='card'>
<i class='fa-solid fa-shapes'/>
<h3>Pleksi Lazer Kesim</h3>
<p>Farklı kalınlıklardaki akrilik ve pleksiglas malzemeleri çapaksız, parlak kenar kalitesiyle pürüzsüz biçimde kesiyoruz.</p>
</div>
<div class='card'>
<i class='fa-solid fa-tree'/>
<h3>Ahşap & MDF Kesim</h3>
<p>Mobilya bileşenleri, hediyelik eşyalar ve özel kesim ahşap tasarımlar için yüksek torklu CNC router parkurumuzla hizmetinizdeyiz.</p>
</div>
<div class='card'>
<i class='fa-solid fa-print'/>
<h3>Lazer Markalama</h3>
<p>Ahşap, deri, kumaş ve plastik yüzeyler üzerine yüksek çözünürlüklü kazıma, logo işleme ve kalıcı kodlama uygulamaları.</p>
</div>
</div>
</div>
</section>
<!-- Google Form Bölümü -->
<section class='form-section' id='teklif-al'>
<div class='container'>
<div class='form-grid'>
<div class='form-info'>
<h2 class='section-title' style='text-align:left; margin-bottom:20px;'>Anında <span>Fiyat Teklifi</span> Alın</h2>
<h3>Çiziminizi Gönderin, Hesaplayalım</h3>
<p>Projelerinizin fason kesim fiyatlandırmasını yapabilmemiz için teknik çizimlerinizi yan taraftaki form üzerinden bize ulaştırabilirsiniz.</p>
<ul>
<li><i class='fa-solid fa-circle-check'/> Kabul edilen formatlar: DXF, DWG, CDR, AI, PDF</li>
<li><i class='fa-solid fa-circle-check'/> Lütfen malzeme türünü ve kalınlığını belirtiniz.</li>
<li><i class='fa-solid fa-circle-check'/> Metal (sac, demir, çelik) kesim hizmetimiz yoktur.</li>
<li><i class='fa-solid fa-circle-check'/> Talepleriniz en geç 2 saat içinde yanıtlanır.</li>
</ul>
</div>
<div class='iframe-container'>
<iframe src='https://docs.google.com/forms/d/e/1FAIpQLSea2CJER65TQDtRjMtkEX1mgz78gHn4Mu5CYRpEaoKDpRpL2A/viewform?embedded=true'>Yükleniyor...</iframe>
</div>
</div>
</div>
</section>
<!-- Hakkımızda Bölümü -->
<section id='hakkimizda'>
<div class='container'>
<div class='about-grid'>
<div class='about-img'>
<img alt='CNC Lazer Kesim Atölyesi' src='https://www.favoricnc.com/resimler/blog/cnc-fason-imalati-nedir-744.jpg'/>
</div>
<div class='about-text'>
<h2 class='section-title' style='text-align:left; margin-bottom:20px;'>Biz <span>Kimiz?</span></h2>
<p>CNC Lazer Kesim Merkezi olarak, endüstriyel ve kreatif projelerinize hayat vermek amacıyla kurulduk. Son teknoloji CO2 lazer makinelerimiz... (İçeriği panelden değiştirebilirsiniz)</p>
</div>
</div>
</div>
</section>
<!-- Galeri Bölümü -->
<section id='galeri'>
<div class='container'>
<h2 class='section-title'>İmalat <span>Galerisi</span></h2>
<div class='gallery-grid'>
<div class='gallery-item'>
<img alt='Pleksi Harf Kesim' src='https://akse.com.tr/wp-content/uploads/2021/01/pleksi-harfler.jpg'/>
<div class='gallery-overlay'>
<h4>Pleksi Harf Kesimi</h4>
<p>Reklam ve Tabela Dünyası</p>
</div>
</div>
<div class='gallery-item'>
<img alt='Kompozit Derz Oyma' src='https://alkomkompozit.com/wp-content/uploads/2022/01/kompozit-derzleme-makinesi.jpg'/>
<div class='gallery-overlay'>
<h4>Kompozit Derz Oyma</h4>
<p>CNC Kompozit Derzleme</p>
</div>
</div>
</div>
</div>
</section>
<!-- Blogger Dinamik Blog Bölümü -->
<section id='blog'>
<div class='container'>
<h2 class='section-title'>Güncel <span>Paylaşımlar & Çizim Arşivi</span></h2>
<b:section id='main-content' maxwidgets='1' showaddelement='yes'>
<b:widget id='Blog1' locked='true' title='Blog Kayıtları' type='Blog' version='1'>
<b:widget-settings>
<b:widget-setting name='showDateHeader'>true</b:widget-setting>
<b:widget-setting name='style.textcolor'>#ffffff</b:widget-setting>
<b:widget-setting name='showShareButtons'>true</b:widget-setting>
<b:widget-setting name='authorLabel'>By</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='showAuthor'>false</b:widget-setting>
<b:widget-setting name='style.linkcolor'>#ffffff</b:widget-setting>
<b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting>
<b:widget-setting name='style.bgcolor'>#ffffff</b:widget-setting>
<b:widget-setting name='timestampLabel'>-</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='showLabels'>true</b:widget-setting>
<b:widget-setting name='showLocation'>true</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='showBacklinks'>false</b:widget-setting>
<b:widget-setting name='style.bordercolor'>#ffffff</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'>
<div class='grid-3'>
<b:loop values='data:posts' var='post'>
<div class='blog-post-card'>
<div class='post-body'>
<h3 class='post-title'><a expr:href='data:post.url'><data:post.title/></a></h3>
<p><data:post.snippet/></p>
</div>
</div>
</b:loop>
</div>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'/>
<b:includable id='backlinks' var='post'/>
<b:includable id='comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<b:if cond='data:mobile'>
<h4 id='comment-post-message'>
<a expr:id='data:widget.instanceId + "_comment-editor-toggle-link"' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight' frameborder='0' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
<b:else/>
<h4 id='comment-post-message'><data:postCommentMsg/></h4>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight' frameborder='0' id='comment-editor' name='comment-editor' src='' width='100%'/>
</b:if>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>');
</script>
</div>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
<span expr:class='"item-control " + data:comment.adminClass'>
<b:if cond='data:showCmtPopup'>
<div class='goog-toggle-button'>
<div class='goog-inline-block comment-action-icon'/>
</div>
<b:else/>
<a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
<img src='https://resources.blogblog.com/img/icon_delete13.gif'/>
</a>
</b:if>
</span>
</b:includable>
<b:includable id='comment_count_picker' var='post'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:post.commentLabelFull/>:
</a>
</b:includable>
<b:includable id='comment_picker' var='post'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:includable>
<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<h4><data:post.commentLabelFull/>:</h4>
<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<b:if cond='data:post.hasOlderLinks'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
*
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
*
</b:if>
<data:post.commentRangeText/>
<b:if cond='data:post.hasNewerLinks'>
*
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
*
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
</b:if>
</span>
</b:if>
<div expr:id='data:widget.instanceId + "_comments-block-wrapper"'>
<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>
<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>
<dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p>
<data:comment.body/>
</p>
</b:if>
</dd>
<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>
</div>
<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
<data:post.oldestLinkText/>
</a>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
<data:post.olderLinkText/>
</a>
*
<data:post.commentRangeText/>
*
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
<data:post.newerLinkText/>
</a>
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
<data:post.newestLinkText/>
</a>
</span>
</b:if>
<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
<b:elseif cond='data:post.allowComments'/>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</p>
</b:if>
<b:if cond='data:showCmtPopup'>
<div id='comment-popup'>
<iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
</iframe>
</div>
</b:if>
</div>
</b:includable>
<b:includable id='feedLinks'>
<b:if cond='data:blog.pageType != "item"'> <!-- Blog feed links -->
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
<b:include data='feedLinks' name='feedLinksBody'/>
</div>
</b:if>
<b:else/> <!--Post feed links -->
<div class='post-feeds'>
<b:loop values='data:posts' var='post'>
<b:include cond='data:post.allowComments and data:post.feedLinks' data='post.feedLinks' name='feedLinksBody'/>
</b:loop>
</div>
</b:if>
</b:includable>
<b:includable id='feedLinksBody' var='links'>
<div class='feed-links'>
<data:feedLinksMsg/>
<b:loop values='data:links' var='f'>
<a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
</b:loop>
</div>
</b:includable>
<b:includable id='iframe_comments' var='post'>
<!-- G+ comments, no longer available. The includable is retained for backwards-compatibility. -->
</b:includable>
<b:includable id='mobile-index-post' var='post'>
<div class='mobile-date-outer date-outer'>
<b:if cond='data:post.dateHeader'>
<div class='date-header'>
<span><data:post.dateHeader/></span>
</div>
</b:if>
<div class='mobile-post-outer'>
<a expr:href='data:post.url'>
<h3 class='mobile-index-title entry-title' itemprop='name'>
<data:post.title/>
</h3>
<div class='mobile-index-arrow'>&rsaquo;</div>
<div class='mobile-index-contents'>
<b:if cond='data:post.thumbnailUrl'>
<div class='mobile-index-thumbnail'>
<div class='Image'>
<img expr:src='data:post.thumbnailUrl'/>
</div>
</div>
</b:if>
<div class='post-body'>
<b:if cond='data:post.snippet'><data:post.snippet/></b:if>
</div>
</div>
<div style='clear: both;'/>
</a>
<div class='mobile-index-comment'>
<b:include cond='data:blog.pageType != "static_page" and data:post.allowComments and data:post.numComments != 0' data='post' name='comment_count_picker'/>
</div>
</div>
</div>
</b:includable>
<b:includable id='mobile-main' var='top'>
<!-- posts -->
<div class='blog-posts hfeed'>
<b:include data='top' name='status-message'/>
<b:if cond='data:blog.pageType == "index"'>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='mobile-index-post'/>
</b:loop>
<b:else/>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='mobile-post'/>
</b:loop>
</b:if>
</div>
<b:include name='mobile-nextprev'/>
</b:includable>
<b:includable id='mobile-nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<div class='mobile-link-button' id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'>&lsaquo;</a>
</div>
</b:if>
<b:if cond='data:olderPageUrl'>
<div class='mobile-link-button' id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'>&rsaquo;</a>
</div>
</b:if>
<div class='mobile-link-button' id='blog-pager-home-link'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</div>
<div class='mobile-desktop-link'>
<a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
</div>
</div>
<div class='clear'/>
</b:includable>
<b:includable id='mobile-post' var='post'>
<div class='date-outer'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><span><data:post.dateHeader/></span></h2>
</b:if>
<div class='date-posts'>
<div class='post-outer'>
<div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
<b:if cond='data:post.thumbnailUrl'>
<meta expr:content='data:post.thumbnailUrl' itemprop='image_url'/>
</b:if>
<meta expr:content='data:blog.blogId' itemprop='blogId'/>
<meta expr:content='data:post.id' itemprop='postId'/>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title' itemprop='name'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:elseif cond='data:post.url and data:blog.url != data:post.url'/>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</h3>
</b:if>
<div class='post-header'>
<div class='post-header-line-1'/>
</div>
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='articleBody'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<b:if cond='data:post.authorProfileUrl'>
<span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
<meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
<a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
<span itemprop='name'><data:post.author/></span>
</a>
</span>
<b:else/>
<span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
<span itemprop='name'><data:post.author/></span>
</span>
</b:if>
</b:if>
</span>
<span class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<b:if cond='data:post.url'>
<meta expr:content='data:post.url.canonical' itemprop='url'/>
<a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a>
</b:if>
</b:if>
</span>
<span class='post-comment-link'>
<b:include cond='data:blog.pageType not in {"item","static_page"} and data:post.allowComments' data='post' name='comment_count_picker'/>
</span>
</div>
<div class='post-footer-line post-footer-line-2'>
<b:if cond='data:top.showMobileShare'>
<div class='mobile-link-button goog-inline-block' id='mobile-share-button'>
<a href='javascript:void(0);'><data:shareMsg/></a>
</div>
</b:if>
</div>
</div>
</div>
<b:include cond='data:blog.pageType in {"static_page","item"}' data='post' name='comment_picker'/>
</div>
</div>
</div>
</b:includable>
<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>
<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:if cond='data:mobileLinkUrl'>
<div class='blog-mobile-link'>
<a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
</div>
</b:if>
</div>
<div class='clear'/>
</b:includable>
<b:includable id='post' var='post'>
<div class='post hentry uncustomized-post-template' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
<b:if cond='data:post.firstImageUrl'>
<meta expr:content='data:post.firstImageUrl' itemprop='image_url'/>
</b:if>
<meta expr:content='data:blog.blogId' itemprop='blogId'/>
<meta expr:content='data:post.id' itemprop='postId'/>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title' itemprop='name'>
<b:if cond='data:post.link or (data:post.url and data:blog.url != data:post.url)'>
<a expr:href='data:post.link ? data:post.link : data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</h3>
</b:if>
<div class='post-header'>
<div class='post-header-line-1'/>
</div>
<!-- Then use the post body as the schema.org description, for good G+/FB snippeting. -->
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id' expr:itemprop='(data:blog.metaDescription ? "" : "description ") + "articleBody"'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
</b:if>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/>
<b:if cond='data:post.authorProfileUrl'>
<span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
<meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
<a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
<span itemprop='name'><data:post.author/></span>
</a>
</span>
<b:else/>
<span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
<span itemprop='name'><data:post.author/></span>
</span>
</b:if>
</b:if>
</span>
<span class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<b:if cond='data:post.url'>
<meta expr:content='data:post.url.canonical' itemprop='url'/>
<a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a>
</b:if>
</b:if>
</span>
<span class='post-comment-link'>
<b:include cond='data:blog.pageType not in {"item","static_page"} and data:post.allowComments' data='post' name='comment_count_picker'/>
</span>
<span class='post-icons'>
<!-- email post links -->
<b:if cond='data:post.emailPostUrl'>
<span class='item-action'>
<a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
<img alt='' class='icon-action' height='13' src='https://resources.blogblog.com/img/icon18_email.gif' width='18'/>
</a>
</span>
</b:if>
<!-- quickedit pencil -->
<b:include data='post' name='postQuickEdit'/>
</span>
<!-- share buttons -->
<div class='post-share-buttons goog-inline-block'>
<b:include cond='data:post.sharePostUrl' data='post' name='shareButtons'/>
</div>
</div>
<div class='post-footer-line post-footer-line-2'>
<span class='post-labels'>
<b:if cond='data:top.showPostLabels and data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='not data:label.isLast'>,</b:if>
</b:loop>
</b:if>
</span>
</div>
<div class='post-footer-line post-footer-line-3'>
<span class='post-location'>
<b:if cond='data:top.showLocation and data:post.location'>
<data:postLocationLabel/>
<a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a>
</b:if>
</span>
</div>
<b:if cond='data:post.authorAboutMe'>
<div class='author-profile' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
<b:if cond='data:post.authorPhoto.url'>
<img expr:src='data:post.authorPhoto.url' itemprop='image' width='50px'/>
</b:if>
<div>
<a class='g-profile' expr:href='data:post.authorProfileUrl' itemprop='url' rel='author' title='author profile'>
<span itemprop='name'><data:post.author/></span>
</a>
</div>
<span itemprop='description'><data:post.authorAboutMe/></span>
</div>
</b:if>
</div>
</div>
</b:includable>
<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='"item-control " + data:post.adminClass'>
<a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
<img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</b:if>
</b:includable>
<b:includable id='shareButtons' var='post'>
<b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + "&target=email"' expr:title='data:top.emailThisMsg' target='_blank'><span class='share-button-link-text'><data:top.emailThisMsg/></span></a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + "&target=blog"' expr:onclick='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' expr:title='data:top.blogThisMsg' target='_blank'><span class='share-button-link-text'><data:top.blogThisMsg/></span></a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + "&target=twitter"' expr:title='data:top.shareToTwitterMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + "&target=facebook"' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a></b:if><b:if cond='data:top.showPinterestButton'><a class='goog-inline-block share-button sb-pinterest' expr:href='data:post.sharePostUrl + "&target=pinterest"' expr:title='data:top.shareToPinterestMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToPinterestMsg/></span></a></b:if>
</b:includable>
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>
<b:includable id='threaded-comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<b:if cond='data:mobile'>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight' frameborder='0' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
<b:else/>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight' frameborder='0' id='comment-editor' name='comment-editor' src='' width='100%'/>
</b:if>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>');
</script>
</div>
</b:includable>
<b:includable id='threaded_comment_js' var='post'>
<script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
<script type='text/javascript'>
(function() {
var items = <data:post.commentJso/>;
var msgs = <data:post.commentMsgs/>;
var config = <data:post.commentConfig/>;
// <![CDATA[
var cursor = null;
if (items && items.length > 0) {
cursor = parseInt(items[items.length - 1].timestamp) + 1;
}
var bodyFromEntry = function(entry) {
var text = (entry &&
((entry.content && entry.content.$t) ||
(entry.summary && entry.summary.$t))) ||
'';
if (entry && entry.gd$extendedProperty) {
for (var k in entry.gd$extendedProperty) {
if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
return '<span class="deleted-comment">' + text + '</span>';
}
}
}
return text;
}
var parse = function(data) {
cursor = null;
var comments = [];
if (data && data.feed && data.feed.entry) {
for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
var comment = {};
// comment ID, parsed out of the original id format
var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
comment.id = id ? id[2] : null;
comment.body = bodyFromEntry(entry);
comment.timestamp = Date.parse(entry.published.$t) + '';
if (entry.author && entry.author.constructor === Array) {
var auth = entry.author[0];
if (auth) {
comment.author = {
name: (auth.name ? auth.name.$t : undefined),
profileUrl: (auth.uri ? auth.uri.$t : undefined),
avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
};
}
}
if (entry.link) {
if (entry.link[2]) {
comment.link = comment.permalink = entry.link[2].href;
}
if (entry.link[3]) {
var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
if (pid && pid[1]) {
comment.parentId = pid[1];
}
}
}
comment.deleteclass = 'item-control blog-admin';
if (entry.gd$extendedProperty) {
for (var k in entry.gd$extendedProperty) {
if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
} else if (entry.gd$extendedProperty[k].name == 'blogger.displayTime') {
comment.displayTime = entry.gd$extendedProperty[k].value;
}
}
}
comments.push(comment);
}
}
return comments;
};
var paginator = function(callback) {
if (hasMore()) {
var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
if (cursor) {
url += '&published-min=' + new Date(cursor).toISOString();
}
window.bloggercomments = function(data) {
var parsed = parse(data);
cursor = parsed.length < 50 ? null
: parseInt(parsed[parsed.length - 1].timestamp) + 1
callback(parsed);
window.bloggercomments = null;
}
url += '&callback=bloggercomments';
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = url;
document.getElementsByTagName('head')[0].appendChild(script);
}
};
var hasMore = function() {
return !!cursor;
};
var getMeta = function(key, comment) {
if ('iswriter' == key) {
var matches = !!comment.author
&& comment.author.name == config.authorName
&& comment.author.profileUrl == config.authorUrl;
return matches ? 'true' : '';
} else if ('deletelink' == key) {
return config.baseUri + '/comment/delete/'
+ config.blogId + '/' + comment.id;
} else if ('deleteclass' == key) {
return comment.deleteclass;
}
return '';
};
var replybox = null;
var replyUrlParts = null;
var replyParent = undefined;
var onReply = function(commentId, domId) {
if (replybox == null) {
// lazily cache replybox, and adjust to suit this style:
replybox = document.getElementById('comment-editor');
if (replybox != null) {
replybox.height = '250px';
replybox.style.display = 'block';
replyUrlParts = replybox.src.split('#');
}
}
if (replybox && (commentId !== replyParent)) {
replybox.src = '';
document.getElementById(domId).insertBefore(replybox, null);
replybox.src = replyUrlParts[0]
+ (commentId ? '&parentID=' + commentId : '')
+ '#' + replyUrlParts[1];
replyParent = commentId;
}
};
var hash = (window.location.hash || '#').substring(1);
var startThread, targetComment;
if (/^comment-form_/.test(hash)) {
startThread = hash.substring('comment-form_'.length);
} else if (/^c[0-9]+$/.test(hash)) {
targetComment = hash.substring(1);
}
// Configure commenting API:
var configJso = {
'maxDepth': config.maxThreadDepth
};
var provider = {
'id': config.postId,
'data': items,
'loadNext': paginator,
'hasMore': hasMore,
'getMeta': getMeta,
'onReply': onReply,
'rendered': true,
'initComment': targetComment,
'initReplyThread': startThread,
'config': configJso,
'messages': msgs
};
var render = function() {
if (window.goog && window.goog.comments) {
var holder = document.getElementById('comment-holder');
window.goog.comments.render(holder, provider);
}
};
// render now, or queue to render when library loads:
if (window.goog && window.goog.comments) {
render();
} else {
window.goog = window.goog || {};
window.goog.comments = window.goog.comments || {};
window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
window.goog.comments.loadQueue.push(render);
}
})();
// ]]>
</script>
</b:includable>
<b:includable id='threaded_comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<h4><data:post.commentLabelFull/>:</h4>
<div class='comments-content'>
<b:include cond='data:post.embedCommentForm' data='post' name='threaded_comment_js'/>
<div id='comment-holder'>
<data:post.commentHtml/>
</div>
</div>
<p class='comment-footer'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='threaded-comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
</p>
<b:if cond='data:showCmtPopup'>
<div id='comment-popup'>
<iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
</iframe>
</div>
</b:if>
<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + "_backlinks-container"'>
</div>
</div>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
</section>
<!-- Footer -->
<footer id='iletisim'>
<div class='container'>
<div class='map-section' style='margin-bottom: 40px; width: 100%; height: 350px; border: 1px solid #1c1d24; border-radius: 8px; overflow: hidden; background: #0a0a0c;'>
<iframe allowfullscreen='true' height='100%' loading='lazy' src='https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3012.0345596320026!2d29.173918876827795!3d40.9807240713543!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x14cacf7c896a4927%3A0xb2a456ebfcbc090b!2sBLZ%20REKLAM!5e0!3m2!1str!2str!4v1779443881889!5m2!1str!2str' style='border:0;' width='100%'/>
</div>
<div class='footer-grid'>
<div class='footer-col'>
<h4>Hakkımızda</h4>
<p>CNC Lazer Kesim Merkezi, endüstriyel kalitede fason pleksi, ahşap imalat süreçleri sunar.</p>
</div>
<div class='footer-col'>
<h4>İletişim Bilgileri</h4>
<p><i class='fa-solid fa-location-dot' style='color:var(--primary); margin-right:5px;'/> Adres: ???</p>
<p><i class='fa-solid fa-phone' style='color:var(--primary); margin-right:5px;'/> Telefon: +90 551 555 4295</p>
<p><i class='fa-solid fa-envelope' style='color:var(--primary); margin-right:5px;'/> E-posta: info@lazercnc.com</p>
</div>
</div>
<div class='footer-bottom'>
<p>&copy; 2026 CNC LAZER KESİM MERKEZİ. Tüm Hakları Saklıdır.</p>
</div>
</div>
</footer>
<!-- WhatsApp Canlı Destek -->
<a class='whatsapp-btn' href='https://wa.me/905515554295text=Merhaba' target='_blank'>
<i class='fa-brands fa-whatsapp'/>
</a>
<!-- HATA ÖNLEYİCİ VE SLAÝTI AKITAN SCRIPT -->
<script type='text/javascript'>
// Mobil Menü Mantığı
const menuToggle = document.getElementById('menuToggle');
const navMenu = document.getElementById('navMenu');
menuToggle.addEventListener('click', () => { navMenu.classList.toggle('active'); });
// GARANTİLİ VE HAFİF SLIDER SCRIPT'I
let currentSlide = 0;
const totalSlides = 4;
const sliderWrapper = document.getElementById('sliderWrapper');
function nextSlide() {
currentSlide = (currentSlide + 1) % totalSlides;
// Slaytı sola kaydırma işlemi
sliderWrapper.style.transition = 'left 0.8s ease-in-out';
sliderWrapper.style.left = `-${currentSlide * 100}%`;
}
// Her 4 saniyede bir otomatik kaydır
setInterval(nextSlide, 4000);
</script>
</body>
</html>