HALO Friend, welcome | LOGIN | DAFTAR
Rabu, 26 September 2012 | 23:56 WIB

Cara Membuat Menu Di Bawah Posting Di Blog

Cara Membuat Menu Di Bawah Posting Blog
 Cara membuat menu di bawah posting blog - Mungkin sahabat facewoman Masih Bingung! Apasih maksud dari judul artikel Di atas???. Saya aja juga bingung hehehe... mau memberi judul apa pada postingan ini. Hasil dari Tutorial ini akan terlihat pada screenshot di atas. Jadi akan seperti menu yang ada di bawah postingan Blog facewoman Ini. Jika anda tertarik untuk membuatnya silahkan ikuti langkah - langkah di bawah ini :

1.Pertama - tama Login Blogger.
2.Langkah kedua Dashboard - Template - Edit HTML - Centang Expand Template Widget - Kemudian Cari Kode ]]></b:skin> Untuk mempercepat Proses Pencarian Kode Gunakan Ctrl + F lalu Masukkan Kode ]]></b:skin> .Jika kode tersebut sudah anda ketemukan, Kemudian masukkan kode di bawah ini tepat di atas Kode ]]></b:skin> :
#bawahpost{background:#f2f2f2;text-shadow:none;border:1px solid #b7b7b7;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;box-shadow:0 0 5px #ccc;-moz-box-shadow:0 0 5px #ccc;-webkit-box-shadow:0 0 5px #ccc;color:#ccc;margin:0 0 10px;margin-top:10px;padding:15px}
#bawahpost .related-posts{font-weight:700;width:51%;float:right}
#bawahpost .related-posts p{margin:0 padding-left:5px}
#bawahpost .related-posts ul{font-weight:400;margin:2px 0 0}
#bawahpost .langganan{width:46%;float:left;color:#a6a6a6}

3.Langkah Ketiga sama halnya dengan langkah Poin No. dua ( 2 ) kemudian cari Kode <data:post.body/> Jika terdapat dua kode persis <data:post.body/> Gunkan Kode paling bawah, Kemudian Masukkan kode di bawah Ini tepat di bawah Kode <data:post.body/> :
<div class='clearfixed' id='bawahpost'>
<div class='langganan'>

<div style='background:#efefef;display:block;font-family:&apos;calibri&apos;;font-size:15px;color:#c69432;font-weight:bold;'>Hallo Sobat !Mana Profile kamu?</div> 
<div style='overflow:auto; width:ancho; height:120px;'>
<div style='background:#fff;display:block;font-family:&apos;calibri&apos;;font-size:12px;color:#222;font-weight:bold;'>
Kirimkan Foto,Video Dan Bio Data Profile Anda Atau Blog Anda ke E-mail Cintakubaca@gmail.com .Kiriman anda akam kami jadikan profile Di Menu Profile Hari Ini Atau Menu Mata-Mata.

</div></div></div>

<div class='related-posts'>

<div style='background:#efefef;display:block;font-family:&apos;calibri&apos;;font-size:15px;color:#c69432;font-weight:bold;'>Submit :</div> 
<a href=' http://facewoman.blogspot.com/2012/06/kirim-artikel-ke-facewomancom.html' title='Mana Profile kiriman kamu?'><img alt='submit' height='103' src='http://4.bp.blogspot.com/-iURGFQqlpaA/UEbpxwjLQWI/AAAAAAAADFU/xGQ4WcFNtpY/s1600/Submite+Facewoman+%28Small%29.jpg' width='220'/></a>
</div>
</div> 

Keterangan :
  1. Ganti Tulisan " Kirimkan Foto,Video Dan Bio Data Profile Anda Atau Blog Anda ke E-mail Cintakubaca@gmail.com .Kiriman anda akam kami jadikan profile Di Menu Profile Hari Ini Atau Menu Mata-Mata. " dengan kata-kata anda sendiri.
  2. Ganti http://facewoman.blogspot.com/2012/06/kirim-artikel-ke-facewomancom.html dengan link anda sendiri.
4.Langkah Terhakhir Save/Simpan Template.

Itulah Cara Membuat Menu Di Bawah Posting Di Blog Semoga.
Bagikan ke :
thumbnail Title: Cara Membuat Menu Di Bawah Posting Di Blog
Posted by: ANDIK WIN
Rating: 4.5 ★★★★★ - 174.984 Reviews
Reviewer: 1 hour 30 min - 9.999 Kalori
Sponsored Link

1 Komentar di "Cara Membuat Menu Di Bawah Posting Di Blog"

  1. artikelnya memang bermanfaat sekali nih...
    terima kasih :D
    salam sahabat

    BalasHapus

Poskan Saran, kritik Serta Opini Anda Pada Blog Facewoman :

TERPOPULER :
TERKOMENTARI :
Mari Gabung Di KBN ( KOMUNITAS BLOGGER NEWBIE INDONESIA ) » KLIK DISINITemui Kami di twitter@andikwinclose
(close)
Back Top