<!DOCTYPE html>
<html>
<head>
<title>Blogger Son Yayınlar Widget'ı</title>
<style type="text/css">
@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700');
body {font-family:'Roboto', sans-serif;line-height:1.5}
#recent_article .widget-content,#recent_article ul{max-width:300px;padding:0;margin:0 auto;display:block}
#recent_article a:link,#recent_article a:visited{font-weight:normal}
#recent_article ul li{background:#fff;margin:0 auto!important;padding:8px 10px!important;list-style:none;position:relative;border:1px solid #d6dee4;border-top-width:0;border-left-width:4px;border-left-color:#fe8f04;font-size:92%;text-align:left!important}
#recent_article ul li:nth-child(1){border-top-width:1px!important}
#recent_article ul li a{font-weight:400!important;display:block;color:#444!important;text-decoration:none!important;line-height:1.4em!important;padding-right:8px!important}
#recent_article ul li a:hover{color:#028271!important}
#recent_article ul li:before,#recent_article ul li .item-title a{font-weight:400;font-size:12px;color:inherit;text-decoration:none}
</style>
</head>
<body>
<div id='recent_article' class='recent_article'><ul id="recent-posts"></ul></div>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js' type='text/javascript'></script>
<script type='text/javascript'>
//<![CDATA[
numPosts = 10;function recentPosts(a){if(document.getElementById("recent-posts")){var e=a.feed.entry,title,link,content="",ct=document.getElementById("recent-posts");ct.async=true;for(var i=0;i<numPosts;i++){for(var j=0;j<numPosts;j++){if(e[i].link[j].rel=="alternate"){link=e[i].link[j].href;break}}var title=e[i].title.$t;content+='<li class="recent-posts"><a href="'+link+'" title="'+title+'" target="_blank">'+title+'</a></li>'}ct.innerHTML=content}}var rcp=document.createElement('script');rcp.async=true;rcp.src='https://bloggereklentileri.blogspot.com/feeds/posts/summary?alt=json-in-script&orderby=published&max-results='+numPosts+'&callback=recentPosts';document.getElementsByTagName('head')[0].appendChild(rcp);
//]]>
</script>
</body>
</html>
Widget etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster
Widget etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster
Açılır-Kapanır Facebook Beğeni Kutusu
jQuery Widget<!DOCTYPE html>
<html>
<head>
<title>Açılır-Kapanır Facebook Beğeni Kutusu</title>
<style>
/*<![CDATA[*/
#fb_like_box{display:block;padding:0;z-index:99999;position:fixed}
.fb_like_box_button{background-color:#3B5998;display:block;height:150px;top:50%;margin-top:-75px;position:absolute;right:-47px;width:47px;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC8AAACWCAMAAAB5PCEjAAAAvVBMVEVHcEz///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////9o6qWPAAAAPnRSTlMAG8ITUdoJoazyBTACgvoPt4top5ed3b7HsnjvfZZKYIVcbODTV3RDmpJwQDv49dgeZOkWzEYm4itNNeznj0ydlzQAAAO6SURBVFjD7ZjZlqpADEVRJkFEWpxQBOexHXHWrv//rFvFYIOtJDzcN8+DlGtta4VwKolw3EcfffSsgymblwz8FyGkAzDl4kPHAuWNc7G40d7zLfJXq6bwli+Rl9pm5Ad8Np5M3vDCPv9Qm3K3fL7OeBeRzxnlqhzHi/RaQeaf8pwB8KoUXG0UPzLqp2ZfpSvpfNhe6dUp2fYxLQiqGV16RU+FYp6E+dOLHNcl+mqMyImv/u/9pslie6/oxxfOn9ST7cXx5IOY/buE7P0MUv4HwTuE3HnGz4K8zwBeWtOtHfqRd0pLypcA/rud9KWL8ExMy3M23uQy8YaHqDmRqvZE/R9lje9VLcMwrKnrYXDh9Ah/14NxR4/fMPgDaYirO5EuJPvzVVrfTP0bXddg/z88TL1NGgBvBEcxqBR03UScx0oGvkYZO1xv6doCeDsWfwlxvoTYPRYQddabyXJUoyqyPN2gLCcxYc1c/GnWB1Rrqych8FbMcA3Y0f2EfQoQ7p2SflsAfC/o0FHVZWUXrOf3yfFOSJf/Qjzfgr+nVGdPytvB/gl6W8DzmfgWN2YVCxFP3+fbfqZ+AL7j13CpHuXTgZ6uf2YffEND+DnPSYMAXx/B51s1TZtTm7qi7PY2j62harlcRvlZPQhMF8dxLhchkvPW2NfX49Ul3W9/1EqrDy8kv+Onr/l9mh+GNb9/mewA7P21WdJS6mHUJOS0wGP+HMXqoYnwZ7Sn63sD9qdIZzFN4/gGoj5X/OO+HlLdCKJfFPVkIqcc4gZiEiB+k2ioFmxSrzRsL3WqZXtYKuPKOe9R8WUNd1au7rjVao23V9SJueYf0Q8PMJ4Y+HQwPVo+kU4RuuHFk/FHiP5LCnMmWUc8XznWhDoI/xQyzhsmZbrheozwP5vhd0Jus9nkDgNEgwz7naIoq/TCEyq3yzZvP/0BnoF+0OITt4wZIL47TbEuiuK+dtC4/yBvWy0wTfuoYcn9zZAyhvFRIj9zCC+LCX4HhfQ8b0PzIZuZV/aCadxOaywx/3cyzNtx/7tI/2fZP4h/QrUYK4j4haf89LPl/wZaItngEYZwb7/+maP86XZM5s9qBeNPVU18CfU+mpO4Xou+1tGCLosZ30dVMvKzjHzj/d8FWtoU5mSlrTyk599VCjVHJY1o6a/y3iYXKXWwVCt31rtqOVw9mezDoO9bRL3ayPH3D2C5nSTfnyyhfhfm07rOgx9WMbzIdj1aSH7VDZt074R5H2WdY8M92H+F5AsEocd99NFHcf0Dkss5RvCdtUEAAAAASUVORK5CYII=");background-repeat:no-repeat;overflow:hidden;-webkit-border-top-right-radius:8px;-webkit-border-bottom-right-radius:8px;-moz-border-radius-topright:8px;-moz-border-radius-bottomright:8px;border-top-right-radius:8px;border-bottom-right-radius:8px}
/*]]>*/
</style>
</head>
<body>
<div class="fb_like_box">
<div id="fb_like_box" style="display:none;">
<div class="fb_like_box_button"></div>
<center><iframe src="https://www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/bloggereklentileri&width=250&height=250&colorscheme=light&show_faces=true&border_color=%23C4C4C4&stream=false&header=false" scrolling="no" frameborder="0" style="border:none;overflow:hidden;width:250px;height:230px" allowTransparency="true"></iframe></center>
</div>
</div>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js' type='text/javascript'></script>
<script>
/*<![CDATA[*/
(function(md){
md(document).ready(function(){
var $dur = "medium";
md("#fb_like_box").css({left: -250, "top" : 100 })
md("#fb_like_box").hover(function () {
md(this).stop().animate({
left: 0
}, $dur);
}, function () {
md(this).stop().animate({
left: -250
}, $dur);
});
md("#fb_like_box").show();
});
})(jQuery);
/*]]>*/
</script>
</body>
</html>
Blogger Yapışkan (Sticky) Sidebar Eklentisi
javaScript Widget<!DOCTYPE html>
<html>
<head>
<title>Blogger Yapışkan (Sticky) Sidebar Eklentisi</title>
<style>
@import url('https://fonts.googleapis.com/css?family=Fira+Sans+Condensed');
body {font-family: 'Fira Sans Condensed', sans-serif;line-height:1.7em;text-align:justify;margin:0;padding:0}
h1 {font-size:20px}
h2 {font-size:18px}
.application-main {display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;margin: 0;padding:0}
.main {width:66%;padding:0 20px 0}
.sidebar {width:32%;padding:20px}
.footer{padding:0 20px 0}
</style>
</head>
<body>
<div class="application-main">
<div class="main">
<h1>Ebeveynler Çocuğunun Dijital Akıl Hocası Olmalı!</h1>
<p>Tarihte belki de ilk defa “büyümüş de küçülmüş” deyimi günümüzde karşılık buluyor. Çocuklar yetişkinlerden teknoloji bağlamında daha fazla şey biliyor; yetişkinler yeni teknolojileri kabaca kullanabilirken, çocuklar en ince detayına kadar kullanabiliyor. Zira çocuklar söz konusu bu yeni teknolojilerin içine doğmuş ve bu atmosfer içerisinde yaşıyorlar.<br><br>
Çocukların teknolojiyi bilmesi ve kullanması ne kadar doğalsa, yetişkinlerin teknolojiyi daha az bilmesi de o denli normal. Her iki dönemin değerlendirmesi kendi gerçekliği içerisinde yapılmalı. Başka bir ifadeyle ne çocuklar teknolojiyi kullandıkları için çok şey biliyorlar, ne de yetişkinler teknolojiyi daha az bildikleri için cahiller. Buna rağmen ebeveynlerin teknoloji konusunda kendilerini çocukları karşısında mahcup hissettiklerini belirtmeleri sıklıkla karşılaşılan bir durum. Benzer bir şekilde çocuklar da teknolojiyi daha iyi kullanmaları nedeniyle kibirli davranışlar sergileyebilirler.<br><br>
Burada belirtilmesi gereken husus; ebeveynlerin kendi hayat tecrübeleri hakkında özgüven sahibi olmaları gerektiğidir. Yaşadıkları ve tecrübe ettikleri sayısız şeyin gerek kendileri gerekse çocukları için önemli bir sermaye olduğunu bilmeleri gerekiyor. Zira yetişkinlerin sahip olduğu hayat bilgisi, teknolojinin nasıl doğru kullanılacağına dair yol gösterici temel ilkeleri belirleyecek.<br><br>
Ebeveynler teknoloji gerçeğini yok saymadan, teknolojiyi öğrenmek ve kullanmak konusunda istekli olmalılar. Yetişkinler çocuklar kadar teknolojinin inceliklerini bilmek zorunda değiller fakat çocuklarıyla sağlıklı iletişim kurabilmek, hayatı birlikte yaşamak ve aile bütünlüğünü sağlamak için de teknolojiyi yok saymadan onunla birlikte yaşamayı öğrenmeleri gerekiyor. Bununla birlikte çocukların kişilik ve kimlik gelişimlerinde dijital ortamın tehlikelerine karşı ebeveynlerin onları korumaları ve birlikte sağlıklı bir teknoloji kullanım pratiği geliştirmek zorundalar. Bu şekilde kurulacak sağlıklı bir zemin, ebeveynin çocuğuyla iletişim kurabilmesinin yanı sıra çocuğun da ebeveynin hayat bilgisinden istifade etme imkânını oluşturacaktır. Bu denge sağlanabildiği ölçüde çocuğun temel dijital akıl hocası çocuğun ebeveyni olabilir.<br><br>
Çocuk, kendi başına teknolojiyi yetişkinlerden daha iyi kullanabilir. Ancak hangi amaçla ve ne kadar kullanacağı konusunda ebeveynin sahip olduğu bilgi, birikim ve tecrübe yol gösterici olmalıdır. Aksi halde çocuğun kendi başına teknoloji kullanımı, orantısız kullanımdan dolayı teknoloji bağımlılığına dönüşebilir. Kişilik, kimlik ve aidiyet mekanizmalarının kurulmasında sorunlu ilişkiler doğurabilir, zaman, emek ve sağlık israfına yol açabilir.<br><br>
Günümüzde çocuklar da teknolojiyi iyi kullanmanın yanı sıra, yetişkinlerin sahip olduğu hayat bilgisini önemsemeli ve geleceğe taşıyabilmeliler. Yetişkinlerin de sahip oldukları bilgi, birikim ve tecrübe ile geçmişte bırakmayarak, çocukları ile teknoloji dünyası arasında dengeli bir ilişki kurabilecek çabayı mutlaka göstermeleri gerekiyor.</p>
</div>
<div class="sidebar">
<h2>Çocuk, kendi başına teknolojiyi yetişkinlerden daha iyi kullanabilir</h2>
<p>Çocukların teknolojiyi bilmesi ve kullanması ne kadar doğalsa, yetişkinlerin teknolojiyi daha az bilmesi de o denli normal.</p>
</div>
</div>
<div class="footer">
<p><b>Önemli Hatırlatma</b>: Bu içerik ilgili uzman danışman tarafından izleyicilerimizi bilgilendirme amaçlı hazırlanmıştır. Kendinizin veya çocuğunuzun sağlığı ile ilgili her konuda, bir tıp doktoruna veya çocuk eğitimi ve psikolojisi alanında çalışan uzmanlara danışmanızı tavsiye ederiz.</p>
</div>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js' type='text/javascript'></script>
<script>
$(function(){var offset=$(".sidebar").offset();var topPadding=15;$(window).scroll(function(){if($(window).scrollTop()>offset.top){$(".sidebar").stop().animate({marginTop:$(window).scrollTop()-offset.top+topPadding});}else{$(".sidebar").stop().animate({marginTop:0});};});});
</script>
</body>
</html>
Blogger Öne Çıkan Yayın Widget Tasarımı
CSS Widget<!DOCTYPE html>
<html>
<head>
<title>Blogger Öne Çıkan Yayın Widget'ı Tasarımı</title>
<style>
@import url('https://fonts.googleapis.com/css?family=Roboto');
body {font-family: 'Roboto', sans-serif;font-size:16px;color:#222}
h3.title{text-transform:uppercase;}
a {cursor:pointer;text-decoration:none}
.image{width:100%}
.FeaturedPost{width:300px;margin:auto;padding:0 8px 8px 8px;border-radius:2px;border:1px solid #ddd}
.FeaturedPost .post-summary:after{content:no-close-quote;position:absolute;bottom:0;width:100%;height:150px;overflow:hidden;margin:0;background-image:linear-gradient(to bottom,transparent,rgba(0,0,0,0.75))}
body.dark-skin .FeaturedPost:after{width:88.4%}
.FeaturedPost .post-summary h3{position:absolute;font-size:16px;line-height:20px;padding:0 15px;bottom:70px;color:#fff;z-index:1}
.FeaturedPost h3 a{color:#fff;line-height:25px}
.FeaturedPost .post-summary{display: grid;margin:0;position:relative;overflow:hidden;padding-top:0!important}
.FeaturedPost p{position:absolute;bottom:16px;color:#a9a9a9;height:50px;padding:0 15px;z-index:1;font-size:14px;overflow:hidden;font-family:sans-serif;line-height:22px}
</style>
</head>
<body>
<div class="widget FeaturedPost" id="FeaturedPost1">
<h3 class="title">Öne Çıkan Yayın</h3>
<div class="post-summary">
<h3><a target="_blank" href="https://plus.google.com/u/0/collection/gdNMSE" title="Orjinal Resimler" rel="nofollow noopener">Orjinal Resimler</a></h3>
<p>Blogger Eklentileri, bir birinden farklı en güzel blog resimlerini sizin için hazırladı...</p>
<img class="image" alt="Orjinal Resimler" src="https://lh3.googleusercontent.com/dVJTPD-XUEQxRD63Mc5Grygrne_581HKyxjO6o0lX2nC2iT8gGhs2L2JD-Fp7dLXeZF05jDNwmNpQA=w818-h584-rw-no"/>
</div>
</div>
</body>
</html>
Blogger Popüler Yayınlar Widget Tasarımı
CSS3 Widget<!DOCTYPE html>
<HTML>
<head>
<title>Blogger Popüler Yayınlar Widget Tasarımı</title>
<style type="text/css">
@import url('https://fonts.googleapis.com/css?family=Fira+Sans+Condensed');
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;}
body {font-family:'Fira Sans Condensed', sans-serif;line-height:1.7;padding:16px}
h2 span{display:inline-block;vertical-align:middle}
h2{background:#54a5db;color:#fff;position:relative;overflow:hidden;margin:0 auto;font-size:1.1rem;font-weight:400;vertical-align:middle;padding:9px 10px}
a:link,a:visited{color:#fff;text-decoration:none;transition:all .3s;font-size:14px;font-weight:700}
/* Popular Yayınlar */
#PopularPosts1{padding:0;width:300px;margin:0 auto}
#PopularPosts1 h2{background:#dd8231}
#PopularPosts1 ul{padding:0;background:#dd8231;counter-reset:popcount}
#PopularPosts1 ul li{margin:0;padding:15px 10px 15px 45px;position:relative;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.3);transition:all .3s}
#PopularPosts1 ul li:last-child{border-bottom:none}
#PopularPosts1 ul li .item-title{color:#fff;padding:0 10px 0 0}
#PopularPosts1 ul li:hover{background:rgba(0,0,0,0.06)}
#PopularPosts1 ul li .item-title a{font-size:14px;font-weight:400;color:#fff}
#PopularPosts1 ul li img{width:300px;height:auto;}
#PopularPosts1 ul li:first-child{border-bottom:none;padding:0}
#PopularPosts1 ul li:first-child .item-thumbnail{margin:0;width:100%;height:158px;overflow:hidden;display:block}
#PopularPosts1 ul li:first-child .item-title{position:absolute;left:0;right:0;bottom:0;top:0;text-align:left;padding:15px 20px 15px 45px;background:rgba(44,62,80,.6);z-index:1;transform:translate(0,105px);transition:all .3s}
#PopularPosts1 ul li:hover:first-child .item-title{background:rgba(44,62,80,1);transform:translate(0,0)}
#PopularPosts1 ul li:first-child .item-title a{font-size:15px;color:#fff}
#PopularPosts1 ul li .item-thumbnail,#PopularPosts1 .item-snippet{display:none}
#PopularPosts1 ul li:first-child .item-snippet{display:block;position:absolute;bottom:0;left:0;right:0;top:0;padding:15px 20px 15px 45px;color:#fff;opacity:0;visibility:hidden;transform:translate(0,180px);font-size:13px;overflow:hidden;text-overflow:ellipsis;height:7.5em;transition:all .3s}
#PopularPosts1 ul li:first-child .item-snippet:after{content:'';text-align:right;position:absolute;bottom:0;right:0;width:70%;height:1.2em;background:linear-gradient(to right,rgba(44,62,80,0),rgba(44,62,80,1) 50%)}
#PopularPosts1 ul li:hover:first-child .item-snippet{opacity:1;visibility:visible;transform:translate(0,55px);z-index:2;}
#PopularPosts1 ul li .item-title:before{list-style-type:none;padding:0;counter-increment:popcount;content:counter(popcount);position:absolute;left:5%;top:61%;margin-top:-19px;color:rgba(255,255,255,.65);font-size:24px;line-height:1;z-index:2;text-align:center;font-weight:700;transition:all .3s}
#PopularPosts1 ul li:first-child .item-title:before{top:25%}
#PopularPosts1 ul li:first-child .item-title:before{color:#fff}
#PopularPosts1 ul li:hover .item-title:before{color:rgba(255,255,255,1)}
</style>
</head>
<body>
<div class="widget PopularPosts" data-version="1" id="PopularPosts1">
<h2>Popüler Yayınlar</h2>
<div class="widget-content popular-posts">
<ul>
<li>
<div class="item-thumbnail-only">
<div class="item-thumbnail">
<a href="https://bloggereklentileri.blogspot.com/2018/05/blogger-teknoloji-ve-magazin-temas.html" target="_blank" title="Blogger Teknoloji ve Magazin Teması" rel="follow">
<img alt="Blogger Teknoloji ve Magazin Teması" border="0" height="158px" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfswmjQE48fo7tK9s5ixZnlE8BZG2sjfAO6fW1MWsIZyWa7IKf6O-BqsaeNfDTA9Bein_NIUi2DZmZH29XJv2nmzQi0N1S33g488K_Vgm2dOSSqU1EdfRldLmQJvz48jk0YRMpRER11-Rm/s1600/btt.png" width="300px"></a>
</div>
<div class="item-title">
<a href="https://bloggereklentileri.blogspot.com/2018/05/blogger-teknoloji-ve-magazin-temas.html" target="_blank" title="Blogger Teknoloji ve Magazin Teması" rel="follow">Blogger Teknoloji ve Magazin Teması</a>
</div>
</div>
</li>
<li>
<div class="item-thumbnail-only">
<div class="item-title">
<a href="https://bloggereklentileri.blogspot.com/2018/05/blogger-2018de-yeni-guncellemeler.html" target="_blank" title="Blogger 2018'de Yeni Güncellemeler Yapacak" rel="follow">Blogger 2018'de Yeni Güncellemeler Yapacak</a></div>
</div>
</li>
<li>
<div class="item-thumbnail-only">
<div class="item-title">
<a href="https://bloggereklentileri.blogspot.com/2018/05/blogger-weblog-temas-haber-magazin-ve.html" target="_blank" title="Blogger WeBlog Teması (Haber, Magazin ve Dergi)" rel="follow">Blogger WeBlog Teması (Haber, Magazin ve Dergi)</a>
</div>
</div>
</li>
<li>
<div class="item-thumbnail-only">
<div class="item-title">
<a href="https://bloggereklentileri.blogspot.com/2018/04/haber-dergi-ve-teknoloji-blog-temas.html" target="_blank" title="Haber, Dergi ve Teknoloji Blog Teması" rel="follow">Haber, Dergi ve Teknoloji Blog Teması</a>
</div>
</div>
</li>
<li>
<div class="item-thumbnail-only">
<div class="item-title">
<a href="https://bloggereklentileri.blogspot.com/2016/12/mini-blogger-slider-temas.html" target="_blank" title="Mini Blogger Slider Teması" rel="follow">Mini Blogger Slider Teması</a>
</div>
</div>
</li>
</ul>
</div>
</div>
</body>
</HTML>
Blogger Aşağı/Yukarı Kaydırma ve Disqus Son Yorumlar Widget Tasarımı
Buton Widget<!DOCTYPE html>
<HTML>
<head>
<title>Blog Sayfalarını Aşağı ve Yukarı Kaydırma Butonları ve Disqus Son Yorumlar Widget'ı</title>
<style type='text/css'>
body{font-family:-apple-system,BlinkMacSystemFont,"Roboto","Segoe UI","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif;padding:0 10px}
a {text-decoration:none}
.post_img img{position:relative;width:100%;height:auto;border-radius:16px;overflow:hidden}
/* === Animation === */
.ripple_animate{position:relative;overflow:hidden;transition:all 0.2s ease;z-index:0}.ink{display:block;position:absolute;background:rgba(255,255,255,0.3);border-radius:100%;transform:scale(0)}.animate{animation:ripple 0.65s linear}@keyframes ripple{100%{opacity:0;transform:scale(2.5)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}100%{opacity:1;transform:translateY(0)}}@keyframes rubberBand{from{transform:scale3d(1,1,1)}30%{transform:scale3d(1.25,0.75,1)}40%{transform:scale3d(0.75,1.25,1)}50%{transform:scale3d(1.15,0.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{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{animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes slideInRight{from{transform:translate3d(100%,0,0);visibility:visible;-webkit-backface-visibility:hidden}to{transform:translate3d(0,0,0)}}@keyframes slideInDown{from{transform:translate3d(0,100%,0);visibility:visible;-webkit-backface-visibility:hidden}to{transform:translate3d(0,0,0)}}@keyframes slideInTop{from{transform:translate3d(0,-100%,0);visibility:visible;-webkit-backface-visibility:hidden}to{transform:translate3d(0,0,0)}}
/* === ToTop CSS === */
#blogToTop{display:none;position:fixed;bottom:49%;right:20px;cursor:pointer;list-style:none;-webkit-transform:translateZ(0);transform:translateZ(0);z-index:99}
#blogToTop a{background:#fff;position:relative;overflow:hidden;display:inline-block;margin:5px auto;padding:12px 14px;border-radius:99em;box-shadow:0 2px 3px rgba(0,0,0,0.06),0 2px 3px rgba(0,0,0,0.1)}
#blogToTop a:hover{box-shadow:0 10px 21px rgba(0,0,0,0.15),0 6px 6px rgba(0,0,0,0.12)}
#top{position:absolute;top:0}
#blogToTop li:nth-child(1){animation:slideInTop .5s}
#blogToTop li:nth-child(2){animation:slideInRight .5s}
#blogToTop li:nth-child(3){animation:slideInDown .5s}
.drawer-header{background:#2e9eff;color:#fff;height:auto;padding:15px;overflow:hidden}
.drawer-header h4{font-size:18px;float:left;color:#fff;margin:0;padding:0}
.drawer-header img{max-width:100%;height:auto;float:right}
#blogToTop .viewport-show{color:#27A0DC;transition:all .6s}
#blogToTop .viewport-show:hover{color:#27A0DC}
/* === Disqus Comments === */
.viewport-show:hover svg{animation:rubberBand 1s}
#disqus_viewport{background:#fff;position:fixed;z-index:999;width:23.5%;top:0;right:-769px;bottom:0;transition:all .5s}
#disqus_viewport.active{right:0}
#drawer_overlay.active{background:rgba(53,58,61,.93);position:fixed;z-index:997;overflow:hidden;width:100%;height:100%;top:0;left:0}
#disqus_viewport .drawer-close{position:fixed;margin-left:-40px;margin-top:16px;color:#fff;transition:all .3s}
#disqus_viewport .drawer-close svg{transform:rotate(180deg);transition:all .3s}
#disqus_viewport .drawer-close:hover svg{transform:rotate(360deg)}
#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:#888;border-radius:5px;border-bottom:2px solid rgba(0,0,0,0.08)}
#RecentComments a.dsq-widget-user{display:table;color:#5cb767;font-weight:600;font-size:14px;margin:7px 0 0 0}
#RecentComments a.dsq-widget-user:hover{color:#2e87e7}
#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;color:#444;margin:0;font-weight:400;line-height:1.5}
#RecentComments .dsq-widget-item pre{background:#f1f2f6;position:relative;color:#111;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:#000;padding:0}
#disqus_viewport.active #RecentComments li.dsq-widget-item{animation:bounceInLeft 1.5s}
#RecentComments .dsq-widget-comment p a{color:#ced6e0}
#RecentComments .dsq-widget-comment p a:hover{color:#a4b0be}
@media screen and (max-width:1080px){#disqus_viewport{width:35%}}
@media screen and (max-width:640px){#disqus_viewport{width:100%}#disqus_viewport .drawer-close{background:#535c68;font-size:35px;font-weight:700;color:#fff;display:block;text-align:left;margin:0;padding:0 15px;position:relative}}
</style>
</head>
<body>
<div class="post_img">
<img alt="Okuma Sevgisi Sonradan Kazandırılabilir mi?" border="0" data-original-height="353" data-original-width="578" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0attGz1P9Tuy1OQO0seng2Ynhff3cmds0VM0n_NhBOyxcE9dJBYU6Pm4M6OOiQWgusF7Ut5ptl2vUCua0hHfNn-z406NUEJOAmXITndtGZ-6FcfY5pv13bul7niyZM6x-B-j_tYZn1Ys/s1600/cocuk.jpg" title="Okuma Sevgisi Sonradan Kazandırılabilir mi?" /></div>
<h2>Okuma Sevgisi Sonradan Kazandırılabilir mi?</h2>
<p><b>Burada dikkat edilmesi gereken temel parametre elbette anne babanın kitap okumayı seviyor, kitap okuyor olması gelmekte. Çünkü çocuklar sizlerin kitaplar ile kurduğu ilişkileri model alarak büyüyorlar ev içinde.</b></p>
<blockquote class="tr_bq">Sık sık kitaptaki karakterlerle ilgili soru sorun, hatta bazen beraber hikayenin sonunu yeniden oluşturun, bu yaratıcı düşünmelerine de yardımcı olacaktır.</blockquote>
<p>Günümüz koşullarında yazılı basın ürünü kitap okuma alışkanlığı ne yazık ki gittikçe azalmakta. Elbette okumak dijital ya da kağıt üzerinde olması fark etmeksizin bireye ve sonrasında toplumlara katkısı büyük bir eylemdir. Çünkü deneyimleme şansı olunmayan birçok bilgi ancak okuma yolu ile edinilmektedir. Ancak çalışmalar göstermektedir ki erken yaşlar itibarıyla eski usul kitapların (Basılı) okunması, hem zihinsel hem de duygusal gelişim adına önemli bir yere sahiptir.</p>
<p><b>Okuma alışkanlığının faydaları:</b></p>
<p>Duygusal gelişim adına kitapçıya gitme ve seçme davranışı özgüven, alınan kitabı bitirme gayreti sabır, sorumluluk ve erteleyebilme gibi temel sosyal-duygusal kazanımlar olarak sıralanabilir. Bu alınan kitapların aile büyükleri tarafından okunması aile içi ilişkileri olumlu yönde etkilemekte ve okul çağında çocukların kitaplarını okula götürüp arkadaşlarına gösterme, öğretmenin tüm sınıfa kitapları okuması ise çocuklarda paylaşma kavramının gelişmesi adına önemli bir adımdır.</p>
<p>Bilişsel gelişim adına ise yine bir kitabın kendisine okunmasını bekleyebilme ve okuma çağındaki çocuğun kitabı okumaya ve bitirmeye gayret etmesi ileriki yıllar için dikkat ve hafıza gibi temel bilişsel süreçlerin kuvvetlenmesi ve akademik performans için temel ihtiyaç olan erteleyebilme davranışının kazanılmasına olanak sağlamaktadır. Son yıllarda yapılan araştırmalar, erken yaşlar itibari ile kendisine kitap okunan ve sonrasında kitap okuma alışkanlığı edinmiş çocukların, akranlarına kıyasla konsantre olma ve derin öğrenme için %40 daha avantajlı olduklarını göstermekte.</p>
<p>Dil gelişimi için ilk altı yılda özellikle kendisine kitap okunan çocukların ileriki yıllarda akranlarına kıyasla çok geniş bir sözcük dağarcığına sahip olduklarını bilinmekte. Bunun nedeni ise işitsel ve görsel korteksin yani işitme ve görme ile ilgili beyindeki belli alanların ilk 36 ay içerisinde en hızlı geliştiği dönem olması ve dolayısı ile bu aralıkta çocukların bu alanlarını kuvvetlendirecek en değerli etkinliklerin başında da kendilerine kitap okunması olduğu yapılan araştırmalarca kanıtlanmakta.</p>
<p>Peki, erken yaşlarda kitap okumanın faydalarını özetleyecek olursak:</p>
<ol>
<li>Aile içi ilişkilerin kuvvetlenmesi. (Anne-çocuk/baba-çocuk okuma saatleri ile)</li>
<li>Ana dil becerilerinin kuvvetlenmesi.</li>
<li>Kendini ifade etme ve iletişim becerilerinin gelişmesi.</li>
<li>Dikkat ve odaklanma becerilerinin kazanılması ve geliştirilmesi.</li>
<li>Okunan hikayelerin etkisi ile (Yaşanan zorluklar ve mutlu sonlar) olumlu duygular geliştirmesi.</li>
<li>Yaratıcılık ve hayal gücünün gelişmesi.</li>
<li>Okuma sevgisi ve alışkanlığının kazandırılması.</li>
</ol>
<p>Elbette yukarıda saydığımız kitap okumanın faydalarının yanı sıra, kitap okumayı sevdirmek başlı başına bir konu. Burada dikkat edilmesi gereken temel parametre elbette anne babanın kitap okumayı seviyor, kitap okuyor olması gelmekte. Çünkü çocuklar sizlerin kitaplar ile kurduğu ilişkileri model alarak büyüyorlar ev içinde. Diğer parametre ise çocukların yaşlarına uygun kitapların seçilmesi. Çünkü 3 yaşında bir çocuğa 100 sayfalık ve resimsiz bir kitap okumaya kalkarsak sıkılacak ve süreci hiç içselleştiremeden sonlandırmaya çalışacaktır. O halde çocukların gelişimsel özelliklerine göre doğru kitap tercihinde nelere dikkat etmek gerekir özetlemeye çalışalım...<p>
<p><b>0-3 yaş dönemi çocuklar:</b></p>
<p>Yeni doğan bebekler için bez ve hışırtı sesleri çıkaran, yazısız ya da çok az yazılı kitaplar uygundur. Altıncı aydan itibaren, bebek dünyayı dokunarak keşfetmeye başlar. Bunun için içinde farklı dokuların bulunduğu, “Dokun-Hisset” serisi olarak adlandırılan kitapları tercih edebilirsiniz.</p>
<p>1 yaştan itibaren çocuğun dil gelişimiyle beraber, içinde kısa hikayelerin ve her sayfada bir iki cümlenin olduğu kitaplar, çocuğunuz için faydalı olacaktır. 2-3 yaşındaki çocuklar ise dokunarak ve dinleyerek öğrenirler. Hayvanlarla, çocuklarla, yiyeceklerle ve araçlarla ilgili olan kitaplar ilgilerini çeker. Okuduğunuz kitapların içinde onun bildiği nesnelerin olmasına dikkat edin. Renkli ve sevimli karakterler ve kısa cümlelerle anlatılmış masallar, bu dönem çocukların ilgisini çekmektedir.</p>
<p><b>3-6 yaş dönemi çocuklar:</b></p>
<p>Bu dönemde kısa hikayelerin yanı sıra masalları da okumaya başlayabilirsiniz. Hoşlarına giden bir masalı defalarca dinlemek isteyebilirler, hatta ezbere kendileri de eşlik edebilirler. Siz sıkılmadan her istediklerinde okuyun, çünkü tekrarın öğrenmede etkisi çok büyüktür. Bu yaş dönemindeki çocuklara, içinde rakamların, çocukların ve hayvanların olduğu kitapları okuyabilirsiniz. Bununla beraber okul, aile ve arkadaş temalı masalları da çok severler. Kahramanlara ilgilerinin arttığı bu dönemde, bu tarz kitaplara da çokça ilgi göstereceklerdir.</p>
<p>Sık sık kitaptaki karakterlerle ilgili soru sorun, hatta bazen beraber hikayenin sonunu yeniden oluşturun, bu yaratıcı düşünmelerine de yardımcı olacaktır.</p>
<p><b>Okul dönemi:</b></p>
<p>Okulun ilk yıllarında çocuk hala somut düşünce evresinden tam çıkmış değildir. Çoğunlukla çocuk kahramanların hikayelerinden hoşlanırlar. Doğal yaşam ve hayvanlara olan ilgileri devam eder. Okumayı sökmeleriyle de beraber artık daha çok yazı, daha az resim olan kitapları beğenebilirler.</p>
<p>10 yaş civarında gelişmeye başlayan soyut düşünce dahilinde, ilgi alanlarına yönelik kitaplar seçmeye başlarlar. Mizah, macera gibi konulara veya dergilere ilgi gösterebilirler. Kitap seçiminde yaşa uygun olmasının önemli olduğu kadar, çocuğunuzun seçimi de önemlidir, mutlaka buna saygı göstermelisiniz.</p>
<p><b>Keyifli okumalar....</b></p>
<p><b>Önemli Hatırlatma:</b> <em>Bu içerik ilgili uzman danışman tarafından izleyicilerimizi bilgilendirme amaçlı hazırlanmıştır. Kendinizin veya çocuğunuzun sağlığı ile ilgili her konuda, bir tıp doktoruna veya çocuk eğitimi ve psikolojisi alanında çalışan uzmanlara danışmanızı tavsiye ederiz.</em></p>
<div id='drawer_overlay'></div>
<div id='disqus_viewport'>
<a class='drawer-close' href='javascript:;' title='Kapat'><svg width="20" height="20" fill="#fff" viewBox="0 0 1792 1792"><path d="M1490 1322q0 40-28 68l-136 136q-28 28-68 28t-68-28l-294-294-294 294q-28 28-68 28t-68-28l-136-136q-28-28-28-68t28-68l294-294-294-294q-28-28-28-68t28-68l136-136q28-28 68-28t68 28l294 294 294-294q28-28 68-28t68 28l136 136q28 28 28 68t-28 68l-294 294 294 294q28 28 28 68z"/></svg></a>
<div class='drawer-header'><h4>Yorumlar</h4><img 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>");
//]]>
</script>
</div>
</div>
<ul id='blogToTop'>
<li><a class='ripple_animate' href='#top' title='Yukarı Git'><svg width="16" height="16" viewBox="0 0 1792 1792"><path d="M1683 1331l-166 165q-19 19-45 19t-45-19l-531-531-531 531q-19 19-45 19t-45-19l-166-165q-19-19-19-45.5t19-45.5l742-741q19-19 45-19t45 19l742 741q19 19 19 45.5t-19 45.5z"/></svg></a>
</li>
<li><a class='viewport-show ripple_animate' href='javascript:;' title='Disqus Yorumları Aç'><svg width="16" height="16" fill="#27a0dc" viewBox="0 0 1792 1792"><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"/></svg></a>
</li>
<li><a class='ripple_animate' href='#bottom' title='Aşağı Git'><svg width="16" height="16" viewBox="0 0 1792 1792"><path d="M1683 808l-742 741q-19 19-45 19t-45-19l-742-741q-19-19-19-45.5t19-45.5l166-165q19-19 45-19t45 19l531 531 531-531q19-19 45-19t45 19l166 165q19 19 19 45.5t-19 45.5z"/></svg></a></li>
</ul>
<div id='top'></div>
<div id='bottom'></div>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
<script type='text/javascript'>
//<![CDATA[
// Blogger blogToTop
jQuery(document).ready(function(){var o=220,r=600;jQuery(window).scroll(function(){jQuery(this).scrollTop() > o?jQuery("#blogToTop").fadeIn(r):jQuery("#blogToTop").fadeOut(r)})});
$(function(){$("a[href*=#]:not([href=#])").click(function(){if(location.pathname.replace(/^\//,"")==this.pathname.replace(/^\//,"")&&location.hostname==this.hostname){var t=$(this.hash);if(t=t.length?t:$("[name="+this.hash.slice(1)+"]"),t.length)return $("html,body").animate({scrollTop:t.offset().top},600),!1}})});
// Disqus Comments
$(function(){$(".viewport-show").on("click",function(){$("#disqus_viewport").addClass("active").focus()});$(".drawer-close").on("click",function(){$("#disqus_viewport").removeClass("active")})});
$(function(){$(".viewport-show").on("click",function(){$("#drawer_overlay").addClass("active").focus()});$(".drawer-close").on("click",function(){$("#drawer_overlay").removeClass("active")})});
$("#RecentComments a").filter(function(){return this.hostname&&this.hostname!==location.hostname}).attr('rel', 'nofollow noopener').attr('target', '_blank');
//]]>
</script>
</body>
</HTML>
Blog Sayfalarını Aşağı ve Yukarı Kaydırma Butonları 2
Widget<!DOCTYPE html>
<HTML>
<head>
<title>Blog Sayfalarını Aşağı ve Yukarı Kaydırma Butonları 2</title>
<style type='text/css'>
body{font-family:-apple-system,BlinkMacSystemFont,"Roboto","Segoe UI","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif;padding:0 10px}
img{position:relative;width:100%;height:auto;border-radius:16px;overflow:hidden}
#blogToTop{position:fixed;display:none;list-style:none;bottom:49%;right:10px;cursor:pointer;-webkit-transform:translateZ(0);transform:translateZ(0);z-index:99}
#blogToTop svg{fill:#000}
#blogToTop svg:hover{fill:#2196F3}
#top{position:absolute;top:0}
</style>
</head>
<body>
<img alt="Çocuklar Süper Kahramanları Neden Sever?" border="0" data-original-height="353" data-original-width="578" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQXE2gt9xjhqYFoB3CQPMHXw2EcfwadVkTjhM4zj-uOvKzKfseF8_7q6UschOlR_Mtn5UT7mC7V0eXK8mMplQ6wXgcaSLqc-PmsFBiWrZ-qXvvnzBT6LxsFuOzQbWxRKtljqb6thu5KUQ/s1600/cocuk.png" title="Çocuklar Süper Kahramanları Neden Sever?" />
<h2>Çocuklar Süper Kahramanları Neden Sever?</h2>
<p><b>Çocuklar, süper kahramanlara onları sevdiği için mi, yoksa popüler gördüğü için mi ilgi duyuyor?</b></p>
<blockquote class="tr_bq">Çocuk, güçlülerin yanında olma duygusuyla süper kahramanla duygusal bir yakınlık kurar.</blockquote>
<p>Temel özellikleri açısından bütün edebî eserlerdeki karakterlerle benzeşse de süper kahramanlar, sıradan insanların ulaşamayacağı güçlere sahip olmaları ve bunları toplum yararına kullanmaları açısından diğer kurgu karakterlerden ayrılır. Bunlar dışında süper kahramanların her zaman kazanmaları, iyilerden yana kötülere karşı olmaları, ilgi çekici kostümler giymeleri, yaptıkları kahramanlıkların sıradan insanlara ilham vermesi de ortak özellikleri arasındadır.<br><br>Bu özelliklere çizgi karakterin, süper kahraman olma yolunda geçirdiği değişimi de eklemelidir. Bütün süper kahramanlar bir değişim geçirirler. Bu değişim hikâyeye kurgusal bir zenginlik katarken, çizgi karaktere de hikâyenin merkezîne yerleşme olanağı sağlar. </p><p><b>Çocukların İç Dünyası</b></p><p>Çocuğun çevresine bağımlı olarak hayatını sürdürür. Bu bağımlılık ilişkisi yaşamsal temel ihtiyaçların temini, sevgi ve güven gibi birçok duygusal desteği barındırır. Nasıl yürümek ve konuşmak için desteğe ihtiyaç duyuyorsa kendini güvende hissetmek için de desteğe ihtiyaç duyar. Ve çocuğun kötü ve olumsuz durumlarla baş edebilmek için aradığı yardımcı ve destek ihtiyacını süper kahramanlar karşılayabilir. Örneğin bir korkusuna karşı süper kahramanlar aracılığıyla ek bir psikolojik bariyer daha edinmiş olabilir.</p><p>Montessori eğitim metodunda okul ve sınıf kavramlarından ziyade yaşam alanı ve doğal ortam vardır çünkü bu metot aslında gerçek hayatın bir modelidir. Evrende bulunan potansiyelleri bünyesinde atıl bir enerji olarak barındıran çocuğa gerçek dünyanın bir modelini sunduğunuz zaman içinde var olan o enerjiyi beslemeye başlarsınız. Çünkü çocuk bir boş levha değil minik bir gözlemci ve emici zihindir. Zamanla bu şekilde beslenen çocuk hem kendi yetilerini hem de içinde bulunduğu dünyayı tanır. Enerjisi beslenmeyen çocukta ise ya üzücü bir körelme veya enerjinin yanlış yönde kanalize oluşu gözlemlenir. İşte bu nedenledir ki Montessori eğitiminde çocuğa yetilerini geliştirebileceği ve içindeki potansiyeli kendi seçimleri doğrultusunda açığa çıkarabileceği bilinçli olarak hazırlanmış kusursuz bir ortam sunulur. Bu hazırlanmış ortamda çocuk kendini hem güvende hisseder hem de özgür. Montessori eğitimi özgürlükçü bir eğitim anlayışıdır ancak bu, bilinçli sınırlar içerisindeki kontrollü bir özgürlüktür.</p><p>Süper kahramanlar, çocuğun karşısında kötü ve olumsuz durumla baş edebilen bir örnek oluştururken bedensel bütünlükleri, fiziksel üstünlük ve yeterlilikleri ile güç ve mükemmeliyet duygusu da verirler. Çocuk, güçlülerin yanında olma duygusuyla süper kahramanla duygusal bir yakınlık kurar. </p>
<p>Süper kahramanların her durumda başarılı olmalarının en önemli sebeplerinden biri de gizliliktir. Maske ve kostümlerinin yardımıyla güçlerinin sırlarını kötülerin öğrenerek ele geçirmesini engellerken gizemli bir çekicilik de yaratırlar. Bu gizlilik bir çeşit güven de ortaya çıkarabilir. Çocuklar, ekran karşısında izleyici olarak, kötülerin ulaşamadığı, göremediği, bilemediği süper kahramanların gerçek kimliklerini bildikleri için onların sırdaşıdır. Kötülüğe karşı çocuklar süper kahramanların sırlarını saklayan bir çizgi kahraman olduklarını düşünürler, düşünmeseler de izledikleri çizgi hikâyenin parçası olduklarını hissederler.</p><p>Çocuk kimlik ve kişiliğini oluştururken başarı duygusuna karşı doyumsuzdur ve bu durum süper kahramanların başarıyı sürekli kılmaları yüzünden bir özdeşlik ilişkisine dönüşür. Süper kahramanların çoğu gündelik hayatında çocuk gibi zayıf, sıradan ve başarıya açtır. Çocuk başarı duygusunu yaşamak için, gerçek hayatta çeşitli zorluklarla karşılaşabilir. Ancak süper kahraman için başarıya giden yol basittir. Süper kahraman olağanüstü güçlerini ortaya çıkarabileceği bir telefon kulübesini bulması, kostümünü değiştireceği bir çalılık ardına kendini atması yeterlidir.</p><p>Bu basitlik duygusu, hayatın zorlukları karşısında çocuğun üzerinde hissettiği baskıyı hafifletir. Hayatın gerçekleri çocuk için zorluklarla ve baskılarla mücadele etmek demektir. Bir tohumun kabuğunu kırıp güneşe ve temiz havaya ulaşması için üzerindeki toprağı bulduğu yollarla aşması gerekir. Çocuk da tohum gibi hayatın gerçekleri ile baş edebilmelidir. Süper kahramanların, basitlik duygusunu yansıtarak çocuğa destek olduğu bir başka olgu değişimdir.</p><p>Çocuk, metabolizmasının hızı karşısında süratli bir değişim içinde yaşar. Bir yıl giydiği kıyafetlerin, bindiği bisikletin ertesi yıl küçük gelmesi yetişkinler fark etmese de çocuk için bir çatışma ve baskı unsurudur. Çocuk, süper kahramanların da kendisi gibi değiştiğini gördüğünde yalnız olmadığını fark eder. Üstelik bu değişim kendi değişimini hızlandırılmış bir şekilde özetlemekte ve sonucunda süper kahramana zarar vermemektedir. Aksine değişim veya dönüşüm başarı, güç, sosyalleşme gibi ödüller sunmaktadır.</p><p>Süper kahramanların, diğer çizgi karakterlerden bir farkının toplum yararına hareket etmeleri olduğunu belirmiştik. Toplumsal bir varlık olan insan için çocuklukta sosyalleşme, toplum tarafından kabullenilme ve onurlandırılma kolay gerçekleşeceği düşünülen bir durum değildir. Bu konuda süper kahramanların rol modellik yaptığı, böylece çocuğun nasıl sosyalleşeceğini öğrendiği söylenebilir. Bununla birlikte süper kahramanların toplum yararına kahramanlıklar yapması, çocuğa toplumsal aidiyet ve kimlik düşüncesi hakkında da fikir vermektedir. Çocuk nelere karşı savaşır, hangi değerleri benimserse toplumun bir parçası olacağını süper kahramanlardan öğrenir. Bu da çocuğun kendini mutlu hissetmesi için elde etmek isteyeceği azımsanmayacak bir bilgidir.</p>
<p><b>Yarattığı Sorunlar</b></p><p>Ancak süper kahramanların çocuğa her zaman doğru değerleri aktardığını söylemek mümkün olmayacağı gibi kültürel farklardan kaynaklanan sorunlar yaşatacağı da bir gerçektir. Çocuğun kendini özdeşleştirdiği süper kahraman profili ile gerçek dünyanın kötücül bir karaktere sahip olduğu yönündeki algısını besleyebileceğini de belirtmekte yarar var.</p><p>Özet olarak, çocukların süper kahramanlara gösterdiği ilgi ve sevginin bazı gerekçelerini şöyle sıralayabiliriz sanırım:</p><ol><li>Çocuklar süper kahramanlarda, kötü ve olumsuz durumlarla baş edebilmek için aradığı destek ihtiyacını bulduğu için.</li>
<li>Çocuklar başarı, güç ve mükemmellik duygusunu süper kahramanlarla yaşadığı için.</li><li>Çocuklar süper kahramanların maskelerinin ardındaki gerçek kimliklerine sırdaş oldukları ve böylece hikâyenin de bir parçası hâline geldikleri için.</li>
<li>Çocuklar süper kahramanların, zor olan başarıya ulaşma ve değişimi yaşama olgularını basitleştirdikleri için.</li><li>Çocuklar süper kahramanların, sosyalleşme ve toplumsal kimlik konusunda olumlu rol model olduklarını gördükleri için süper kahramanlara ilgi ve sevgi gösterebilir.</li>
</ol><p>Süper kahramanların, popüler ve tüketim kültürünün bir parçası olduğu düşünüldüğünde konunun farklı boyutlarını ele almak gerekecektir. Çocuklar sevdiği için mi süper kahramanlar popülerliklerini yitirmiyor, yoksa sürekli reklam, çeşitli ürün ve oyunlarla popüler kılındıkları için mi çocuklar süper kahramanlara ilgi duyuyor soruları başka bir yazının konusu olarak ele alınmalıdır.</p>
<p><u>Önemli Hatırlatma:</u> <em>Bu içerik ilgili uzman danışman tarafından izleyicilerimizi bilgilendirme amaçlı hazırlanmıştır. Kendinizin veya çocuğunuzun sağlığı ile ilgili her konuda, bir tıp doktoruna veya çocuk eğitimi ve psikolojisi alanında çalışan uzmanlara danışmanızı tavsiye ederiz.</em></p>
<ul id='blogToTop'>
<li><a href='#top'><svg width="24" height="24" viewBox="0 0 1792 1792"><path d="M1683 1331l-166 165q-19 19-45 19t-45-19l-531-531-531 531q-19 19-45 19t-45-19l-166-165q-19-19-19-45.5t19-45.5l742-741q19-19 45-19t45 19l742 741q19 19 19 45.5t-19 45.5z"/></svg></a></li>
<li><a href='#bottom'><svg width="24" height="24" viewBox="0 0 1792 1792"><path d="M1683 808l-742 741q-19 19-45 19t-45-19l-742-741q-19-19-19-45.5t19-45.5l166-165q19-19 45-19t45 19l531 531 531-531q19-19 45-19t45 19l166 165q19 19 19 45.5t-19 45.5z"/></svg></a></li>
</ul>
<div id='top'></div>
<div id='bottom'></div>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
<script type='text/javascript'>
//<![CDATA[
jQuery(document).ready(function(){var o=220,r=600;jQuery(window).scroll(function(){jQuery(this).scrollTop() > o?jQuery("#blogToTop").fadeIn(r):jQuery("#blogToTop").fadeOut(r)})});
$(function(){$("a[href*=#]:not([href=#])").click(function(){if(location.pathname.replace(/^\//,"")==this.pathname.replace(/^\//,"")&&location.hostname==this.hostname){var t=$(this.hash);if(t=t.length?t:$("[name="+this.hash.slice(1)+"]"),t.length)return $("html,body").animate({scrollTop:t.offset().top},600),!1}})});
//]]>
</script>
</body>
</HTML>
Blog Sayfalarını Aşağı ve Yukarı Kaydırma Butonları
Widget<!DOCTYPE html>
<HTML>
<head>
<title>Blog Sayfalarını Aşağı ve Yukarı Kaydırma Butonları</title>
<style type='text/css'>
body{font-family:-apple-system,BlinkMacSystemFont,"Roboto","Segoe UI","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif;padding:0 10px}
img{position:relative;width:100%;height:auto;border-radius:16px;overflow:hidden}
#blogToTop{position:fixed;display:none;list-style:none;bottom:49%;right:20px;cursor:pointer;-webkit-transform:translateZ(0);transform:translateZ(0);z-index:99}
#blogToTop a{display:inline-block;background:#fff;font-size:.8rem;margin:5px auto;padding:12px 14px;border-radius:100%;-webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14)}
#blogToTop a:hover{-webkit-box-shadow: 0 4px 6px 0 rgba(0,0,0,0.14);box-shadow: 0 4px 6px 0 rgba(0,0,0,0.14)}
#top{position:absolute;top:0}
</style>
</head>
<body>
<img alt="Montessori Gerçek Hayatın Özüdür" border="0" data-original-height="353" data-original-width="578" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqJb_5DxmFhzEuxSWrNNCm48rGJ9D2IX5XiNoTevz_3VRJsV0k5PeydjzE_QfGiWI0k4xiCZikp8f6WQOR21MWuCwomQzQ4FtFtQ9wUuT0Dit8ZhqvCDg1-z3KXtmaINzFARvG-7UVPkQ/s1600/cocuk.png" title="Montessori Gerçek Hayatın Özüdür" />
<h2>Montessori Gerçek Hayatın Özüdür</h2>
<p><b>Sağlam altyapıyı hedef edinmiş, sonucu değil süreci mercek altına alan ve verilen emeği somut sonuçlar olarak değil yansımalar halinde ortaya çıkaran bir eğitim metodudur Montessori.</b></p>
<blockquote class="tr_bq">Montessori eğitim metodunda okul ve sınıf kavramlarından ziyade yaşam alanı ve doğal ortam vardır çünkü bu metot aslında gerçek hayatın bir modelidir.</blockquote>
<p>6 Ocak 1907 yılında dar gelirli ailelerden gelen elli küçük çocuk Maria Montessori'nin sınıfını utangaç ve ürkek bakışlarla doldurduğunda Maria Montessori'nin hedeflediği tek bir şey vardı; ona emanet edilmiş bu çocukları kendi doğru bildiği kurallara göre değil, onları gözlemleyerek ve ihtiyaçları doğrultusunda bir yol izleyerek eğitmekti. Maria Montessori, zamanla gözlemlerini akademik olarak sentezleyerek kendi ismiyle anılan metodu canlı bir ortamda yoğurarak bu şekilde hayata geçirdi.</p>
<p>Sağlam altyapıyı hedef edinmiş, sonucu değil süreci mercek altına alan ve verilen emeği somut sonuçlar olarak değil yansımalar halinde ortaya çıkaran bir eğitim metodudur Montessori. Çocuğun bireyselliğini önemser ama bu bireyselliğin tekilleşmeye dönüşmesini engelleyerek, toplum içerisinde var olabilen, katkı sağlayıp fayda üreten bireyler yetiştirir. Çocukların zamanla içselleştirdiği bir görev bilinci aşılar öyle ki çocuk yaptığı işi zorunluluktan ziyade bir sorumluluk duygusuyla yerine getirir. Dünyasını saran her türlü bilgiye mecburiyetten değil karşı konulmaz bir merak duygusuyla sarılır.</p>
<p>Montessori eğitim metodunda okul ve sınıf kavramlarından ziyade yaşam alanı ve doğal ortam vardır çünkü bu metot aslında gerçek hayatın bir modelidir. Evrende bulunan potansiyelleri bünyesinde atıl bir enerji olarak barındıran çocuğa gerçek dünyanın bir modelini sunduğunuz zaman içinde var olan o enerjiyi beslemeye başlarsınız. Çünkü çocuk bir boş levha değil minik bir gözlemci ve emici zihindir. Zamanla bu şekilde beslenen çocuk hem kendi yetilerini hem de içinde bulunduğu dünyayı tanır. Enerjisi beslenmeyen çocukta ise ya üzücü bir körelme veya enerjinin yanlış yönde kanalize oluşu gözlemlenir. İşte bu nedenledir ki Montessori eğitiminde çocuğa yetilerini geliştirebileceği ve içindeki potansiyeli kendi seçimleri doğrultusunda açığa çıkarabileceği bilinçli olarak hazırlanmış kusursuz bir ortam sunulur. Bu hazırlanmış ortamda çocuk kendini hem güvende hisseder hem de özgür. Montessori eğitimi özgürlükçü bir eğitim anlayışıdır ancak bu, bilinçli sınırlar içerisindeki kontrollü bir özgürlüktür.</p>
<p>Maria Montessori gözlemlerini yaparken insanın doğuştan getirdiği fiziksel, ruhsal ve entelektüel ihtiyaçları olduğunu fiilen görmüştür. Bu ihtiyaçlar karşılanmadığı takdirde düzenden kopuş ve dejenerasyon başlamaktadır. Dolayısıyla çocukluktan itibaren tamamen bu ihtiyaçları karşılamak üzere tasarlanmış bir eğitim metodu ortaya çıkmıştır. Çocuk bütünsel ihtiyaçları göz önünde bulundurularak tasarlanan ortama girdiğinde zihni, bedeni ve ruhu eşzamanlı olarak beslenmeye başlar. Bu beslenme sürecinde yaptığı hiçbir iş ona ağır gelmez, ruhu sakinliğe doğru meyleder ve sürekli öğrenmek ve bilgiyi özümsemek adına müthiş bir ilgi gelişir. Bu kıvama gelen bir çocukla takdir edersiniz ki yapılabilecekler sınırsızdır.</p>
<p>Küçük evren veya mikrokozmos olarak da adlandırabileceğimiz bu bilinçli ve düzenli ortamda çocuk, bütünsel ihtiyaçları beslendikçe kendini tanır ve içinde bulunduğu doğal ortamın yansımalarını özümsemeye başlar. Bu ortam son derece düzenlidir dolayısıyla bu onun için bir standart belirler, işlerini bir düzen dairesinde yürütmeyi hedef edinir. Bu ortam ona seçim yapabileceği çeşitli olanaklar sunar dolayısıyla özgürdür ve bu onun yetilerini en verimli şekilde keşfedebilmesini sağlar. Bu ortamdaki yetişkin arka planda olduğu için çocuk zamanla bir otokontrol geliştirir ve bu ona kendi zihnini, bedenini ve ruhunu bilinçli olarak kullanıp kontrol etmeyi öğretir.</p>
<p>İster evde olsun ister kurumsal bir merkezde Montessori eğitimi kolaylıkla bir yaşam biçimine dönüştürülebilir çünkü bu eğitim didaktik kurallar dizisinden ziyade esnek ve dinamik bir yapıya sahiptir. Hayatın doğal akışı içerisinde hali hazırda var olan unsurların bilinçli, düzenli ve sabırlı bir şekilde aktarılmasıdır. Özelde çocuğa göre şekil alır ve onun ihtiyaçları doğrultusunda devinir.</p>
<p>Maria Montessori o ilk elli kişilik grubuna uyguladığı metot sonucu çocukların sergilediği muazzam değişime kendisi de hayran kalmıştır ama bu değişimin uyguladığı metot sayesinde değil çocuğun kendisinde gizli olan hayatın sırrının açığa çıkmasıyla meydana geldiğini ifade etmiştir.</p>
<p>İstisnasız her çocuk bu sırrı içinde keşfedilmeyi bekleyen bir potansiyel olarak taşır, açığa çıkabilmesi ise biz yetişkinlerin elindedir.</p>
<p><u>Önemli Hatırlatma:</u> <em>Bu içerik ilgili uzman danışman tarafından izleyicilerimizi bilgilendirme amaçlı hazırlanmıştır. Kendinizin veya çocuğunuzun sağlığı ile ilgili her konuda, bir tıp doktoruna veya çocuk eğitimi ve psikolojisi alanında çalışan uzmanlara danışmanızı tavsiye ederiz.</em></p>
<ul id='blogToTop'>
<li><a href='#top'><svg width="24" height="24" viewBox="0 0 1792 1792"><path d="M1683 1331l-166 165q-19 19-45 19t-45-19l-531-531-531 531q-19 19-45 19t-45-19l-166-165q-19-19-19-45.5t19-45.5l742-741q19-19 45-19t45 19l742 741q19 19 19 45.5t-19 45.5z"/></svg></a></li>
<li><a href='#bottom'><svg width="24" height="24" viewBox="0 0 1792 1792"><path d="M1683 808l-742 741q-19 19-45 19t-45-19l-742-741q-19-19-19-45.5t19-45.5l166-165q19-19 45-19t45 19l531 531 531-531q19-19 45-19t45 19l166 165q19 19 19 45.5t-19 45.5z"/></svg></a></li>
</ul>
<div id='top'></div>
<div id='bottom'></div>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
<script type='text/javascript'>
//<![CDATA[
jQuery(document).ready(function(){var o=220,r=600;jQuery(window).scroll(function(){jQuery(this).scrollTop() > o?jQuery("#blogToTop").fadeIn(r):jQuery("#blogToTop").fadeOut(r)})});
$(function(){$("a[href*=#]:not([href=#])").click(function(){if(location.pathname.replace(/^\//,"")==this.pathname.replace(/^\//,"")&&location.hostname==this.hostname){var t=$(this.hash);if(t=t.length?t:$("[name="+this.hash.slice(1)+"]"),t.length)return $("html,body").animate({scrollTop:t.offset().top},600),!1}})});
//]]>
</script>
</body>
</HTML>
Blogger Yeni İletişi Formu Tasarımı
Widget<!DOCTYPE html>
<html>
<head>
<title>Blogger İletişim Formu</title>
<style scoped="" type="text/css">
*, *:before, *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
[placeholder]:focus::-webkit-input-placeholder{transition:opacity .5s .5s ease;opacity:0}input:focus{outline:none}input[type="text"],input[type="email"]{padding:12px 16px;font-size:16px}button,input[type="button"],input[type="reset"],input[type="submit"],.button{border:0;color:#fff;cursor:pointer;font-size:14px;font-weight:400;padding:12px 16px;white-space:normal;width:auto;border-radius:3px;outline:0}button:focus,button:hover,input[type="button"]:focus,input[type="button"]:hover,input[type="reset"]:focus,input[type="reset"]:hover,input[type="submit"]:focus,input[type="submit"]:hover,.button:focus,.button:hover{color:#fff}
@import url('https://fonts.googleapis.com/css?family=Roboto');
body {font-family:'Roboto', sans-serif;font-size:16px}
#comments,#ContactForm1{display:none}
#ContactForm1_contact-form-email,#ContactForm1_contact-form-name{display:inline-block;width:100%;height:auto;margin:10px auto;padding:14px;background:#f4f7f8;color:#222;border:0;border-bottom:1px solid #c6cbcc;transition:all .6s}
#ContactForm1_contact-form-email-message{background:#f4f7f8;color:#222;font-family:'Roboto', sans-serif;width:100%;height:250px;margin:10px auto;padding:14px;border:0;border-bottom:1px solid #c6cbcc;transition:all .6s}
#ContactForm1_contact-form-email:focus,#ContactForm1_contact-form-name:focus,#ContactForm1_contact-form-email-message:focus{background:#f4f7f8;border-color:#f24a4a;outline:none}
#ContactForm1_contact-form-submit{background:#fff;color:#5f6368;font-size:16px;width:161px;height:45px;float:left;margin:10px 0 3px 5px;padding:0 0 0 20px;border:none;border-radius:24px;cursor:pointer;box-shadow:0 1px 2px 0 rgba(60,64,67,0.302),0 1px 3px 1px rgba(60,64,67,0.149);transition:box-shadow .08s linear,min-width .15s cubic-bezier(0.4,0.0,0.2,1)}
.contact_form-4{position:relative}
.contact_form-4:before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUBAMAAAB/pwA+AAAAElBMVEVHcExChfTqQzXyui80qFOWZJRFkkmAAAAAAXRSTlMAQObYZgAAAC5JREFUCNdjYEAFSkpUYjIbGxsrqQoKCgpAmIFwJkgQygyEMEHAxQVuAuVMCAAACWsKY1KWucsAAAAASUVORK5CYII=);background-position:center;background-repeat:no-repeat;background-size:20px;content:'';display:block;height:63px;width:32px;position:absolute;z-index:1;left:15px;top:0}
#ContactForm1_contact-form-submit:hover{background:#fafafb;box-shadow:0 1px 3px 0 rgba(60,64,67,0.302),0 4px 8px 3px rgba(60,64,67,0.149)}
#ContactForm1_contact-form-success-message,#ContactForm1_contact-form-error-message{margin-top:35px}
form{color:#666}
.contact_form-1,.contact_form-2{float:left;width:50%}
.contact_form-1,.contact_form-2{margin:0 0 10px 0;padding:0 10px 0 0}
.contact_form-2{padding:0 0 0 10px}
@media only screen and (max-width:640px){.contact_form-1,.contact_form-2{width:100%;padding:0}}
</style>
</head>
<body>
<form name="contact-form">
<div class='contact_form-1'>
<input id="ContactForm1_contact-form-name" name="name" placeholder='Adınız' size="30" type="text" value="" />
</div>
<div class='contact_form-2'>
<input id="ContactForm1_contact-form-email" name="email" placeholder='E-posta adresiniz' size="30" type="text" value="" />
</div>
<div class='contact_form-3'>
<textarea cols="25" id="ContactForm1_contact-form-email-message" name="email-message" placeholder='Mesajınız' rows="7"></textarea>
</div>
<div class='contact_form-4'>
<input class="ripplelink" id="ContactForm1_contact-form-submit" type="button" value="Gönder" />
</div>
<div style="max-width: 100%; text-align: center; width: 100%;">
<div id="ContactForm1_contact-form-error-message">
</div>
<div id="ContactForm1_contact-form-success-message">
</div>
</div>
</form>
<script defer='defer' onload='loadDIWComments();' src="https://www.blogger.com/static/v1/widgets/2271878333-widgets.js" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
function loadDIWComments(){
if (typeof(BLOG_attachCsiOnload) != 'undefined' && BLOG_attachCsiOnload != null) { window['blogger_templates_experiment_id'] = "templatesV1";window['blogger_blog_id'] = '6286115367912778321';BLOG_attachCsiOnload(''); }_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d6286115367912778321','//bloggereklentileri.blogspot.com/','6286115367912778321');
_WidgetManager._RegisterWidget('_ContactFormView', new _WidgetInfo('ContactForm1', 'footer1', null, document.getElementById('ContactForm1'), {'contactFormMessageSendingMsg': 'Gönderiliyor...', 'contactFormMessageSentMsg': 'Mesajınız gönderildi.', 'contactFormMessageNotSentMsg': 'Mesaj gönderilemedi. Lütfen daha sonra tekrar deneyiniz.', 'contactFormInvalidEmailMsg': 'Geçerli bir e-posta adresi gereklidir.', 'contactFormEmptyMessageMsg': 'Mesaj alanı boş bırakılamaz.', 'title': 'İletişim Formu', 'blogId': '6286115367912778321', 'contactFormNameMsg': 'Adınız', 'contactFormEmailMsg': 'E-posta adresiniz', 'contactFormMessageMsg': 'Mesajınız', 'contactFormSendMsg': 'Gönder', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull'));}
//]]>
</script>
</body>
</html>
Kaydol:
Kayıtlar (Atom)