İyinet'e Hoşgeldiniz!

Türkiye'nin En Eski Webmaster Forum'una Hemen Kayıt Olun!

Kayıt Ol!

Wordpress Makale Bilgileri Gösterimi

wmbrkn

0
Yasakli Uye
Katılım
29 Ekim 2011
Mesajlar
0
Reaction score
0
bilgi.png

Kod:
.bilgigir {
width: 440px;
height: 22px;
color: #fff;
margin-top: 3px;
font-size: 11px;
font-family: tahoma;
color : #5d5d5d;
padding: 6px 0px 0px 3px;
float: right;
overflow: hidden;
back
}

.bilgiarka {
width: 575px;
height: 31px;
background: url(images/haberarka.png) no-repeat;
margin: 5px 0px;
overflow: hidden;
}

.bilgiarkabilgi {
width: 105px;
height: 22px;
font-weight: bold;
color: #fff;
margin-left: 2px;
margin-top: 2px;
float: left;
padding: 6px 0px 0px 5px;
}
Bu kodu style.css dosyasına yapıştıracağız.
İlk olarak ben size neler yapılacağını anlatayım.
Kod:
<div class="bilgiarka">
<div class="bilgiarkabilgi">Başlık[Bakılma Bölümü]</div>
<div class="bilgigir">Pembe yazı yazılan bölüm.</div>
</div>

Bu divlerin bölümü. Şimdi ilk olarak script bilgileri için yaptığım bölümü göstereceğim.
scriptbilgi.png

Kod:
<div class="bilgiarka">
<div class="bilgiarkabilgi">SCRİPT BİLGİSİ</div>
<div class="bilgigir">Bu script<strong><!--?php the_time(' d F Y') ?-->, <!--?php the_time() ?--></strong> tarihinde <!--?php the_category(', ') ?--> kategorisinde yayınlandı.</div>
</div>
Bakılma bölümü için yaptığım bölüm.
bak%C4%B1lma.png

Kod:
<div class="bilgiarka">
<div class="bilgiarkabilgi">Bakılma</div>
<div class="bilgigir">Bu Scripte < ?php if(function_exists('the_views')) { the_views(); } ?> Kez Bakıldı..</div>
</div>
Fakat bunun içi bir eklenti gerek.PageViews googlea yazın çıkar.

Paylaş bölümü.
payla%C5%9F.png

Bunun için vereceğim indirme linkindeki sosyal dosyasıı tema klasörünüzün içine atıcaksınız.
Kod:
<div class="bilgiarka">
<div class="bilgiarkabilgi">PAYLAŞ</div>
<div class="bilgigir">   
<div style="margin-top: -3px;">
<a rel="nofollow" href="http://www.facebook.com/share.php?u=<?php the_permalink(); ?>"  target="_blank" /><img src="<?php bloginfo('template_url'); ?/>/sosyal/sosyal_04.png" alt="facebook" title="Facebook'ta Paylaş!" /></a>
<a rel="nofollow" href="http://twitter.com/home?status=<?php wp_title(); ?> < ?php the_permalink(); ?>" target="_blank" /><img src="<?php bloginfo('template_url'); ?/>/sosyal/sosyal_02.png" alt="Twitter" title="Twitter'da Paylaş!" /></a>
<a rel="nofollow" href="http://friendfeed.com/?title=<?php wp_title(); ?>&url=< ?php the_permalink(); ?>"  target="_blank" /><img src="<?php bloginfo('template_url'); ?/>/sosyal/sosyal_11.png" alt="Frienfeed" title="FriendFeed'te Paylaş!" /></a>
<a href="/feed"><img src="<?php bloginfo('template_url'); ?/>/sosyal/sosyal_17.png" alt="Twitter" title="RSS" /></a>
<a rel="nofollow" href="http://www.google.com/bookmarks/mark?op=edit&bkmk=<?php the_permalink(); ?>&url=< ?php the_permalink(); ?>"  target="_blank" /><img src="<?php bloginfo('template_url'); ?/>/sosyal/sosyal_15.png" alt="Google" title="Google'da Payla�!" /></a>
</div>
</div>
</div>
Etiketler Bölümü
etiketler.png

Bu bölüm için şu kodları kullanacağız.
Kod:
<div class="bilgiarka">
<div class="bilgiarkabilgi">ETİKETLER</div>
<div class="bilgigir">                < ?php the_tags( '', ', ', ''); ?>   </div>
</div>

Ve bu kadar şimdi vereceğim linklerdeki dosyayı temanıza atın.sosyal dosyasını temanıza öbür resim dosyasını ise temanızdaki images dosyasına atınız.

Dosyaları indir

Kaynak:Wordpress Makale Bilgileri Gösterimi
 

Türkiye’nin ilk webmaster forum sitesi iyinet.com'da forum üyeleri tarafından yapılan tüm paylaşımlardan; Türk Ceza Kanunu’nun 20. Maddesinin, 5651 Sayılı Kanununun 4. maddesinin 2. fıkrasına göre, paylaşım yapan üyeler sorumludur.

Backlink ve Tanıtım Yazısı için iletişime geçmek için Skype Adresimiz: .cid.1580508955483fe5

Üst