Kişisel Site Scripti

Güncelleme 15.09.2016

-PDO baglan.php hatası fix.

Güncelleme 18.06.2016

-Canlı demo eklendi.

-Color Pick eklenerek renk seçimleri kolaylaştırıldı.

-Yönetim paneli tamamen Bootstrap ile kodlandı yeniden dizayn edildi.

-Script GitHub’a eklendi artık anlık olarak daima güncel.

Güncelleme 05.03.2015

-Resim galerisi eklendi,

-Veritabanına ekleme yapıldığı için sql dosyası yeniden import edilmeli.

Güncelleme 26.02.2015

-Sıfırdan panel yazıldı,

-Güvenlik açıkları kapatıldı,

-Daha çok alana müdahale imkanı getirildi.

-Beceri-Yetenek ekleme, renk ayarları

-Sosyal linkler ekleme, renk atama

Güncelleme 11.02.2015

-Hazırda bulunan basit bir panel giydirildi.

Admin Paneli Özellikler

-Galeri oluşturma

-Yetenek ekleme

-Sosyal İkonlar

-Ön yazı

-İletişim sayfası

-Anahtar kelimeler, açıklama

Kişisel Site Script Tanım

Merhaba arkadaşlar daha önce sizlere kişisel site scripti paylaşmıştım. Scripti portfolyo olarak bende kullanıyorum. Önizlemesini şuradan görebilirsiniz. Biraz boş vakit bulunca bu scripte basit ama kullanışlı bir panel yazmak istedim. Scripti sizin yorumlarınız ve düşünceleriniz doğrultusunda güncelleyeceğim.

Veri tabanı bağlantısı için Connections klasöründe bulunan baglan.php dosyasını kendi bilgilerinize göre düzenleyin.

Yönetim panelinize siteadi.com/yonetim şeklinde giriyorsunuz. Kullanıcı adı: admin Şifre:12345

sql dosyası indirdiğiniz dosyanın içinde mevcuttur. Veri tabanına sql dosyasını okutmadan çalışmaz. Videoda nasıl yapacağınızı anlattım. Kolay bir kurulum için videoyu mutlaka izleyiniz.

Kişisel site scriptleri içinde benim en beğendiğim tasarım diyebilirim. Demoyu incelerseniz kullanıcıya arkaplanda kendi göz zevkine göre değiştirebileceği arkaplan değiştirmek için bir uygulama eklenmiş. İster renk olarak ister resim olarak arkaplan değişimi yapabilmek mümkün. CV, Foto Galeri, İletişim olamak üzere üç sayfadan oluşuyor. Tasarımın Gtmetrix sonuçları 58 lerde yani E grubundaydı, bir kaç optimize ile tasarımı bu sonuçlarla sunuyorum.

Gtmetrix Sonucu

Gtmetrix Sonucu

mintakslakeko adlı kullanıcının isteği üzerine disqus yorum kutusu ekledim arkadaşlar dileyenler ilgili düzenlemeyi anlattığım şekilde yapabilir.

Öncelikle disqus‘a üye oluyoruz, daha sonra sitemize ekleyebilmek için kod sayfasına ulaşıyoruz. Bu sayfada Universal Code seçeneğini seçiyoruz karşınıza üç adımlı bir anlatım ve kodlar gelecek Place the following code where you’d like Disqus to load:  1.seçenekteki kodları kopyalıyoruz. (İlk Kutuda Olan Kod)

Tahminen aşağıda ki gibi bir kod türetecek;

  <div id="disqus_thread"></div>
    <script type="text/javascript">
        /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
        var disqus_shortname = 'okandiyebiri'; // required: replace example with your forum shortname

        /* * * DON'T EDIT BELOW THIS LINE * * */
        (function() {
            var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
            dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
            (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
        })();
    </script>
    <noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
    <a href="http://disqus.com" class="dsq-brlink">comments powered by <span class="logo-disqus">Disqus</span></a>

Yukarıdaki kod benim kendi üyelik hesabıma tanımlanmış bir koddur, yani sizin kodunuz size özel olacaktır. Yukarıda ki kodu örnek olsun diye ekledim. Aslında değişsen tek şey 4.satırda ki üye adı, oraya disqusa olan üye adınızı yazarsanız pek bir şey farketmeyecektir. 🙂

İşaretlemiş olduğum 13 ve 14.satırı koddan silebilirsiniz disqus’ın reklam linkleridir. Kodda bir bozulma meydana gelmez. Disqus’a üye olup kod sayfasından almış olduğunuz kodu scriptin index.html sayfasında 541.satıra yapıştırıp kaydedin. Eğer scriptinizin index.html dosyası ile daha önce oynadıysanız satırlarınız şaşmış olabilir.(notepad ++kullanın)

[reklam]

Admin panelli kişisel site scripti

Kişisel site scripti

Yönetim Paneli Adresi için tıklayınız.

Kullanıcı adı: demo

Şifre: 123456