aaaaaa

aaaaaa

hay

how to create an

UNIQUEPOSTDESIGN

LAYOUT

HOME

Unique Post merupakan tampilan yang berbeda dari halaman lainnya. Untuk membuat posting unik ini, sobat harus memahami CSS dan HTML dan merupakan syarat mutlak, alias tidak boleh tidak. Tampilan berbeda seperti ini biasanya digunakan oleh para Blogaziner, yaitu blogger kreatif yang membuat postingan berbeda di tiap halaman, layaknya sebuah majalah.

Cara membuat postingan unik ini, yaitu dengan mengatur ulang CSS tertentu, mana yang akan dirubah , mana yang akan disembunyikan, mana yang diperbesar, dan mana yang diperkecil. CSS baru tersebut, bisa ditempatkan dibawah postingan, atau dengan menggunakan tag kondisional. Untuk lebih memahami tag kondisional (silahkan cari di google : tag kondisional dan cara penggunaannya.)

Saya lebih menyarankan untuk menggunakan tag kondisional, daripada menambahkan CSS dibawah postingan.

Detail Tutorial

Selanjutnya akan saya coba jelaskan step by step bagaimana cara membuat postingan yang unik / berbeda dari postingan yang lain. Untuh lebih memahami konsep desain ini, silahkan sobat pelajari dan fahami baik-baik apa yang saya tulis dibawah.

Pertama, fahami dulu elemen yang ada pada template. Tentukan elemen mana saja yang akan sobat sembunyikan. Sebagai contoh, postingan ini disembunyikan header, menu, sidebar, footer, breadcrumbs, related-post, post-info. maka sobat tulis dulu CSSnya kurang lebih seperti ini :

<style type='text/css' scoped=''>
#header-wrapper,
#menu,
#sidebar-wrapper,
#footer-wrapper,
#sidebar-wrapper,
.breadcrumbs;
.related-posts,
.post-info {
display:none;
}
</style>

Kedua, rubah warna backround, jenis huruf, ukuran huruf, warna huruf, lebar area posting, dll. Tambahkan ke CSS sebelumnya.

#main-wrapper{
width:100%;
background:#333;
font-size:18px;
line-height:1.7em;
}

Ketiga, buat CSS baru untuk isi postingan. Sebagai contoh saya buat kode CSS seperti ini :

.kotak-atas{
background:#222;
color:#fff;
font-size:45px;
padding:15px;
}
.kotak-atas h1{
background:#222;
color:#ccc;
font-size:90px;
}

Keempat, buat HTMLnya. Contohnya :

<div class="kotak-atas">
 <h1>Belajar Blogazine</h1>
 Saya sedang belajar blogazine bro... !!!
</div>

Tugas selanjutnya adalah membuat CSS dan HTML nya masing-masing. Perhatikan juga id atau class yang digunakan.

Silahkan bereksperimen dengan kreasi sobat, atau sobat bisa mencari referensi lain sebagai konsep desain.

Trung thu vui vẻ

Lý sự sinh viên nghèo

Một chàng sinh viên nghèo đói bụng quá không biết làm thế nào, túng làm liều chui vào một quán nước:
- Cho tôi một cái bánh giò.
- Có ngay! Chủ quán bê ra 1 cái bánh giò.
- Bánh bao thì giá cả thế nào?
- Như bánh giò.
- Thế thì đổi cho 1 cái bánh bao.
Chàng ăn xong cái bánh bao đứng dậy đi về.
- Ơ kìa! không trả tiền à?
- Tiền nào????
- Tiền bánh bao.
- Nhưng tôi đổi bằng bánh giò rồi cơ mà.
- Nhưng đã trả tiền bánh giò đâu
- Ơ hay! nhà chị buồn cười thật, Bánh giò nhà chị vẫn ở nguyên kia, tôi có ăn đâu mà bảo trả tiền.

                                             Nguồn:http://www.truyencuoi.vn/truyen-cuoi/ly-su-sinh-vien-ngheo

Thơ tình trên Net

Em giận hờn cưỡi IE chạy mãi
Anh hoảng hồn lấy Firefox đuổi theo
Đằng xa kia Netscape đá lông nheo
Cancel luôn vì em là trên hết.
Accept nhé lời tỏ tình bất chợt
Hai trái tim sẽ Connect dài lâu
Dẫu Phishing có lừa dối đến đâu
Tin anh nhé vì tình anh còn mãi…
Nếu một ngày Windows em báo lỗi
Anh nguyện làm các Soft test đơn phương
Từng Sector anh đi khắp nẻo đường
Fix hết nhé những Error trêu tức.
AVI kia những đêm dài thao thức
Lỗi mất rồi thiếu Codec em ơi!
Ngó Display lòng thấy quá chơi vơi
Anh DIVX nhìn em cười từ tốn.
Em lướt Web bao Trojan săn đón
Anh xin làm chàng NAV đứng ngóng trông
Cố sức mình Scan hết băng thông
Che chở em trước muôn ngàn Virus.
Bao Spyware ngồi nhìn em hóng hớt
NAV đơn côi thấp thoáng phía kia đường
Khi Hacker giẫm đạp chẳng xót thương
Co mình lại giương Firewall chống đỡ.
Nếu một mai Admin em có lỡ…
Delete rồi File chứa những yêu thương
Đôi mắt biếc Paint đầy nỗi vấn vương
Đừng khóc nữa anh Restore trở lại.
 

                                           Nguồn:http://trithuc.gov.vn/tho-vui-tinh-tren-net