Cara Membuat Tempelate Facebook Asli


Halo Sobat Bloger Kembali Addy Akan Coba Beri

Gambaran Cara Membuat Tempelate Facebook Seperti Aslinya..

Cara Mengcopy Atau Meniru Tempelate Orang lain Sangatlah Gampang..

Langkah Pertama Yang Harus Anda Copy Adalah Style css nya.

Seperti Contoh Di Bawah Ini..

<link href='http://static.ak.fbcdn.net/rsrc.php/v2/yT/r/z5tNYb9VT7B.css' rel='stylesheet'/>

Lebih Bagus Lagi Jika CSS Ini Anda Download Kemudian Anda Unggah Sendiri Kedalam Google code.com

Kemudian Langkah Yang Kedua Adalah...

Copy Script Nya, Seperti Contoh Di Bawah Ini...
<style type='text/css'>

#OMDHANI {width:94%;margin:0px auto;padding-top:30px;padding-bottom:30px;}

#OMDHANI83 {border-bottom:1px solid #cccccc;position:relative;}

#OMDHANI102 {font-size: 14px;margin: 0 0 0px 0;}



/* Outer-Wrapper----------------------------------------------- */

#outer-wrapper{width:94%;margin:0px auto;padding-top:30px;padding-bottom:30px;}

#content-wrapper{background:#FFF; padding:10px;padding-top:0px;padding-bottom:0px;}

#main-wrapper{width:70%; float:left;color:#222;padding-right:11px;font-size:small;}

#rsidebar-wrapper{width:28%;float:right;color:#222;padding-top:0px;font-size:small;}




/* Posts-----------------------------------------------*/

h2.date-header{margin:1.5em 0 .5em}

.wrapfullpost{}

.post{border-bottom:1px solid #cccccc;position:relative;}

.post-title{font-size: 14px;margin: 0 0 0px 0; }

.post-title a,.post-title a:visited,.post-title strong{color:#3b5998;}

.post-title strong,.post-title a:hover{color:#5278C7;}

.post-body{margin:0 0 .75em;text-align:justify;}

.post-footer{margin:.75em 0;color:$sidebarcolor;text-transform:uppercase;letter-spacing:.1em;font:$postfooterfont;line-height:1.4em}

.comment-link{margin-$startSide:.6em}


 </style>

Dan Yanglainya... Ini Hanya Sebagai Gambaran...

Kemudian Langkah Berikutnya Adalah...

Membuat id sesuai Dengan Secrip Yang Anda Copy...

Misal seperti  Contoh  Script Di atas...

Maka Kita Tinggal Meletakan Ide Nya...

Tepat Di Bawah Kode <body>

Contoh Seperti Ini...

<div id="OMDHANI">

Lalu Di Sini Isinya...

</div>



Terganteng Peran Ide itu Sebagai Apa,,, Jika Sebagai Sidebar Atau Posting Blog Berarti Tinggal Anda Isikan Posting Blognya atau Side Barnya Kedalam Ide itu... Contoh

<div id="OMDHANI">

<b:section class='main' id='main' showaddelement='no'>

<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/>

</b:section>
</div>

atau...

<div id="OMDHANI">

<b:section class='omdhani' id='omdhani' maxwidgets='4' showaddelement='yes'/>
</div>

Dan Setelah Semua Ide Terpasang Dan Tersusun Dengan Benar Anda Tinggal Mengcopy FILE Yang Hendak Anda Copy, Misal Silide Show nya, atau yang lainya,,,

Caranya...

Arahkan Kursor Anda Pada Lokasi Yg Hendak anda Copy.. Lalu Klik kanan.. Kemudian Tekan Pada Tulisan

Inspect Element (Q)

Jika Garis Kotak Sudah Teepat Melingkari File Yg Hendak Anda Copy Berarti Anda Sudah Tepat Sasaran..

Lalu Tinggal Anda Letakan Hasil Copian Tersebut Sesuai Lokasi Yg Anda Inginkan, Sesuai Dengan Tempelate Yg Hendak Anda Tiru..



Ini Contoh Tempelate Yg Saya Tiru... http://keysia-luvi.blogspot.com atau Web Teman sya Yg Sudah Memakai Tempelate Ini http://www.cyberbestbook.com/



Demikianlah Sekilas Info Cara Meniru Tempelate Atau Cara Membuat Tempelate Seperti Tempelate Orang Lain..



NB: Saya Tidak Suka Memberikan Sesuatu Kepada Oranglain BERBENTUK MATANG..

       Karna Itu Bersifat Tidak Mendidik.. Tetapi Saya Suka Memberl Sesuatu Yg Berbentuk .Cara.

       Dengan Tujuan Agar Anda Tau Cara Pembuatanya.. Trimakasih Semoga Bermanfaat...



Kegagalan Adalah Suatu Keberhasilan Yang Tertunda... Jika Anda Berkali Kali Gagal Meniru Tempelate Facebook.. Silahkan Berkomentar.. Nanti tak Kasih Link Download Nya,,.

0 komentar:

No Spam
And
Live Link