Blog sayfanızda admin paneli oluşturma ~ Blog Düzenim

Blogger.com/home sayfasına girmeden sayfa içinde admin paneli oluşturma.

Blogger Blog sayfanızda admin paneli oluşturma

Dediğim gibi pek rastlamadığım kullanışlı güzel kodları paylaşmaya devam ediyorum. Bu kod hani gerekli mi derseniz bilmiyorum. Olsa da olur olmasa da. Yine de blogunu özelleştirmek isteyenler için farklı ve güzel bir eklenti olacağını düşündüğümden paylaşmak istedim.

Kodlar sadece sayfa sahibi tarafından görünür. Ziyaretçiler bu bölümü görmez.

1. Blogger kumanda panelinizden - Şablon - HTML düzenle diyerek tema editleme bölümüne giriniz.
]]></b:skin> ya da </style> kodlarının hemen üzerine aşağıdaki kodları ekleyin.

Eğer skin kodlarının üzerine eklerseniz kod içinde <style> açılış ve </style> kapanış kodlarını silmeniz gerekir.

<style>

.ypanel{width:100%}
.ypanel h3{font-size:23px; border-top-left-radius:5px; border-top-right-radius:5px; background:url("https://cdn4.iconfinder.com/data/icons/Xiao/78.png")no-repeat 5px 14px; background-color:#000;color:#fff; padding:10px; margin:0}
.ypanel h3 span{padding-left:15px}
.ypanel ul{padding:0; margin:0; border:1px solid #ddd}
.ypanel ul li{list-style:none; background:#f7f7f7; padding:7px; border-bottom:1px solid #ddd}
.ypanel ul li:last-child{border-bottom:none}
.ypanel ul li:last-child a{color:red}
.ypanel ul li a{display:block}
.ypanel ul li:hover{background:#fff}
</style>

2. Daha sonra Yerleşim / Gadget ekle / HTML Javascprit / diyerek yeni bir gadget oluşturun. Oluşturduğunuz gadget içine aşağıdaki kodları ekleyin.

<div class="item-control blog-admin">
<div class="ypanel">
<h3><span>Hızlı Erişim</span></h3>
<ul>
<li><a href="https://www.blogger.com/blogger.g?blogID=***********#editor">YENİ YAZI</a></li>
<li><a href="https://www.blogger.com/blogger.g?blogID=***********#posts">Yazılar</a></li>
<li><a href="https://www.blogger.com/blogger.g?blogID=***********#comments">Yorumlar</a></li>
<li><a href="https://www.blogger.com/blogger.g?blogID=***********#stats">İstatistikler</a></li>
<li><a href="https://www.blogger.com/blogger.g?blogID=***********#templatehtml">Şablonu Düzenle</a></li>
<li><a href="https://www.blogger.com/blogger.g?blogID=***********#settings">Ayarlar</a></li>
<li><a href="http://BLOGADINIZ.blogspot.com/logout?d=http://www.blogger.com/logout-redirect.g?blogID%3D***********">Çıkış Yap</a></li>
</ul>
</div>
</div>

3. Kodlar içindeki BlogID=*********** ve BLOGADINIZ yazan yerleri düzenlemeyi unutmayın.

Ekran görüntüsü aşağıdaki gibidir.