Koddostu

İnternet kullanıcıları hazır bilgiye alışıp, içeriğe kavuşma konusunda sabırsızlaştıkça, duyuru ve mesajlarımızı ziyaretçilerimize olabilecek en hızlı şekilde ulaştırmanın önemi artıyor. Öyle ki 2000lerin başlarında bir hayli popüler olan "sitemizden duyurular, son haberler" sayfaları artık hiç ziyaretçi çekemiyor. Ziyaretçilerimize ulaştırmak istediğimiz bilgi ve mesajları ayrı bir sayfada göstermek yerine ana sayfamızda yer vermek gerekiyor.

Aşağıdan bir tema seçerek yeniden oluşturabileceğiniz hazır html kodu sayesinde, dilediğiniz siteye bir bilgi panosu ekleyebilirsiniz. Bilgi panosunun kodu içerisindeki duyuru/mesaj sayısını dilediğiniz kadar çoğaltabilirsiniz.


1. Tema Seçin:

2. Önizlemeyi Göster

3. Kodu Oluştur

<!--Author: koddostu.com-->
<!--Licence: GNU GPL V2.0-->
<!--Name: HTML Bilgi ve Mesaj Panosu Hazır Kodu-->
<script>
(function () {var a=document.createElement("link");a.type="text/css";a.rel="stylesheet";a.href="https://panel.koddostu.com/css/15.css";a.media="all";document.getElementsByTagName("head")[0].appendChild(a);}());
</script>
<div id="kd-bilgi-panosu" class="tema2"><div id="kd-b-p-head">Bilgi Panosu</div><div id="kd-b-p-hold-hold"><div id="kd-b-p-hold">




    <div class="kd-b-p-duyuru">
    <a href="http://ipucu.koddostu.com/2016/08/neden-herkes-html-ve-css-ile-kodlama.html" target="_blank" class="kd-b-p-a">
    <span class="kd-b-p-title">
    İpucu: Neden HTML Öğrenmelisiniz?
    </span>
    <img src="http://goo.gl/rD82aH">
    <span class="kd-b-p-desc">
    Ortada HTML ve CSS öğrenmek için pek çok sebep var. Doğrudan kodlamayla veya tasarımla ilgilenmiyorsanız bile.
    </span></a>
    </div>
    
    
    
    <div class="kd-b-p-duyuru">
    <a href="https://panel.koddostu.com" target="_blank" class="kd-b-p-a">
    <span class="kd-b-p-title">
    Duyuru: Kod Dostu Panel Açıldı!
    </span>
    <img src="https://goo.gl/Ea2OSY">
    <span class="kd-b-p-desc">
    Yeni eklenti marketi, blogunuza&sitenize bir dakikadan az bir sürede kurulabiliyor ve onlarca aracın sitenize yüklenmesini tam olarak çocuk oyuncağı haline getiriyor.
    </span></a>
    </div>




</div></div></div>
<script src="https://www.koddostu.com/duzelt.js?no=362"></script>

Duyuru Sayısını Arttırmak

İki mesaj yetmez, bilgi panoma daha fazla duyuru eklemek istiyorum diyorsanız merak etmeyin, duyuru sayısını istediğiniz kadar arttırabilirsiniz!

Yukarıda oluşturulmuş olan kodun 12. satırından itibaren, şöyle bir kod parçası göreceksiniz:

<div class="kd-b-p-duyuru">
 <a href="http://ipucu.koddostu.com/2016/08/neden-herkes-html-ve-css-ile-kodlama.html" target="_blank" class="kd-b-p-a">
 <span class="kd-b-p-title">
 İpucu: Neden HTML Öğrenmelisiniz?
 </span>
 <img src="http://goo.gl/rD82aH">
 <span class="kd-b-p-desc">
 Ortada HTML ve CSS öğrenmek için pek çok sebep var. Doğrudan kodlamayla veya tasarımla ilgilenmiyorsanız bile.
 </span></a>
 </div>

Bu kod parçasından, alt alta dilediğiniz kadar ekleyip duyuru sayısını arttırabilirsiniz.
Duyurunun başlığını, linkini, resmini ve açıklamasını kod içerisinden, kodlama bilmeden kolaylıkla düzenleyebilirsiniz. Eğer duyuruda resim olmayacaksa, <img ile başlayan satırı silmeniz yeterlidir.