Ziyaretçileri etkilemek bloğunuza daha fazla trafik çekmek için önemlidir. Herkes içeriğin kral olduğunu ve iyi ve ilginç bir içerik yazmanın önemli olduğunu bilir.
Ayrıca, blog yayınlarınıza özel efektler ekleyerek ziyaretçilerinizi etkileyebilirsiniz.
Bu etki spoyler veya gizle / göster efekti olarak bilinir. Bu efekt, metin içeren bir düğme görüntüler; içeriği genişletmek için tıklamak gerekir tıklandığında içerik görünür, içeriği tekrar tıklattığınızda içeriği gizlersiniz.
Kullanım alanları: resim, kod, metin vb.
Ne olursa olsun gizleyebilirsiniz. Bugün bu yazıda, Blogger'da Spoiler Nasıl Ekleneceğini Gizle / Göster düğmesini öğreneceğiz.
ÖRNEK:
Bloğunuzda konu içerisine istediğiniz bir yere bu kodları koymanız yeterli
<!-- Göster Gizle Butonu MandoTeam.BLoGsPoT.CoM -->
<div
id="mandoteam"
style="display:none">
EKLEDİĞİNİZ GİZLİ İÇERİK YAZISINI GÖRÜYORSUNUZ. MandoTeam.BLoGsPoT.CoM
</div>
<button
title="MandoTeam.BLoGsPoT.CoM"
type="button"
onclick="if(document.getElementById('mandoteam')
.style.display=='none') {document.getElementById('mandoteam')
.style.display=''}else{document.getElementById('mandoteam')
.style.display='none'}" >Göster / Gizli</button>
<!-- Göster Gizle Butonu MandoTeam.BLoGsPoT.CoM -->
<style>.MTmandoteam { background-color: #04AA6D; /* ManDoTeAm.BLoGsPoT.CoM */border: none;color: white;Padding: 16px 32px;text-align: center;text-decoration: none;display: inline-block;font-size: 16px;margin: 4px 2px;transition-duration: 0.4s;cursor: pointer;}.MT-mandoteam { background-color: white; color: black; border: 2px solid #008CBA;}.MT-mandoteam:hover {background-color: #008CBA; color: white;}</style><!-- Göster Gizle Butonu MandoTeam.BLoGsPoT.CoM --><div id="mandoteam" style="display:none"> EKLEDİĞİNİZ GİZLİ İÇERİK YAZISINI GÖRÜYORSUNUZ. MandoTeam.BLoGsPoT.CoM </div><button class="MTmandoteam MT-mandoteam" title="MandoTeam.BLoGsPoT.CoM" type="MTmandoteam" onclick="if(document.getElementById('mandoteam') .style.display=='none') {document.getElementById('mandoteam') .style.display=''}else{document.getElementById('mandoteam') .style.display='none'}" >Göster / Gizli</button><!-- Göster Gizle Butonu MandoTeam.BLoGsPoT.CoM -->
0 adet mesaj var:
Yorum Gönder
Yorumunuz için teşekkürler enkısa zamanda incelenip yayınlanacaktır.