Welcome In Hudi Net

Contoh Sliding Login Dengan JQuery

Disamping ini adalah contoh Sliding Login menggunakan JQuery. Login Form Disamping hanya Contoh dan tidak dapat digunakan layaknya Login Form FB, Karena Blog ini terbuka untuk umum tanpa perlu mendaftar menjadi Member

Tutorial

Untuk membuatnya Silahkan : KLIK DISINI

Member Login

Lost your password?

Not a member yet? Sign Up!

.
  • Hot Cabe - Cabe 'an




Membuat postingan di home page menjadi 2 kolom



Membuat postingan di home page menjadi 2 kolom suatu cara untuk merubah tampilan default bloger dengan cara membagi jadi 2 bagian yaitu sebelah kiri dan kanan.


Kustomisasi halaman posting ini tentu saja bermanfaat untuk memanfaatkan ruang blog yang terbatas menjadi maksimal, karena lebar halaman posting yang defaultnya 1 buah kini bisa menjadi 2 buah, tentu saja dengan konsekuensi tampilan lebar halaman posting di home page menjadi kecil karena ruangnya dibagi menjadi 2 kolom,akan tetapi hal ini tidak berlaku pada halamam page atau pada saat menampilkan url artikel anda, maka halaman posting akan kembali default dengan lebar yang normal.

berikut cara membuat postingan di home page menjadi 2 kolom:
  1. Login ke blogger dengan ID anda.
  2. Klik Rancangan. 
  3. Klik tab Edit HTML. 
  4. Disarankan untuk membuat backup terlebih dahulu, klik pada tulisan Download Template Lengkap.
  5. Cari kode css .post{ ( masing-masing template kadang berbeda) cari yang seperti ini :
.post{background:#fff;
margin:0.5em 0.5em;
border:0px solid #ccc;}
padding:0.5em;
  1. Jika anda sudah temukan kode tersebut perhatikan perhatikan margin:0.5em 0.5em; kamu tinggal menyisipkan auto pada margin tersebut, sehingga menjadiseperti ini :
.post{background:#fff;
margin:0.5em auto 0.5em;
border:0px solid #ccc;}
padding:0.5em;
  1. Kemudian carilah kode ]]></b:skin>, copy lalu paste kode berikut persis dibawah kode]]></b:skin>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<style>
.post {
width:285px;
height:400px;
margin-right:5px;
overflow:hidden;
float:right;
border:3px double #808080;
}.post-body{color:#555;margin: 5px 10px 5px 10px;padding:0;font-family:&#39;tahoma&#39;,Helvetica,Sans-serif;font-size:11px;line-height:16px;text-align:justify} </style></b:if>
Jika sudah selesai, silahkan di preview dulu, jika tidak terjadi masalah , jangan ragu-ragu silahkan save template.
silahkan atur ketinggian dan lebar sesuaikan dengan lebar postingan template anda, lihat yang berwarna biru.

Mungkin sampai disini dulu Belajar Komputer Melalui Internet tentang membuat postingan di home page menjadi 2 kolom kali ini, semoga bermanfaat bagi Anda.


--------------------
BlackBerry
--------------------

BlackBerry
BlackBerry Storm
Iphone 3Gs
Sony Ericsson K660i
Notebook Sony VAIO
Yahoo! Messenger
Sony Ericsson Xperia X1
Notebook ACER
Love Letters
Notebook COMPAQ
Apple MacBook Pro
O2 smartphone
Bloo for Android
TweetDeck

--------------------
---------------------------- KOSONG... ^_^ ----------------------------