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> :
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/> :
Keterangan :
4.Langkah Terhakhir Save/Simpan Template.
Itulah Cara Membuat Menu Di Bawah Posting Di Blog Semoga.
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:'calibri';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:'calibri';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:'calibri';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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEDGsNt8lSvru6C_nTRR5672s91sTiqJguHvUMt59ZuwHSobTaPQvpaIsc60NBCklzsPMJ_ffuxil_Ipv_1k8EPQXi1mWORYfxUgPmnzhwq2VoxcPg2g3f2TwTQO5XD9SIAlNO4w7T7Spb/s1600/Submite+Facewoman+%28Small%29.jpg' width='220'/></a> </div> </div>
Keterangan :
- 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.
- Ganti http://facewoman.blogspot.com/2012/06/kirim-artikel-ke-facewomancom.html dengan link anda sendiri.
Itulah Cara Membuat Menu Di Bawah Posting Di Blog Semoga.
artikelnya memang bermanfaat sekali nih...
ردحذفterima kasih :D
salam sahabat
إرسال تعليق
Hallo sobat..Kami Senang! Apabila Anda mau meninggalkan Saran, kritik dan Opini tentang Artikel Blog Kami.