Blogger Gadget Alanı Nasıl Eklenir?

eklentiler-için-yeni-gadget-alanı-oluşturma

  Blogger gadget alanı tema seçerken ilk odaklandığımız noktadır. Hangi alanı nasıl kullanacağımız kafamızda şekillendiğinde tema arayışına geçeriz. Kullandığımız Blogger platformunun tema konusunda istediğimiz gibi seçenekler sunmadığı ortada. Kendi çabanızla bazen çok güzel tema buluyorsunuz ama istediğiniz gibi gadget alanları bulunmadığından vazgeçiyorsunuz. Böyle olunca da istemediğiniz temada yolunuza devam etmek zorunda kalabiliyorsunuz. Aşağıda vereceğim kod sayesinde istediğiniz bölüme istediğiniz boyutta gadget alanı ekleyebilirsiniz. Sadece iki farklı kod ekleyerek bu işlemi tamamlamak mümkün.

Gadget Alanı Kurulum

  Kumanda paneline kodların bulunduğu Tema/ HTML'yi Düzenle yolunu takip ederek Ctrl+F yardımıyla ]]></b:skin> kodunu aratın ve hemen üzerine aşağıdaki kodu yapıştırın.

#gadget {float:left;width:900px;height:200px;background: #fff;}

Kod içinde boyutları istediğiniz gibi değiştirebilirsiniz. Genişlik ve yükseklik ayarlarını ekleyeceğiniz alana göre uyumlu hale getirebilirsiniz. Boyut ayarlama kısmı bittiğine göre şimdi gadget alanını nereye ekleyeceğimizi seçmemiz gerekiyor. Sidebar (sağ veya sol taraf), Footer (Temanın alt tarafında uygun yer), Header (Temanın üst tarafında uygun yer) veya Blog Kayıtları bölümünün hemen üstünde gadget gösterebilirsiniz. Bulmakta zorluk çekerseniz daha önce eklediğiniz eklentileri aratarak gadget alanının nerede olacağına karar verebilirsiniz. Yer konusunda emin olduktan sonra aşağıdaki kodu ekleyerek temanızı kaydedebilirsiniz.

<b:section class='gadget' id='gadget'></b:section>

 Eklenti eklemek için Yerleşim alanına tıkladığınızda yeni bir gadget alanı eklendiğini göreceksiniz. Bunun gibi istediğiniz yerlere gadget alanı oluşturmanız artık mümkün olacak. Eklediğiniz gadget alanının boyutunu ayarlamak için ilk eklediğiniz kodun içindeki 900px ve 200px değerlerini değiştirebilirsiniz.

Bu yazı Seo Teknikleri ve Blog İpuçları | DHY tarafından yazılmıştır. 
✔ Bu içeriği beğendiyseniz lütfen paylaşın ⤵

Blog Sayfanıza Hava Katacak E-Mail Abone Kodu

email-abone-eklentisi

  Blog sayfalarının kaliteli ve faydalı içerik üretme zorunluluğu kalıcı takipçi kazanmaları içindir. Sosyal ağ hesaplarınızla, GFC gibi blog servislerinin sağladığı imkanlarla veya Feedburner aracılığı ile takipçi hedefleyebilirsiniz. Diğer takip yöntemleri sizin yeni içerik girmenizden çok ziyaretçinin sizi ziyaret etmek istemesinden kaynaklanır. Feedburner ile her yani yazı yayınladığınızda otomatik olarak abonenin mail adresine gönderilir. Böylece yeni yazınızı okuması ve geri dönüş yapması daha muhtemel olur.

  Feedburner aboneliği istenildiği takdirde çıkabileceğiniz bir yöntemdir. Bu nedenle başkalarını takip etmek için mail adresinizi eklemeyi dert etmeyin. Özellikle yazılarını başarılı bulduğunuz ve size faydasını olacağını düşündüğünüz bloglar için abone olmanız sizin yararınızadır. Ürettiğiniz içerikleri daha çok kitleye ulaştırmak içi her yol mübahtır. Blog sayfanıza eklediğiniz abonelik formlarını kendi sayfanıza göre düzenleyip ilgi çekici hale getirerek bazı bilgiler ekleyebilirsiniz.

  Formlarda bilgi olarak kaç takipçiniz olduğunu veya ilgili olduğunuz kategorileri vererek abone olmaları için ziyaretçileri yönlendirebilirsiniz. Aşağıda görselini gördüğünüz eklenti üzerine gelindiğinde hareket eden şık bir formdur. Renkleri ve boyutlarıyla dilediğiniz gibi oynayabilirsiniz.

Nasıl Eklerim?
hareketli-eposta-eklentisi

 Hemen aşağıdaki kodu "Gadget Ekle" yöntemiyle JavaScript olarak ekleyin. Kırmızı ile belirttiğim dogushakayilmaz kısmını kendinize göre düzenlemeyi unutmayın.

<div id='subscribe-css'>
<p class='subscribe-note'><span>ABONE OLUN</span> <span class='itatu'>ve</span> Yeni Yazıları Yakından Takip Edin</p>
<div class='subscribe-wrapper'>
<div class='subscribe-form'>
<form action='https://feedburner.google.com/fb/a/mailverify?uri=dogushakanyilmaz' class='subscribe-form' method='post' onsubmit='window.open (&apos;https://feedburner.google.com/fb/a/mailverify?uri=dogushakanyilmaz&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>
<input name='uri' type='hidden' value='dogushakanyilmaz'/><input name='loc' type='hidden' value='en_US'/><input autocomplete='off' class='subscribe-css-email-field' name='email' placeholder='E-mail Adresinizi Giriniz'/><input class='subscribe-css-email-button' title='' type='submit' value='Gönder'/></form>
</div>
</div>
</div>

  Aşağıdaki kodu da tema kodlarının içindeki ]]></b:skin> kodunun hemen üstüne ekleyerek kaydedin. Abone formunun renkleriyle ilgili değişiklikleri buradan yapacaksınız. Kırmızı ile belirttiğim #374760 kodu arka plan rengini, #3cc091 ise "Gönder" butonu rengini temsil eder. Dilediğiniz renk kodu ile değiştirebilirsiniz.

/* Subscribe Box */
#subscribe-css{position:relative;padding:20px 0;background:#374760;overflow:hidden;border-top:4px solid #eee;}
.subscribe-wrapper{color:#fff;font-size:16px;line-height:normal;margin:0;text-align:center;text-transform:none;font-weight:400;width:100%}
.subscribe-form{clear:both;display:block;overflow:hidden}
form.subscribe-form{clear:both;display:block;margin:0;width:auto;overflow:hidden}
.subscribe-css-email-field{background:#415471;color:#ccc;margin:10px 0;padding:15px 20px;width:52%;border:0}
.subscribe-css-email-button{background:#3cc091;color:#fff;cursor:pointer;font-weight:700;padding:14px 30px;margin-left:15px;text-transform:none;font-size:16px;border:0;border-radius:3px;transition:all .6s}
.subscribe-css-email-button:hover{background:#37b185;}
#subscribe-css p.subscribe-note{margin:16px;text-align:center;color:rgba(255,255,255,.6);font-size:180%;font-weight:400;line-height:normal;}
#subscribe-css p.subscribe-note span {position:relative;overflow:hidden;font-weight:700;transition:all .5s}
#subscribe-css p.subscribe-note span.itatu {font-weight:400;font-style:italic;color:rgba(255,255,255,.6);text-transform:lowercase}
#subscribe-css p.subscribe-note span.itatu:before,#subscribe-css p.subscribe-note span.itatu:after{display:none}
#subscribe-css p.subscribe-note span:before{content:'';position:absolute;bottom:-2px;left:0;width:0;height:3px;margin:10px 0 0;background:rgba(255,255,255,.1);transition:all .5s}
#subscribe-css:hover p.subscribe-note span:before{width:100%;}

Bu yazı Seo Teknikleri ve Blog İpuçları | DHY tarafından yazılmıştır.
✔ Bu içeriği beğendiyseniz lütfen paylaşın ⤵

Blogger Renkli Etiketler Eklentisi

blogger-renkli-kategoriler-kodu

 Blogger renkli etiketler eklentisi - Blog sayfamda kullandığım ve bir kaç kişinin sorduğu bir eklentiydi. Etiketler liste halinde sıralandığında her etiket için ayrı bir renk vererek şık bir görünüm katar. Etiketlerin üzerinde mause ile gezince renklerin harekete geçtiğini göreceksiniz. Eğer her etiketteki kayıt sayısını göster derseniz kayıt sayısı verilen renge bürünür. Blog sayfanızda etiketleri kullanıyorsanız bu eklenti hoşunuza gidecektir. Sadece etiketlerin hepsini seçmek yerine belli başlı en fazla 10 etiket seçerek kategorilemek daha iyi görünecektir.

renkli-kategoriler-görünüşü

 Renkli etiketler eklentisini blog sayfanıza uyarlamak için Tema> HTML'yi Düzenle alanında ctrl+f yardımıyla </head> kodunu aratarak hemen üstüne aşağıdaki kodu ekleyin ve kaydedin. Daha sonra Gadget Ekle üzerinden etiketler eklentisini gerekli ayarları yaparak ekleyin.

<style type="text/css">

/* Renkli Kategori CSS */
.label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5 {font-size:100%;opacity:1}
.cloud-label-widget-content{text-align:left;padding:0;}
.label-count {white-space:nowrap;display:inline-block;}
#sidebar-wrapper .Label li{position:relative;background:#fff;color:#444;padding:0;margin:0;text-align:left;width:100%;transition:all .3s}
#sidebar-wrapper .Label li:hover {background:#fff;color:#cf4d35;}
#sidebar-wrapper .Label li:before {content:"";position:absolute;width:2px;height:100%;background:#4fafe9;transition:all .2s ease-in-out;}
#sidebar-wrapper .Label li:hover:before {width:100%;}
#sidebar-wrapper .Label li a{padding:0 0 0 20px;display:block;position:relative;line-height:42px;color:#787878;text-decoration:none;transition:all .3s}
#sidebar-wrapper .Label li a:hover {color:#fff;}
#sidebar-wrapper .Label li span{float:right;height:42px;line-height:42px;width:42px;text-align:center;display:inline-block;background:#4fafe9;color:#FFF;position:absolute;top:0;right:0;z-index:2}
#sidebar-wrapper .Label li:nth-child(1) span,#sidebar-wrapper .Label li:nth-child(1):before,#sidebar-wrapper .Label li:nth-child(7) span,#sidebar-wrapper .Label li:nth-child(7):before {background:#ca85ca;}
#sidebar-wrapper .Label li:nth-child(2) span,#sidebar-wrapper .Label li:nth-child(2):before,#sidebar-wrapper .Label li:nth-child(8) span,#sidebar-wrapper .Label li:nth-child(8):before {background:#e54e7e;}
#sidebar-wrapper .Label li:nth-child(3) span,#sidebar-wrapper .Label li:nth-child(3):before,#sidebar-wrapper .Label li:nth-child(9) span,#sidebar-wrapper .Label li:nth-child(9):before {background:#61c436;}
#sidebar-wrapper .Label li:nth-child(4) span,#sidebar-wrapper .Label li:nth-child(4):before,#sidebar-wrapper .Label li:nth-child(10) span,#sidebar-wrapper .Label li:nth-child(10):before {background:#f4b23f;}
#sidebar-wrapper .Label li:nth-child(5) span,#sidebar-wrapper .Label li:nth-child(5):before,#sidebar-wrapper .Label li:nth-child(11) span,#sidebar-wrapper .Label li:nth-child(11):before {background:#46c49c;}
#sidebar-wrapper .Label li:nth-child(6) span,#sidebar-wrapper .Label li:nth-child(6):before,#sidebar-wrapper .Label li:nth-child(12) span,#sidebar-wrapper .Label li:nth-child(12):before {background:#607ec7;}
#sidebar-wrapper .label-size{background:#45a2db;position:relative;display:block;float:left;margin:0 1px 1px 0;font-size:11px;transition:all .3s}
#sidebar-wrapper .label-size a{display:inline-block;color:#fff;padding:4px 6px;font-weight:400;transition:all .3s}
#sidebar-wrapper .label-count{display:inline-block;background:#3a91c7;color:#fff;padding:5px 8px;text-align:center;transition:all .3s}
#sidebar-wrapper .label-size a:hover{color:#fff;text-decoration:underline}
#footer-wrapper .label-size{background:#2e2e2e;color:#eee;display:block;float:left;margin:0 1px 1px 0;font-size:11px;transition:initial;}
#footer-wrapper .label-size a{display:inline-block;color:#eee;padding:4px 6px;font-weight:400;transition:all .3s}
#footer-wrapper .label-size a:hover {color:#fff;text-decoration:underline}
#footer-wrapper .label-count{white-space:nowrap;background:#2e2e2e;display:inline-block;color:#eee;padding:5px 8px;text-align:center}
#footer-wrapper .Label li{padding:5px 0;margin:0;text-align:left;border-bottom:1px solid #444;transition:all .3s}
#footer-wrapper .Label li a {color:#eee;transition:all .3s;}
#footer-wrapper .Label li span{background:#2e2e2e;float:right;color:#eee;margin:0;padding:4px 6px;text-align:center;font-size:13px;font-weight:400;transition:all .3s;}
#footer-wrapper .Label li a:hover,#footer-wrapper .Label li:hover,#footer-wrapper .Label li span:hover {color:#fff;text-decoration:underline}
</style>

✔ Bu içeriği beğendiyseniz lütfen paylaşın ⤵

Roket Efektli Yukarı Çık Eklentisi

blogger-roket-yukarı-çık-düğmesi

 Roket efektli yukarı çık eklentisi - Blog sayfalarında eklenti kullanılacaksa en işe yarayanlardan biri yukarı çık eklentisidir. Çoğu blog sayfasında farklı fikirlerle yukarı çıkma eklentisi kullanıldığını görmüştüm. Bu tür eklentiler hem göze hoş gelir hem de sayfayı ziyaret etmek için kolaylık sağlar. Roket şeklindeki bu eklenti ziyaretçilerin çok hoşuna gidecektir. Eklenti aşağı indikçe ortaya çıkıyor ve siyah beyaz bir görünümde oluyor. Mause ile üzerine geldiğinizde renkleniyor ve tıkladığınızda ateşlenerek yukarı çıkıyor.


 Ziyaretçilerinize sayfanızı kolay gezdirmek adına roket efektli bu eklentiyi nasıl kuracağınıza geçelim. İki yere ekleyeceğiniz kod ile hemen kullanabilirsiniz. Öncelikle ]]></b:skin> kodunun üstüne aşağıdaki kodu ekleyin.

/* Back to Top Roket Efektli */
#scrolltop{display:none}
#rocketmeluncur{position:fixed;bottom:50px;z-index:7;display:none;visibility:hidden;width:26px;height:48px;right:25px;background:url(http://1.bp.blogspot.com/-UR9I7YEuEUY/VXIJn8MrBPI/AAAAAAAAKRE/qZObHBd5zIo/s1600/rocket.png) 50% 0 no-repeat;opacity:0;-webkit-transition:visibility .6s cubic-bezier(.6,.04,.98,.335),opacity .6s cubic-bezier(.6,.04,.98,.335),-webkit-transform .6s cubic-bezier(.6,.04,.98,.335);-moz-transition:visibility .6s cubic-bezier(.6,.04,.98,.335),opacity .6s cubic-bezier(.6,.04,.98,.335),-moz-transform .6s cubic-bezier(.6,.04,.98,.335);transition:visibility .6s cubic-bezier(.6,.04,.98,.335),opacity .6s cubic-bezier(.6,.04,.98,.335),transform .6s cubic-bezier(.6,.04,.98,.335)}
#rocketmeluncur i{display:block;margin-top:48px;height:14px;background:url(http://1.bp.blogspot.com/-UR9I7YEuEUY/VXIJn8MrBPI/AAAAAAAAKRE/qZObHBd5zIo/s1600/rocket.png) 50% -48px no-repeat;opacity:.5;-webkit-transition:-webkit-transform .2s;-moz-transition:-moz-transform .2s;transition:transform .2s;-webkit-transform-origin:50% 0;-moz-transform-origin:50% 0;transform-origin:50% 0}
#rocketmeluncur:hover{background-position:50% -62px}
#rocketmeluncur:hover i{background-position:50% 100%;-webkit-animation:flaming .7s infinite;-moz-animation:flaming .7s infinite;animation:flaming .7s infinite}#rocketmeluncur.showrocket{visibility:visible;opacity:1}
#rocketmeluncur.launchrocket{background-position:50% -62px;opacity:0;-webkit-transform:translateY(-800px);-moz-transform:translateY(-800px);-ms-transform:translateY(-800px);transform:translateY(-800px);pointer-events:none}
#rocketmeluncur.launchrocket i{background-position:50% 100%;-webkit-transform:scale(1.4,3.2);-moz-transform:scale(1.4,3.2);transform:scale(1.4,3.2)}

Daha sonra ikinci aşamada </body> kodunun üstüne aşağıdaki kodu ekleyin ve kaydedin.

<a href="javascript:void(0);" id="rocketmeluncur" class="showrocket" ><i></i></a>
<script type='text/javascript'>
//<![CDATA[
jQuery(window).scroll(function(){jQuery(window).scrollTop()<50?jQuery("#rocketmeluncur").slideUp(500):jQuery("#rocketmeluncur").slideDown(500);var e=jQuery("#ft")[0]?jQuery("#ft")[0]:jQuery(document.body)[0],t=$("rocketmeluncur"),n=(parseInt(document.documentElement.clientHeight),parseInt(document.body.getBoundingClientRect().top),parseInt(e.clientWidth)),r=t.clientWidth;if(1e3>n){var l=parseInt(fetchOffset(e).left);l=r>l?2*l-r:l,t.style.left=n+l+"px"}else t.style.left="auto",t.style.right="10px"}),jQuery("#rocketmeluncur").click(function(){jQuery("html, body").animate({scrollTop:"0px",display:"none"},{duration:600,easing:"linear"});var e=this;this.className+=" launchrocket",setTimeout(function(){e.className="showrocket"},800)});
//]]>
</script>

✔ Bu içeriği beğendiyseniz lütfen paylaşın ⤵

Blogger Detaylı Kullanım Ayarları #1

blogger-bilinmesi-gereken-ayarlar

 Blogger detaylı kullanım ayarları - Blogger kullanıcıları için sunulmuş bir çok kolaylık mevcuttur. Çoğu blog yazarı genel anlamda ayarları yapılandırabilir ve kullanım için yeterli bilgiye sahiptir. Ancak tam anlamıyla ayarları bilmeyenler epey kalabalık sayıdadır. Çok önemli özellikleri ve kullanım kolaylıklarını gözden kaçırmış olanlar için önemli ve fayda sağlayacak blog ayarlarını derlemek istedim. Umarım işinize yarayacak bilgiler bulabilirsiniz.

 1)  Kayıt Şablonu Ne İşe Yarar?

kayıt-şablonu-doldurma


  Ayarlar/ Yayınlar, yorumlar ve paylaşım sekmelerini takip ettiğinizde Kayıt Şablonu göreceksiniz ve Ekle diyerek kullanmaya başlayabilirsiniz. Blogger servisinin en önemli özelliklerinden biridir. Buraya ekleyeceğiniz her şey her yeni yayında görünür olacaktır. Bu nedenle bu alana yazının size ait olduğunu gösteren bir imza atabilirsiniz.
Bu yazı <b><a href="https://dogushakanyilmaz.blogspot.com/" target="_blank">Doğuş Hakan Yılmaz</a></b> tarafından yazılmıştır.
  Bu şekilde ekleyeceğiniz kod yazı alanında "Bu yazı Doğuş Hakan Yılmaz tarafından yazılmıştır." olarak görünür. Bu tür bilgi istemiyorsanız adsense reklamınızı buraya ekleyebilirsiniz. Böylece her yazının sonunda reklamınız görüntülenir. Boyutunu seçtiğiniz reklam kodunu kopyaladıktan sonra kayıt şablonuna yapıştırarak kaydettiğinizde her yazının sonunda reklamınız görüntülenir. Bunların dışında da yorum yapmayı ihmal etmeyin, beğendiyseniz yazıyı paylaşın veya yazılarıma abone olun gibi tavsiyeler eklenebilir.

Not: Kayıt şablonu için vereceğiniz bilgilere link vermeyi bilmiyorsanız yazı alanına eklemek istediğiniz açıklamayı girin ve gerekli linkleri verdikten sonra Oluştur/HTML kısmında HTML sekmesine tıklayarak açıklamanın kodlu halini kopyalayarak kayıt şablonuna ekleyin.

 2)  Yorum Formu Şablonu Nasıl Kullanılır?

yorum-formu-iletisi


  Sayfanızdaki yazıyı ziyarete gelen kişilerin yorum bırakmadan önce göreceği alandır. Bu iletiyi okuduktan sonra yorum yapılacağı için önemli derecede kullanılması gereken bölümdür.
Ayarlar sekmesinde Kayıt şablonu ile aynı alanda alt tarafta yer alan "Yorum formu iletisi" bölümüne ekle diyerek ziyaretçilere bazı ipuçları ve bilgiler verebilirsiniz. Hatta uyarılar yaparak nasıl yorumlar yapmaları gerektiğini söyleyebilirsiniz. Bu uyarı ile olumlu veya olumsuz da olsa sizin istediğiniz şekilde olacaktır. Yorumlara link bırakılmamasını, küfür edilmemesini söyleyebilirsiniz. Burada önemli olan denetleme yapmaktır. Gelen yorumları denetleyerek yayına alırsanız daha kesin çözüm sağlamış olursunuz. Benim yorum formu iletim şöyle;

YORUM YAPARAK KATKIDA BULUNABİLİRSİNİZ...
1) Yaptığınız yorumun, yazıyla alakalı olmasına özen gösteriniz.
2) Yazım ve dil bilgisi kurallarına mümkün olduğunca dikkat ediniz.
3) Kullandığınız üslubun sizi yansıttığını unutmayınız.
4) Yorumunuza ikon eklemek için Emoticon butonuna tıklayın. 

 3)  E-Posta ile Yazı Gönderme

eposta-yazı-ayarı


  Özellikle kişisel blog yazarları gibi anlık paylaşımlarda bulunma ihtimali yüksek sayfalarda çok işe yarar. Önemli bir anı veya fikri paylaşmak istediğinizde bilgisayarınız yanınızda olmasa bile ayarladığınız e-posta adresi ile hemen yazı yayınlayabilirsiniz. Bu ayarı aktifleştirmek için Blogger kumanda panelinizde Ayarlar/ E-Posta bölümüne tıklayın.
En üstte dogushakanyilmaz @blogger.com Yapmanız gereken secretWords yazan yere sadece sizin bildiğiniz bir kelime eklemeniz. Bu şekilde ayarladıktan sonra yazılarınızı oluşturduğunuz mail aracılığı ile kolayca yayınlayabilirsiniz. Yazıların hemen yayınlanması için E-postayı hemen yayınla seçeneğini işaretlemeyi unutmayın. 

 4)  İçerikleri Yedekleyin veya Aktarın Ayarları


blog-yazılarını-kopyalama


  Blogger kullanıpta bu özelliği bilmeyen çoktur. Aslında o kadar önemlidir ki blog sayfanızın başına birşey geldiğinde kıymetini anlıyorsunuz. Bu ayara erişmek için Ayarlar/ Diğer sekmesini tıklamalısınız. En azından hafta da bir kere blog sayfanızın yedeğini almayı ihmal etmeyin. Aynı şekilde daha önce yedeğini aldığınız ve başka bir blog sayfasında kullanmak istediğiniz yazılar için de aktarma yapabilirsiniz. Düzenli aralıklarla blog sayfanızın yedeğini alarak sayfanızı garantiye alın derim. 

 5)  Yazı Yayınlamak İçin Program Yapma


blog-yazılarını-programlayın


  İçeriğinizi düzenledikten sonra yayınlama aşamasına geldiğinizde kaydederek çıkarsanız taslak olarak eklenir. Siz ne zaman isterseniz Yayınla butonuna basarak paylaşıyorsunuz. Bir başka yol da otomatik değil de program yaparak yazı yayınlamaktır. Yazının yayınlanacağı tarih ve saati elle girerek "Yayınla" butonuna bastığınızda içerik zamanı gelince kendiliğinden yayına alınacaktır. Bu program ne zaman işe yarar? Blog sayfanızla ilgilenemeyeceğiniz zamanlarda yazıları programlayarak kendiliğinden paylaşabilirsiniz. 


google-plus-otomatik-paylaşım


Not: Hatta Ayarlar/ Yayınlar, yorumlar ve paylaşım sekmesinden en altta yayınlar Google+ profilinde otomatik yayınlansın seçeneğini evet olarak ayarlarsanız yazınız aynı zamanda da sosyal medya hesabınızda paylaşılmış olur. 

✔ Bu içeriği beğendiyseniz lütfen paylaşın ⤵