<!doctype html>
<html ⚡>
<head>
<meta charset="utf-8">
<title>amp-iframe</title>
<script async src="https://cdn.ampproject.org/v0.js"></script>
<script async custom-element="amp-lightbox" src="https://cdn.ampproject.org/v0/amp-lightbox-0.1.js"></script>
<script async custom-element="amp-iframe" src="https://cdn.ampproject.org/v0/amp-iframe-0.1.js"></script>
<link rel="canonical" href="https://ampbyexample.com/components/amp-iframe/">
<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
<style amp-boilerplate>
body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}
@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}
@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}
@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}
@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}
@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}
</style><noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}
</style></noscript>
<style amp-custom>
body{font-family:-apple-system,BlinkMacSystemFont,"Roboto","Segoe UI","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif;padding:10px}
.top-comments-box-fixed{background:#fff;position:fixed;top:0;right:0;height:100vh;width:300px;padding:0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;z-index:999;-webkit-animation-name:slideInRight;animation-name:slideInRight;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.top-comments-box-fixed h3{font-size:18px;margin:0;padding:0 0 0 10px;color:#fff;height:50px;line-height:50px;background:#2e9fff;position:relative;-webkit-box-shadow:0 1px 8px rgba(0,0,0,.3);box-shadow:0 1px 8px rgba(0,0,0,.3)}
.top-comments-box-fixed h3 span{position:relative;z-index:2}
.top-comments-box-fixed h3:after{content:"";background:url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgNDM4IDgwJyB3aWR0aD0nMTYwJyBoZWlnaHQ9JzQwJyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHhtbG5zOnhsaW5rPSdodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rJz48Zz48cGF0aCBzdHlsZT0nZmlsbDojZmZmZmZmJyBkPSdNMzAuMjA4IDEuNjAySC44Nzh2NzYuMDM5aDI4Ljg5NWMyNy4zNzYgMCA0My4zNDItMTYuMjkzIDQzLjM0Mi0zOC4yMzV2LS4yMTljLjAwMi0yMS45NDMtMTUuNzUtMzcuNTg1LTQyLjkwNy0zNy41ODV6TTUxLjQ5OSAzOS43M2MwIDEyLjI3Mi04LjM2NCAxOS4yMjctMjAuOTY0IDE5LjIyN2gtOC41ODJWMjAuMjg2aDguNTgyYzEyLjYgMCAyMC45NjQgNy4wNiAyMC45NjQgMTkuMjI2di4yMTh6bTM1LjYyOSAzNy45MDdoMjEuMTgyVjEuNjAySDg3LjEyOHY3Ni4wMzV6bTcwLjA2NS00Ny4zNThjLTEwLjUzOC0yLjM5MS0xMy4xNDUtMy45MTEtMTMuMTQ1LTcuMzg1di0uMjJjMC0yLjcxNiAyLjUtNC44ODggNy42MDQtNC44ODggNi43MzMgMCAxNC4zMzggMi42MDUgMjEuMjkyIDcuNDk2bDEwLjUzNi0xNC44ODVDMTc1LjIyMyAzLjc3MiAxNjUuMTIyLjI5NCAxNTIuMTk2LjI5NGMtMTguMjUgMC0yOS40MzggMTAuMjEtMjkuNDM4IDI0LjMzMnYuMjE4YzAgMTUuNjQ0IDEyLjQ5MiAyMC4yMDcgMjguNjc2IDIzLjg5NiAxMC4zMiAyLjM4OSAxMi44MTggNC4xMjcgMTIuODE4IDcuMjc5di4yMTdjMCAzLjI1OC0zLjA0MiA1LjIxMy04LjY5IDUuMjEzLTguNzk4IDAtMTcuMTYzLTMuMTQ4LTI0LjY1Ny05LjEyM0wxMTkuMTczIDY2LjM0YzkuMzQyIDguMzY1IDIyLjE2IDEyLjYwNCAzNS42MyAxMi42MDQgMTguNDY2IDAgMzAuNzQyLTkuMjMyIDMwLjc0Mi0yNC43Njh2LS4yMTdjLS4wMDEtMTQuMjI5LTEwLjg2NS0xOS44NzctMjguMzUyLTIzLjY4em0xMjAuNTczIDkuMzQzdi0uMjE4QzI3Ny43NjYgMTcuNTcgMjYwLjM4Ny4wOCAyMzYuOTIyLjA4Yy0yMy40NjIgMC00MS4wNiAxNy43MDgtNDEuMDYgMzkuNTQydi4yMTZjMCAyMS44MzQgMTcuMzggMzkuMzI0IDQwLjg0NSAzOS4zMjQgOC42ODkgMCAxNi42MTktMi41IDIzLjEzNy02LjczNmw4LjM2MyA3LjQ5NCAxMC42NDUtMTEuODQtNy44MTgtNi42MjNjNC4zNDEtNi4xOTMgNi43MzItMTMuNzk5IDYuNzMyLTIxLjgzNXptLTIxLjM5OC40MzNjMCAyLjYwNy0uNDM1IDUuMTA1LTEuMzA0IDcuMzg0bC0xMC4zMTktOS4zNDFMMjM0LjEgNTAuMDQ3bDEwLjUzNyA5LjAxOGEyMS42NTUgMjEuNjU1IDAgMCAxLTcuNzExIDEuNDEyYy0xMS42MjEgMC0xOS40NDMtOS42NjYtMTkuNDQzLTIwLjYzOXYtLjIxNmMwLTEwLjk3MiA3LjcxMi0yMC41MzIgMTkuMjI1LTIwLjUzMiAxMS43MzMgMCAxOS42NjQgOS42NjggMTkuNjY0IDIwLjc0OHYuMjE2bC0uMDA0LjAwMXptODMuNTM0IDQuMzQ1YzAgMTAuNjQzLTUuNTQzIDE1LjYzOS0xNC4wMTYgMTUuNjM5LTguNDcyIDAtMTQuMDEzLTUuMjExLTE0LjAxMy0xNi4xODRWMS42MDJoLTIxLjM5N3Y0Mi42OWMwIDIzLjc4OSAxMy41NzggMzQuNzYzIDM1LjE5NCAzNC43NjMgMjEuNjE3IDAgMzUuNjI5LTEwLjc1NCAzNS42MjktMzUuMzA1VjEuNjAyaC0yMS4zOTdWNDQuNHptNjguODY4LTE0LjEyMWMtMTAuNTM3LTIuMzkxLTEzLjE0NS0zLjkxMS0xMy4xNDUtNy4zODV2LS4yMmMwLTIuNzE2IDIuNS00Ljg4OCA3LjYwNy00Ljg4OCA2LjczIDAgMTQuMzM4IDIuNjA1IDIxLjI4OSA3LjQ5Nkw0MzUuMDU5IDEwLjRDNDI2LjgwNSAzLjc3NSA0MTYuNzA1LjI5NyA0MDMuNzc4LjI5N2MtMTguMjUgMC0yOS40MzggMTAuMjEtMjkuNDM4IDI0LjMzMnYuMjE4YzAgMTUuNjQ0IDEyLjQ5MiAyMC4yMDUgMjguNjc3IDIzLjg5NiAxMC4zMTkgMi4zOTEgMTIuODE3IDQuMTI5IDEyLjgxNyA3LjI4di4yMTZjMCAzLjI1OC0zLjA0MyA1LjIxNS04LjY5IDUuMjE1LTguOCAwLTE3LjE2NC0zLjE1Mi0yNC42NTgtOS4xMjVsLTExLjcyOSAxNC4wMTJjOS4zNDMgOC4zNjcgMjIuMTYgMTIuNjAzIDM1LjYyNyAxMi42MDMgMTguNDY4IDAgMzAuNzQyLTkuMjMzIDMwLjc0Mi0yNC43Njd2LS4yMTljLS4wMDQtMTQuMjI4LTEwLjg2OC0xOS44NzYtMjguMzU2LTIzLjY3OXonPjwvcGF0aD48L2c+PC9zdmc+") no-repeat 10px 0;background-size:70%;opacity:0.3;top:0;left:0;bottom:0;right:0;position:absolute;z-index:1}
.open-recent{cursor:pointer;position:fixed;top:0;right:0;z-index:998}
.open-recent:focus,.open-recent:active,.close-recent:focus,.close-recent:active{outline:0}
.close-recent{position:absolute;top:0;right:0;width:50px;height:50px;line-height:45px;text-align:center;font-size:40px;font-weight:300;color:#fff;cursor:pointer;z-index:2}
.top-comments-box-fixed amp-iframe{height:calc(100vh - 50px);width:300px;position:absolute;top:50px;left:0;animation:myframe 1s;-moz-animation:myframe 1s;-webkit-animation:myframe 1s}
.lightbox-recent-disqus{background:rgba(0,0,0,.8);width:100%;height:100%;position:absolute}
@keyframes myship{from{right:0}to{right:300px}}
@-moz-keyframes myship{from{right:0}to{right:300px}}
@-webkit-keyframes myship{from{right:0}to{right:300px}}
@keyframes myframe{from{top:100%}to{top:50px}}
@-moz-keyframes myframe{from{top:100%}to{top:50px}}
@-webkit-keyframes myframe{from{top:100%}to{top:50px}}
@-webkit-keyframes slideInRight{0%{-webkit-transform:translateX(100%);transform:translateX(100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}
@keyframes slideInRight{0%{-webkit-transform:translateX(100%);transform:translateX(100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}
</style>
</head>
<body>
<div class='open-recent' id='open-recent' on='tap:disqus-recent.show,disqus-recent-iframe.show,recent-disqus-box' role='button' tabindex='0' aria-label='Buka Komentar'>
<svg width='24' height='24' viewBox="0 0 24 24">
<path fill="gray" d="M12,22A2,2 0 0,0 14,20H10A2,2 0 0,0 12,22M18,16V11C18,7.93 16.36,5.36 13.5,4.68V4A1.5,1.5 0 0,0 12,2.5A1.5,1.5 0 0,0 10.5,4V4.68C7.63,5.36 6,7.92 6,11V16L4,18V19H20V18L18,16Z" />
</svg>
</div>
<div id="lipsum">
<h2>Çocuğunuzun Konuşma Becerisini Geliştirecek Öneriler</h2>
<p>Başarılı bir iletişimin, duygu ve düşünceleri net ifade etmenin yolu güzel ve etkili konuşmaktan geçer. Güzel ve etkili konuşmak için temel olarak seslerin doğru çıkarılması, ifadelerin en kolay şekilde ve doğrudan anlaşılabilir olması gereklidir. Peki nasıl güzel konuşulur? Çocukların diksiyon bozuklukları nasıl giderilir?</p>
<p>Güzel ve etkili konuşmada en önemli kural, konuştuğumuz kişiyle göz teması kurmaktır. Göz teması, verilen mesajı güçlendirir ve odağın tek noktada toplanmasına yardımcı olur.</p>
<b>Çocuğa güzel konuşmanın önemi anlatılmalı</b>
<p>Öncelikle çocukları güzel konuşmanın, etkili bir iletişim için çok önemli olduğuna ikna etmeliyiz. Bu şekilde, duygularımızı ve düşüncelerimizi en kolay ve en etkili şekilde ifade edebileceğimizi anlatmalıyız. Daha küçük yaştaki çocuklar için de bunu günlük hayatta kullandığımız konuşmaya dikkat ederek, ona örnek olarak yapabiliriz.</p>
<b>Televizyon ve dijital oyunlar dil gelişimini etkiliyor</b>
<p>Televizyon izlemenin ve dijital oyunlarla vakit geçirmenin dil gelişimine olumlu ve olumsuz etkileri olduğu biliniyor. Uzun süre ekran karşısında kalan çocuk, güçlü bir izleme alışkanlığını elde ediyor. Bu durum beraberinde, çocuğun dil gelişimiyle ilgili bir takım olumsuzlukları, televizyon veya tabletle tek yönlü iletişim kurmaktan kaynaklanan çok yönlü iletişimde zayıflık, göz teması kurma süresinin azalması, konuşma bozukluğu, sözel ifade edici dil becerisinin zayıflaması, cümle kuramama, cümle tamamlayamama, seslenildiğinde tepki vermeme, duygusal iletişim kuramama olarak sıralayabiliriz.</p>
<p>Bunun yanında televizyon ve oyunlar, belirli bir süre konularak, ebeveyn gözetiminde ve içeriğinde seçici olunduğu sürece, çocuğun dil gelişimine olumlu katkıda bulunabilir. Çocuk, temiz ve duru bir Türkçe ile hazırlanan, diyaloğa teşvik eden, çok yönlü iletişimi güçlendiren içeriklerle karşılaştığında, dil ve motor becerilerini geliştirebilir.</p>
<b>Çocukla göz teması kurmak önemli</b>
<p>Güzel ve etkili konuşmada en önemli kural, konuştuğumuz kişiyle göz teması kurmaktır. Göz teması, verilen mesajı güçlendirir ve odağın tek noktada toplanmasına yardımcı olur. Çocukla iletişim kurarken göz temasına mutlaka dikkat edilmeli. Ayrıca söylediklerimizi jest ve mimiklerimizle destekleyebilmeliyiz.</p>
<b>Güzel konuşma egzersizleri için pratik uygulamalar</b>
<p>Çocuklar bazı sesleri çıkarmakta zorlanabilir. Bu tarz durumlarda ağız ve çene kaslarını geliştirmek için şarkı söylemek, tekerlemeler ve sözcük çalışmaları etkili sonuçlar verebilir. Yine ağız ve çene kaslarını geliştirmek küçük egzersizler de yapılabilir. Örneğin: Yatay bir şekilde, ısırılır gibi iki diş arasına alınan temiz bir çubuk veya kalemle birlikte tekerleme veya şarkı söylenebilir.</p>
<p>Bu durum başta çocuk için zor olacaktır. Hatta ağız kaslarını yoracaktır ancak kalemle yapılan birkaç alıştırmadan sonra o tekerlemeyi çok daha rahat okuyacaktır. Yine çocuğumuzda dudak tembelliği olabilir, yani bazı harfleri yutarak okuma sorunuyla karşılaşmış olabiliriz. Bunu aşmak için çocuğa sesli şiir, masal, fıkra okutmalıyız ve onun okuduğu her metinde onu övmeli, teşvik etmeliyiz. Sesli okuma çalışmaları bu tip sorunları aşmakta başat araçtır. Eğer çocuğumuz bir metin okurken kelimeleri yutuyorsa ona acele etmemesi gerektiğini hatırlatmalıyız. Onu sabırla dinlemeliyiz.</p>
<b>Evde oynanabilecek konuşma egzersizi oyunları</b>
<p>Ebeveynler, evde oynayacakları aşağıdaki gibi konuşma egzersizi oyunlarıyla güzel konuşmayı geliştirmeyi ödev ve sorumluluk noktasından uzaklaştırıp eğlenceli hale getirebilir.</p>
<b>Yanlışımı düzelt</b>
<p>Bunun için evde çocuğunuzun sevdiği bir kitabı önce güzel konuşma kurallarına aykırı bir şekilde okuyup, çocuğunuzun yanlışları bulmasını sağlayabilirsiniz. Bu hem aranızdaki ilişkiyi güçlendirecek hem de keyifli zaman geçirmenizi sağlayacaktır. Ayrıca oyun sonunda çocuk yaptığı doğru ve yanlışları görebilecektir.</p>
<b>Gözüm sende</b>
<p>Çocuğunuzla göz teması kurmadan, jest ve mimiklerinizi kullanmadan onun ilgisini çekebilecek bir konuda konuşma yapabilirsiniz. Çocuğunuz buna şaşıracak ve kendiliğinden yanlışları fark edecektir. Bu yanlış gösterimden sonra doğrusunun nasıl olması gerektiğini çocuğunuzdan göstermesini isteyebilirsiniz. Sevdiği bir filmi, okuduğu kitabı, bir gözlemini vb. anlattırabilirsiniz.</p>
<b>Anlat dinlet</b>
<p>Güzel konuşmada en önemli noktalardan birinin dinleme olduğunu kavratmak için çocuğunuzla eğlenceli başka bir etkinlik daha yapabilirsiniz. Bunun için çocuğunuzdan gün içinde yaptıklarını size kurallara uygun bir şey anlatmasını isteyin. O anlatırken siz onu dinlemeyin ve ikide bir sözünü kesin. Çocuğunuz buna hem gülecek hem de sinirlenecektir. Kendiliğinden bunun yanlış olduğunu görecek ve sosyal hayatında da buna dikkat edecektir.</p>
<b>Tekerleme</b>
<p>Tekerlemeleri güzel konuşma etkinliklerinize katabilirsiniz. Örneğin akşam yemeği için üç tekerleme belirleyip gün içinde çocuğunuzdan bu tekerlemeleri alıştırma yapmasını isteyebilirsiniz. Akşam olunca tekerlemeleri takılmadan ve düzgünce söyleyebildiği takdirde ona küçük bir ödül verebilirsiniz.</p>
<b>Unutmayın: En güzel yöntem örnek olmaktır</b>
<p>İyi veya kötü her davranışımızla çocuklarımıza örnek oluruz. Evde, dışarıda yani her yerde bizler güzel konuşmaya dikkat edersek çocuğumuz da gördüğünü yapacaktır.</p>
</div>
<amp-lightbox id='recent-disqus-box' layout="nodisplay">
<div class="lightbox-recent-disqus" on="tap:disqus-recent.hide,disqus-recent-iframe.hide,recent-disqus-box.close" role="button" tabindex="0" aria-label="Close Recent Box">
<div class='top-comments-box-fixed' id='disqus-recent' hidden>
<h3><span>Son Yorumlar:</span><div class='close-recent' on='tap:disqus-recent.hide,disqus-recent-iframe.hide,recent-disqus-box.close' role='button' tabindex='0' aria-label='Close Box'>×</div></h3>
<amp-iframe id='disqus-recent-iframe' frameborder='0' height='300' layout='responsive' sandbox='allow-forms allow-scripts allow-same-origin allow-modals allow-popups' src='https://cdn.rawgit.com/jquerycods/jquery/master/disqus_recent_commets.html?shortname=bloggerekibi&fontBodyColor=555555&fontBodyFamily=sans-serif&fontLinkColor=2B0C93&linkHoverColor=333333' width='600' hidden>
<amp-img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAALQCAAAAACftP71AAAAAXNCSVQI5gpbmQAAAF96VFh0UmF3IHByb2ZpbGUgdHlwZSBBUFAxAAAImeNKT81LLcpMVigoyk/LzEnlUgADYxMuE0sTS6NEAwMDCwMIMDQwMDYEkkZAtjlUKNEABZiYm6UBoblZspkpiM8FAE+6FWgbLdiMAAAAKElEQVRIiWN8wMDEwMD4n4GJYRShIJaHoyEzikbRKBpFwx+Nlvb0QQDdTAtAToIrJwAAAABJRU5ErkJggg==" layout="fixed-height" height="360" width="auto" placeholder>
</amp-img>
</amp-iframe>
</div>
</div>
</amp-lightbox>
</body>
</html>
Disqus etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster
Disqus etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster
Disqus Son Yorumlar Widget'ı
Disqus<!DOCTYPE html>
<HTML>
<head>
<style>
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
html{background:#ecf0f1}
body{margin:0;padding:0;background:transparent;font-family:-apple-system,BlinkMacSystemFont,"Roboto","Segoe UI","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif;line-height:normal}
a,a:visited{color:#555;outline:none;text-decoration:none}
a:hover,a:focus,a:visited:hover{color:#22a1c4;text-decoration:none}
body{font-family:'Fira Sans Condensed',sans-serif}
@keyframes rubberBand{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,0.75,1);transform:scale3d(1.25,0.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,0.85,1);transform:scale3d(1.15,0.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}
@keyframes bounceInLeft{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}
.cover-body{background:#2e9eff;color:#fff;height:auto;padding:15px;overflow:hidden}
.cover-body h4{font-size:18px;float:left;color:#fff}
.cover-body img{float:right}
.viewport-show{position:fixed;top:10px;right:10px;z-index:997;color:#fff!important;background:rgba(0,0,0,0.2);font-size:16px;font-weight:normal;width:auto;padding:6px 8px;cursor:pointer;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0);border-radius:2px;transition:all .6s}
.viewport-show:hover{background:#2e9eff;animation:rubberBand 1s}
#drawer-nav{position:fixed;background:#fff;z-index:999;width:25%;top:0;right:-769px;bottom:0;transition:all .5s}
#drawer-nav.active{right:0}
#viewport.active{background:rgba(53,58,61,.92);position:fixed;z-index:998;overflow:hidden;width:100%;height:100%;top:0;left:0}
#drawer-nav .close-text{display:inline-block;font-weight:700;font-size:14px;position:relative;right:15px;top:-7px;visibility:hidden;opacity:0;transition:all .5s}
#drawer-nav .icon-cancel{position:fixed;margin-left:-40px;margin-top:6px;font-size:35px;font-weight:700;color:#fff}.disqus-logo {height:20px;width:110px}
#drawer-nav .icon-cancel:hover .close-text{visibility:visible;opacity:1;-webkit-transform:translate3d(-50px,0,0);transform:translate3d(-50px,0,0)}
#RecentComments{display:block;width:100%;margin:0 auto;padding:0;height:100%}
#RecentComments ul.dsq-widget-list{background:#f6f7f9;text-align:left;max-height:95%;overflow:auto;overflow-x:hidden}
#RecentComments img.dsq-widget-avatar{margin:0 10px 0 0;width:32px;height:32px;padding:0;float:left;border-radius:3px;clear:both;display:block}
#RecentComments p.dsq-widget-meta{clear:both;font-size:80%;margin-top:5px;font-weight:400}
#RecentComments p.dsq-widget-meta a{display:inline-block;width:48%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#ced6e0;font-size:12px}
#RecentComments p.dsq-widget-meta a:hover{color:#a4b0be}
#RecentComments li.dsq-widget-item{background:#fff;margin:10px;padding:10px;clear:both;color:#777;border-radius:5px;border-bottom:1px solid rgba(0,0,0,0.08)}
#RecentComments a.dsq-widget-user{display:table;color:#5cb767;font-weight:700;font-size:14px;margin:7px 0 0 0}
#RecentComments a.dsq-widget-user:hover{color:#687a86}
#RecentComments span.dsq-widget-comment{display:block;clear:both;margin:20px 10px 10px 0}
#RecentComments .dsq-widget-comment p{display:inline-block;font-size:13px;margin:0;font-weight:400;color: #546673;;line-height:1.5}
#RecentComments .dsq-widget-item pre{position:relative;background:#f8cf83;color:#222;font-family:monospace;line-height:normal;overflow:hidden;text-overflow:ellipsis;padding:10px;margin:5px 0;border-radius:3px;font-size:12px}
#RecentComments .dsq-widget-item pre code{color:#222}
#drawer-nav.active #RecentComments li.dsq-widget-item{animation:bounceInLeft 1.5s}
@media screen and (max-width:1366px){#drawer-nav{width:35%}}
@media screen and (max-width:640px){#drawer-nav{width:100%}#drawer-nav .icon-cancel{background:#494E58;display:block;text-align:left;margin:0;padding:0 15px;position:relative;font-size:35px;font-weight:700;color:#fff}#drawer-nav .close-text{display:none}}
</style>
</head>
<body>
<a class='viewport-show' href='javascript:;'><svg width="16" height="16" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M912 1696q0-16-16-16-59 0-101.5-42.5t-42.5-101.5q0-16-16-16t-16 16q0 73 51.5 124.5t124.5 51.5q16 0 16-16zm816-288q0 52-38 90t-90 38h-448q0 106-75 181t-181 75-181-75-75-181h-448q-52 0-90-38t-38-90q50-42 91-88t85-119.5 74.5-158.5 50-206 19.5-260q0-152 117-282.5t307-158.5q-8-19-8-39 0-40 28-68t68-28 68 28 28 68q0 20-8 39 190 28 307 158.5t117 282.5q0 139 19.5 260t50 206 74.5 158.5 85 119.5 91 88z" fill="#fff"/></svg></a>
<div id='viewport'/>
<div id='drawer-nav'>
<a class='icon-cancel' href='javascript:;' title='Kapat'>×<span class='close-text'>Kapat</span></a>
<div class='cover-body'><h4>Yorumlar</h4><img class='disqus-logo' alt='Disqus Logo' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVbIW-iGjEQ-1eslZVrgFeYSmzlMeZT1u-KUzBE2ADOPzKBHToMXH59ytzQI9qepn5Dx06W-HBkDA-aHWfuHBXCzsxbpki2YKiZb7Ku-vyN6CuK74XGEAIZyZfRcfQe3tVmgAGYBSXfwdR/s1600/Disqus.png' title='Disqus'/></div>
<div class='dsq-widget' id='RecentComments'>
<script defer='defer' type='text/javascript'>
//<![CDATA[
document.write("<scr" + "ipt type=\"text/javascript\" src=\"https://bloggerekibi.disqus.com/recent_comments_widget.js?num_items=20&hide_mods=0&hide_avatars=0&avatar_size=32&excerpt_length=180\"></scr" + "ipt>");
$("#RecentComments a").filter(function(){return this.hostname&&this.hostname!==location.hostname}).attr('rel', 'nofollow noopener').attr('target', '_blank');
//]]>
</script>
</div>
</div>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js' type='text/javascript'></script>
<script >
$(function(){$(".viewport-show").on("click",function(){$("#drawer-nav").addClass("active").focus()});$(".icon-cancel").on("click",function(){$("#drawer-nav").removeClass("active")})});
$(function(){$(".viewport-show").on("click",function(){$("#viewport").addClass("active").focus()});$(".icon-cancel").on("click",function(){$("#viewport").removeClass("active")})});
</script>
</body>
</HTML>
Blogger ve Wordpress Disqus Son Yorumlar Widget Eklentisi
Blogger Widget Disqus<!DOCTYPE html>
<html>
<head>
<style type="text/css">
@import url('https://fonts.googleapis.com/css?family=Fira+Sans+Condensed');
body {font-family: 'Fira Sans Condensed', sans-serif;margin:60px auto 0 auto;}
a:link, a:visited:hover {text-decoration: none;outline: none;transition: all 0.25s;}
ul {line-height: 1.4em;}
#disqus_recent_comments_widget ul.dsq-widget-list::-webkit-scrollbar-track {background: #eee;}
#disqus_recent_comments_widget ul.dsq-widget-list::-webkit-scrollbar-thumb {background: #bdbdbd;transition: all 400ms ease-in-out;border-radius: 2px;}
#disqus_recent_comments_widget ul.dsq-widget-list::-webkit-scrollbar {width: 12px;height: 12px;}
#disqus_recent_comments_widget.dsq-widget {border-radius: 2px;padding:0;max-width:300px;margin: 60px auto;text-align: center;box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.2), 0px 1px 1px 0px rgba(0,0,0,0.14), 0px 2px 1px -1px rgba(0,0,0,0.12);}
#disqus_recent_comments_widget{display:block;width:100%;margin:0 auto;padding:0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;height:auto;}
#disqus_recent_comments_widget ul.dsq-widget-list{text-align:left;max-height:400px;overflow:auto;}
#disqus_recent_comments_widget img.dsq-widget-avatar{margin:3px 10px 7px 0;width:32px;height:32px;padding:0;float:left;border-radius:3px;clear:both;display:block}
#disqus_recent_comments_widget p.dsq-widget-meta{clear:both;font-size:80%;margin-top:5px;font-weight:400}
#disqus_recent_comments_widget p.dsq-widget-meta a{display:inline-block;width:48%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#aaa}
#disqus_recent_comments_widget p.dsq-widget-meta a:hover{color:#f19595}
#disqus_recent_comments_widget li.dsq-widget-item{margin:0;padding:5px 5px 5px 10px;list-style-type:none;clear:both;border-bottom:1px solid #eee;color:#f19595;font-weight:600}
#disqus_recent_comments_widget li.dsq-widget-item:last-child{border-bottom:none}
#disqus_recent_comments_widget a.dsq-widget-user {display:table;color:#2e9fff;font-weight:600;}
#disqus_recent_comments_widget a.dsq-widget-user:hover{color:#999;}
#disqus_recent_comments_widget span.dsq-widget-comment{display:block;clear:both;margin-top:5px;}
#disqus_recent_comments_widget .dsq-widget-comment p{display:inline-block;font-size:92%;margin:0;font-weight:400;color:#444;max-width:100%;}
.dsq-widget-comment a{color:#65bc9c;}
#disqus_recent_comments_widget .dsq-widget-item pre{position:relative;background:#ffe4ad;padding-top:0;border-radius:4px;transition:all .3s}
#disqus_recent_comments_widget .dsq-widget-item pre:hover {background:#ffe4ad;}
#disqus_recent_comments_widget .dsq-widget-item pre code{color:#908575;font-size:82%}
#disqus_recent_comments_widget .dsq-widget-item pre:before{content:'';position:absolute;padding:initial;font-size:initial;text-indent:initial;left:initial;color:initial;top:0;right:0;width:1.2em;height:1.2em;background-color:#ebd099}
#disqus_recent_comments_widget .dsq-widget-item pre:after{content:'';font-size:initial;padding:0;position:absolute;width:0;height:0;border-style:solid;border-width:0 1.2em 1.2em 0;border-color:transparent #fff transparent transparent}
</style>
</head>
<body>
<div id="disqus_recent_comments_widget" class="dsq-widget">
<script type="text/javascript" src="http://bloggerekibi.disqus.com/recent_comments_widget.js?num_items=5&hide_mods=0&hide_avatars=0&avatar_size=32&excerpt_length=50"></script>
</div>
</body>
</html>
Disqus Son Yorumlar Eklentisi
Blogger Widget Disqus<!DOCTYPE html>
<html>
<head>
<style type="text/css">
@import url('https://fonts.googleapis.com/css?family=Fira+Sans+Condensed');
body {font-family: 'Fira Sans Condensed', sans-serif;margin:60px auto 0 auto;}
a:link, a:visited:hover {text-decoration: none;outline: none;transition: all 0.25s;}
ul {line-height: 1.4em;}
::-webkit-scrollbar-track {background: #eee;}
::-webkit-scrollbar-thumb {background: #bdbdbd;transition: all 400ms ease-in-out;border-radius: 2px;}
::-webkit-scrollbar {width: 12px;height: 12px;}
#disqus_recent_comments_widget.dsq-widget {border-radius: 2px;padding:0;max-width:300px;margin: 60px auto;text-align: center;box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.2), 0px 1px 1px 0px rgba(0,0,0,0.14), 0px 2px 1px -1px rgba(0,0,0,0.12);}
#disqus_recent_comments_widget{display:block;width:100%;margin:0 auto;padding:0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;height:auto;}
#disqus_recent_comments_widget ul.dsq-widget-list{text-align:left;max-height:400px;overflow:auto;}
#disqus_recent_comments_widget img.dsq-widget-avatar{margin:3px 10px 7px 0;width:32px;height:32px;padding:0;float:left;border-radius:3px;clear:both;display:block}
#disqus_recent_comments_widget p.dsq-widget-meta{clear:both;font-size:80%;margin-top:5px;font-weight:400}
#disqus_recent_comments_widget p.dsq-widget-meta a{display:inline-block;width:48%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#aaa}
#disqus_recent_comments_widget p.dsq-widget-meta a:hover{color:#f19595}
#disqus_recent_comments_widget li.dsq-widget-item{margin:0;padding:5px 5px 5px 10px;list-style-type:none;clear:both;border-bottom:1px solid #eee;color:#f19595;font-weight:600}
#disqus_recent_comments_widget li.dsq-widget-item:last-child{border-bottom:none}
#disqus_recent_comments_widget a.dsq-widget-user {display:table;color:#2e9fff;font-weight:600;}
#disqus_recent_comments_widget a.dsq-widget-user:hover{color:#999;}
#disqus_recent_comments_widget span.dsq-widget-comment{display:block;clear:both;margin-top:5px;}
#disqus_recent_comments_widget .dsq-widget-comment p{display:inline-block;font-size:92%;margin:0;font-weight:400;color:#444;max-width:100%;}
.dsq-widget-comment a{color:#65bc9c;}
#disqus_recent_comments_widget .dsq-widget-item pre{position:relative;background:#ffe4ad;padding-top:0;border-radius:4px;transition:all .3s}
#disqus_recent_comments_widget .dsq-widget-item pre:hover {background:#ffe4ad;}
#disqus_recent_comments_widget .dsq-widget-item pre code{color:#908575;font-size:82%}
#disqus_recent_comments_widget .dsq-widget-item pre:before{content:'';position:absolute;padding:initial;font-size:initial;text-indent:initial;left:initial;color:initial;top:0;right:0;width:1.2em;height:1.2em;background-color:#ebd099}
#disqus_recent_comments_widget .dsq-widget-item pre:after{content:'';font-size:initial;padding:0;position:absolute;width:0;height:0;border-style:solid;border-width:0 1.2em 1.2em 0;border-color:transparent #fff transparent transparent}
</style>
</head>
<body>
<div id="disqus_recent_comments_widget" class="dsq-widget">
<script defer="defer" type='text/javascript'>
//<![CDATA[
document.write("<scr" + "ipt type=\"text/javascript\" src=\"https://bloggerekibi.disqus.com/recent_comments_widget.js?num_items=18&hide_mods=0&hide_avatars=1&avatar_size=32&excerpt_length=120\"></scr" + "ipt>");
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
$("#disqus_recent_comments_widget a").filter(function(){return this.hostname&&this.hostname!==location.hostname}).attr('rel', 'nofollow').attr('target', '_blank');
//]]>
</script>
</div>
</body>
</html>
Kaydol:
Kayıtlar (Atom)