Blogger Bloga Açılır Pencere (Popup) Kodu Eklemek

Blogger Bloga Açılır Pencere (Popup) Kodu Eklemek

Her ne kadar tavsiye etmesek de bu konu da fikir edinip , bloguna veya sitesine açılır pencere Pop-un eklemek isteyenler oluyor. Sitenize/blogunuza Açılır pencere Pop-un kodunu nasıl ekleyebiliriz ? Kurgu Gücü olarak sizlere bu konu hakkında bir yazı yazmak istedik. Bir kod aracılığıyla bunu yapmanız oldukça çok kolay.

Blogger.com girdiğinizde hangi blogda bu işlemi uygulamak istiyorsanız , o bloga tıklayın.
Daha sonra blogunuzun sol kısmında bulunan '' Yerleşim '' seçeneğine tıklayın.
Oradan hangi alan eklemek istiyorsanız Gadget ekle diyin.

Daha sonra çıkan sayfada HTML/Java Scrip seçeneğini bulup tıklayın.
Yeni bir pencere açılacaktır. Daha sonra aşağıda buluna kodu oraya yapıştırın. Kodun içinde '' Yönlendirmek istediğiniz site adresi '' yazan yere hangi adrese yönlendirmek istiyorsanız o adresin adres çubuğundaki linki alıp yapıştırın.

KOD

<div id="pencerekodu"><label for="pencere" class="dugme">
Pencereyi Aç
</label><input type="checkbox" class="Pencereac" id="pencere" name="pencere"></input><label class="pencere">
Pencere İçeriğini Bu Alana Yazabilirsiniz.
<label for="pencere" class="dugme" name="kapat">Kapat</label></label></div>
<style> .dugme{cursor:pointer;display:inline-block;padding:5px 10px;background:#eee;border:1px solid #d8d8d8;font-family:Helvetica, Arial, sans-serif;font-size:14px;color:#444; -webkit-border-radius: 3px; border-radius: 3px; } [name="kapat"]{position:absolute;bottom:20px;right:20px;} .pencere{ position:fixed;top:-50%;left:-50%; width:380px;height:280px;background:#fff;box-shadow:0 0 6px 2px rgba(0,0,0,0.4); opacity:0; transition:opacity 0.6s ease-out; z-index:-1; padding:10px; -webkit-border-radius: 3px; border-radius: 3px; margin:-150px 0 0 -200px; } .Pencereac{width:1px;height:1px;visibility:hidden;} .Pencereac:checked + .pencere{ top:50%;left:50%; display:block; z-index:9; opacity:1;}</style>

Bu kod sayesinde artık sizinde sitenizde bir açılır pencereniz olacak. Kod bilmeyenlerin genellikle hazır olarak kullandığı ve internet üzerinde bir çok kişi tarafından paylaşılan bu kodlar sayesinde artık sitenize yeni yeni şeyler eklemek çok basit fakat siz siz olun internet ile ilgileneceğim diyorsanız mutlaka kodlamayı öğrenin. İlerleyen zamanlarda gerçekten çok işinize yarayacaktır.

Umarım sizlere yardımcı olabilmişimdir. Konu hakkında aklınıza takılan sorular varsa aşağıdaki yorum alanından bana sorabilirsiniz.

İlginizi Çekebilir = İnternetten Para Kazanabilir Miyim ?

İşlememiz bu kadar. Daha sonra zaten oraya tıkladıklarında direk hangi site linkini koyduysanız oraya yönlenecektir. Zaman ayırıp kurgücü.com daki bu yazımızı okuduğunuz için teşekkür ederiz. Diğer konularımıza da göz atmayı unutmayınız.

İlginizi Çekebilir
1- Blogger Yayın Yazı Tarihi Nasıl Kaldırılır?
2- Blogger Kategori Nasıl Oluşturulur? Kodsuz Basit Yöntem
3- Blogger "Rel=Nofollow" Link Verme Nasıl Yapılır?
4- PUP Potansiyel Olarak İstenmeyen Yazılım Nedir, Zararlı mıdır?