Blogger’da Head Etiketleri Özelleştirme
Normalde Blogger temalarında <head> etiketleri basit bir Blogger koduyla eklenir ve oldukça az bir satırdan ibarettir. Bu kod sadece biraz daha genişletilmiş ve özelleştirilmiş hali. Yazılım meraklısı insanlar için kurcanılası bir şey. Benim bu temada kullandığım kodun aynısı. Bilgisayar'da F12'ye bastığınızda <head> kodunun içindekinin ne kadar düzenli olduğunu görebilirsiniz. Mobilde TrebEdit gibi uygulamalarla sitenin kaynağına da bakabilirsiniz.
<meta expr:content='data:skin.vars.themeColor' name='theme-color'/>
<meta expr:content='data:skin.vars.themeColor' name='msapplication-navbutton-color'/>
<meta expr:content='data:skin.vars.themeColor' name='apple-mobile-web-app-status-bar-style'/>
<meta expr:content='yes' name='apple-mobile-web-app-capable'/>
<meta expr:content='data:blog.pageName.escaped ? data:blog.pageName.escaped : data:blog.title.escaped' property='og:title'/>
<meta expr:content='data:blog.pageName.escaped ? data:blog.pageName.escaped : data:blog.title.escaped' name='twitter:title'/>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<meta expr:content='data:blog.canonicalUrl' name='twitter:url'/>
<meta expr:content='data:blog.title.escaped' property='og:site_name'/>
<b:if cond='data:view.isMultipleItems'>
<meta content='website' property='og:type'/>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription.escaped' property='og:description'/>
<b:else/>
<meta expr:content='data:view.description.escaped' property='og:description'/>
<meta expr:content='data:view.description.escaped' name='twitter:description'/>
</b:if>
<b:else/>
<meta content='article' property='og:type'/>
<meta expr:content='data:view.description.escaped' property='og:description'/>
<meta expr:content='data:view.description.escaped' name='twitter:description'/>
</b:if>
</b:if>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription.escaped' name='description'/>
<b:else/>
<meta expr:content='data:view.description.escaped' name='description'/>
</b:if>
<meta expr:content='data:blog.pageName.escaped ? data:blog.pageName.escaped : data:blog.title.escaped' property='og:image:alt'/>
<meta expr:content='data:blog.pageName.escaped ? data:blog.pageName.escaped : data:blog.title.escaped' name='twitter:image:alt'/>
<b:if cond='data:widgets'>
<b:loop values='data:widgets.Blog.first.posts where (p => p.featuredImage) map (p => p.featuredImage)' var='imageUrl'>
<meta expr:content='resizeImage(data:imageUrl, 0)' property='og:image'/>
<meta expr:content='resizeImage(data:imageUrl,0)' name='twitter:image:src'/>
</b:loop>
</b:if>
<meta content='summary_large_image' name='twitter:card'/>
<meta content='blogger' name='generator'/>
<!--[ All LINK ]-->
<b:tag cond='data:view.isPost' expr:href='resizeImage(data:blog.postImageUrl, 0)' name='link' rel='image_src'/>
<link expr:href='data:blog.homepageUrl.canonical + "feeds/posts/default"' expr:title='data:blog.title + " - Atom"' rel='alternate' type='application/atom+xml'/>
<link expr:href='data:blog.homepageUrl.canonical + "feeds/posts/default?alt=rss"' expr:title='data:blog.title + " - Feed"' rel='alternate' type='application/rss+xml'/>
<link expr:href='data:blog.homepageUrl.canonical + "feeds/comments/default?alt=rss"' expr:title='data:blog.title + " - Comments Feed"' rel='alternate' type='application/rss+xml'/>
<link expr:title='data:blog.title + " - Feed"' href='https://www.blogger.com/feeds/0000000000000000000/posts/default' rel='service.post' type='application/atom+xml'/>
<b:tag cond='data:view.isPost' expr:href='data:blog.homepageUrl.canonical + "feeds/" + data:blog.postId + "/comments/default"' expr:title='data:blog.title + " - Atom"' name='link' rel='alternate' type='application/atom+xml'/>
<link expr:href='data:blog.url.canonical' rel='canonical'/>
<link expr:href='data:blog.url.canonical' hreflang='x-default' rel='alternate'/>
<link expr:href='data:blog.url.canonical params {hl: "tr"}' hreflang='tr' rel='alternate'/>
<link expr:href='data:blog.url.canonical params {m: "1"}' media='only screen and (max-width:640px)' rel='alternate'/>
<link expr:href='data:blog.blogspotFaviconUrl' rel='apple-touch-icon' sizes='120x120'/>
<link expr:href='data:blog.blogspotFaviconUrl' rel='apple-touch-icon' sizes='152x152'/>
<link expr:href='data:blog.blogspotFaviconUrl' rel='icon' type='image/x-icon'/>
<link expr:href='data:blog.blogspotFaviconUrl' rel='shortcut icon' type='image/x-icon'/>
Yorum yaz