Cara Mempersempit Postingan Dengan Scroll

Posted by : Stiker Jalingkut

Apa kabar sobat malam ini kami mau berbagi sedikit heheheh
ya'itu Cara Mempersempit Postingan Dengan Scroll
ya'mungkin dah gak jamannya lagi Cara Mempersempit Postingan Dengan Scroll
karna terlalu sempit tami buat sobat yang sering memosting gambar
atau puisi dan kabar Berita mungkin ini sangat memudahkan pembaca
gak terlalu sulit untuk nai turun heheheh..

ya'dah gak banyak bisara Capek mulutnya ntar heheheh
buat sobat yang mau pasang silakanikitu langkah-langkah di bawah

Langkah pertama sobat Copy Kode di bawah Pastekan di Bawah Kode <head>

section { width: 1024px; margin:auto;}
.wrapper { width:750px; height:100%; padding: 1em; -webkit-perspective: 400px;} 
.wall {width: 80%; background: rgb(30, 50, 230);
background: -moz-linear-gradient(30deg, rgb(30, 50, 230) 30%, rgb(90, 140, 250) 70%);
background: -webkit-linear-gradient(30deg, rgb(30, 50, 230) 30%, rgb(90, 140, 250) 70%);
background: -o-linear-gradient(30deg, rgb(30, 50, 230) 30%, rgb(90, 140, 250) 70%);
background: -ms-linear-gradient(30deg, rgb(30, 50, 230) 30%, rgb(90, 140, 250) 70%);
background: linear-gradient(30deg, rgb(30, 50, 230) 30%, rgb(90, 140, 250) 70%); border: 8px solid #000;
-moz-border-bottom-colors: #555 #666 #777 #888 #999 #aaa #bbb #ccc;
-moz-border-top-colors:    #555 #666 #777 #888 #999 #aaa #bbb #ccc;
-moz-border-left-colors:   #555 #666 #777 #888 #999 #aaa #bbb #ccc;
-moz-border-right-colors:  #555 #666 #777 #888 #999 #aaa #bbb #ccc;float: center; -webkit-transform: rotateY(25deg); height: 600px; overflow: scroll;}
.intro { width: 19%; float: right; position: top absolute; }
.frame { padding: 2em; border: 1px solid #333; float:center;
  margin:3%; background: rgb(30, 50, 230);
background: -moz-linear-gradient(30deg, rgb(30, 50, 230) 30%, rgb(90, 140, 250) 70%);
background: -webkit-linear-gradient(30deg, rgb(30, 50, 230) 30%, rgb(90, 140, 250) 70%);
background: -o-linear-gradient(30deg, rgb(30, 50, 230) 30%, rgb(90, 140, 250) 70%);
background: -ms-linear-gradient(30deg, rgb(30, 50, 230) 30%, rgb(90, 140, 250) 70%);
background: linear-gradient(30deg, rgb(30, 50, 230) 30%, rgb(90, 140, 250) 70%);border: 8px solid #000;
-moz-border-bottom-colors: #555 #666 #777 #888 #999 #aaa #bbb #ccc;
-moz-border-top-colors:    #555 #666 #777 #888 #999 #aaa #bbb #ccc;
-moz-border-left-colors:   #555 #666 #777 #888 #999 #aaa #bbb #ccc;
-moz-border-right-colors:  #555 #666 #777 #888 #999 #aaa #bbb #ccc;
max-width: 100%; z-index: 1000;}
.frame > img {
    max-width: 100%;
    height: auto;
}</style>

Cara pasang nya sangat mudah seperti biasa sobat kalu mau bikin Postingan
nah yang perlu di perhatikan biar kita mudah cara pasangnya sobat
Tuliskan dulu semuah yang mau di posti kalu suda selsai. sobat cukup menaroh
Div di bawah ini palinga Atas

<section>
<div class="wrapper">
<div class="wall">
    <div class="frame">

Kalu div di Atas sudah pada alwalan postingan sobat tinggal tambahkan Div di bawah
taroh di postingan paling bawah...

</div>
</section>

Contoh seperti Kode di bawah ini

<section>
<div class="wrapper">
<div class="wall">
    <div class="frame">
Admin Ganteng
</div>
</section>

Sekian dari kami tentang postingan Cara Mempersempit Postingan Dengan Scroll
semoga bermanfaat buat sobat yang membutuhkannya

{ 13 comentários... read them below or Comment }

mahbub ikhsan19 April 2013 pukul 08.59
MAKASIH ILMUNYA GAN...NGOPI DULU GAN BIARA GAK NGANTUK
BalasHapus
Balasan
paimung19 April 2013 pukul 09.14
ia nih.. biar postingan jadi elegant... makasih gan ilmunya..
BalasHapus
Balasan
Boku no Blog19 April 2013 pukul 09.41
Wuih keren mas, jadi ƍäªќ perlu main seret menyeret, tinggal discroll aja. Terimakasih tutornya.
BalasHapus
Balasan
Kang Muroi19 April 2013 pukul 15.33
wah ini postingan kaya ngliat tipi mas jadinya hehe...
BalasHapus
Balasan
Odhzar Jhadeya19 April 2013 pukul 15.41
Mampir nyimak tutorialnya mas..
Sekalian ijin mau ngopi juga sih..hihi..
BalasHapus
Balasan
Tatik Uc19 April 2013 pukul 18.50
keren..
BalasHapus
Balasan
lang lang blog19 April 2013 pukul 20.31
keren pol mas ini, bukan hal tertentu saja yang perlu disempitkan ya hehe.......
BalasHapus
Balasan
PS Holic19 April 2013 pukul 21.46
saiia kira scroll itu hanya untuk mempersingkat tampilan agar gag memanjang.. tapi ternyata ada juga istilah utk mempersempitnya kang iia ;) mantap!!!

Belajar Photoshop
BalasHapus
Balasan
abang ichal19 April 2013 pukul 22.29
kalo mempersempit itu pada lebar [kiri kanan]
kalo pada tinggi [atas bawah]? sempit juga namanya kah? nda tau deh
BalasHapus
Balasan
Vpie ◥TwekzLibz◤ MahaDhifa20 April 2013 pukul 01.37
.. ternyata agak miring ya tampilannya?!? ..
BalasHapus
Balasan
Anonim20 April 2013 pukul 02.44
Wah, mantep nih master .. ngopi-ngopi gan .. :D
BalasHapus
Balasan
nia dewiasih20 April 2013 pukul 03.40
Gk e.anak jg klo ksmpitan jeng
BalasHapus
Balasan
Sigli Cyber20 April 2013 pukul 10.40
mmkasi sob buat ilmu nya
BalasHapus
Balasan

Tambahkan komentar

1. Komentar SPAM Akan secepatnya dihapus
2. Pastikan untuk " Berlangganan Lewat Email "Atu FACEBOOK Selladrt"
3. Cek komentar masuk sebelum bertanya.
4. Link aktiv tidak akan berpungsi.
5. Bebas menyebarluaskan artikel tanpa persetujuan dari saya.
7. Bergabung dengan kami untuk menjadi member Klik " Join to Member "

TUTORIAL™

--✽-✽--WELCOME TO --✽-✽--

Cara Mempersempit Postingan Dengan Scroll

{ 13 comentários... read them below or Comment }

Gabung Yuk

Labels

Mengenai Saya

Pengunjung

Labels

Pengikut