Membuat postingan satu halaman penuh

Pujangga Blogs

09 February 2011

Membuat postingan satu halaman penuh

Dulu, sempat terbersit di benak saya untuk mencoba membuat sebuah postingan satu halaman penuh, tanpa keberadaan sidebar pada sisi kiri atau kanan halaman. Tapi untuk apa, saya belum membutuhkan atau bisa dikatakan belum ada ide tentang apa yang akan saya posting pada halaman tersebut saat itu.

Dan ternyata, saya membutuhkannya pada saat ini. Saya berencana menjadikan postingan satu halaman sebagai halaman pencarian berdasarkan penelusuran google dari apa yang sudah saya posting pada blog kesayangan ini. Dan hasilnya bisa anda lihat dengan mengisi kata kunci apa yang akan anda cari pada kolom hasil pencarian dibagian bawah halaman.

Tidak menjadi sebuah tuntutan tentang membuat sebuah halaman penuh ini hanya untuk dijadikan sebagai halaman pencarian. Anda bebas berkreasi, apakah anda akan menjadikannya sebagai halaman buku tamu, halaman mengenai diri anda, atau sebagai halaman bisnis tertentu yang anda jalankan.

Ok, tutorial ini saya tuliskan untuk anda, khususnya anda semua yang menggunakan platform Blogspot .
Namun, sebelum kita melangkah lebih jauh dalam tutorial ini. Silahkan anda tentukan dahulu postingan yang akan anda jadikan satu halaman penuh disaat pengunjung membuka halaman tersebut. Disini saya akan memberikan contoh kepada anda untuk membuat halaman "About Me".

Silahkan anda membuat sebuah halaman post baru, dan isikan mengenai diri anda. Sepertinya saya tidak perlu menjelaskan apa saja yang harus dituliskan mengenai diri anda. Mungkin sebagai gambaran, anda bisa mengisikan tentang pekerjaan anda, kesibukan lain yang anda minati dan beberapa data penting mengenai anda.
about me

Apabila semuanya sudah siap. buka list menu opsi postingan, dan atur tanggal penayangan post sebulan atau setahun sebelumnya dengan maksud, agar halaman post ini tidak berada pada halaman depan atau pada jejeran postingan terbaru.

Menurut saya, anda tidak perlu mengaktifkan komentar pembaca pada halaman ini. dan anda tidak perlu untuk mengisikan label pada halaman. Biarkan saja label dalam keadaan kosong. lalu, terbitkan halaman tersebut.
membuat post satu halaman

Sekarang anda sudah mempunyai sebuah halaman mengenai diri anda, tapi.... masih dalam bentuk postingan biasa. Yang penting anda harus ingat URL post halaman yang baru saja kita buat. karena URL post tersebut akan kita pakai untuk setingan pada halaman template HTML.

Silahkan anda masuk ke halaman template HTML . Umumnya, Blogspot menggunakan selektor ID "#main-wraper" pada konten halaman post. dan terkadang mereka pun memakai selektor CLASS ".post" . Kita akan pakai selektor tersebut dengan merubah properties "Width" , dan menambahkannya pada template yang posisinya diletakan pada bagian atas </head>.

Disisi lain, kita akan menghilangkan keberadaan sidebar dengan mengatur properties display: none;. Seperti apa yang telah kita rencanakan sebelumnya, bahwa kita akan membuat halaman "About me" menjadi satu halaman penuh tanpa keberadaan sidebar.

Prinsipnya, kode yang nantinya akan kita letakan pada bagian atas </head> , seperti di bawah ini :

<b:if cond='data:blog.url == &quot;URL POST&quot;'>
<style>
#sidebar{display:none!important;}
#main-wrapper{width:980px;}
</style>
</b:if>

URL POST : link yang akan di jadikaan sebagai postingan satu halaman penuh.
display:none : menghilangkan keberadaan sidebar pada halaman yang dituju.
width:980px : Luas dari halaman post tersebut ( sesuaikan dengan lebar halaman blogspot )

Dengan adanya atribut 'data:blog.url == &quot;URL POST&quot;' yang kita gunakan diatas. Maka, perubahan tampilan hamalan post hanya pada url post yang dituju. Dan pada halaman lainnya, tetap pada tampilan standar.
Untuk melihat hasilnya, simpan hasil editan template html. Lalu, buka halaman "about me" yang telah anda buat.
Agar mempermudah pengunjung melihat halaman mengenai diri anda. Buatlah sebuah link rujukan ke halaman tersebut dan letakan pada menu navigasi di halaman website anda.

Selamat mencoba.

2 comments:

Hitsuke on February 14, 2011 at 12:55 PM said...

sob..udah lama ga maen krmah..apa kabar..??

oh ya..masih ingat ga tempat mengupload file2 flash (SWF) kmrin..??

mohon dibles scepatnya y sob...

Thanks

Pujangga on February 14, 2011 at 6:50 PM said...

@ Hitsuke :
Sekarang , untuk upload file SWF aku pakai web.com ,mas. Coba deh mas Sign UP disana. ada fasilitas file managernya juga :20

http://members.webs.com


Post a Comment

:11
smiley
:12
smiley
:13 smiley :14
smiley
:15
smiley
:16
smiley
:17
smiley
:18
smiley
:19
smiley
:20
smiley
:21
smiley
:22 smiley :23 smiley :24
smiley
:25
smiley
:26
smiley
:27
smiley
:28
smiley
:29
smiley
:30
smiley
:31
smiley
:32
smiley
:33 smiley :34
smiley
:35
smiley
:36
smiley
:34
smiley
:38
smiley
:39
smiley
:40
input code is in the right smile icon image

Silahkan tinggalkan komentar anda dan harap tidak melakukan Spam..!!

Pujangga Blogs

administratorSeandainya segala sesuatu yang telah saya berikan ini bermanfaat bagi rekan-rekan semua.Sungguh saya ucapkan banyak Doa dan terimakasih kepada Mu Allah.SWT yang telah memberikan nikmat Berbagi sesama manusia dengan niat kebaikan dan kemajuan Negeriku ini..

the existence of this blog aims to broaden the information about web design by studying the parts of the structure of the html code for the beginner. Here also you can get the latest info about the entertainment media, affiliate programs etc.

Recent post


Download Free Movie


Pujangga Blogs Head News

Mengubah ILM ads google Untuk mengganti tampilan adsense google yang menampilkan Iklan Layanan Masyarakat tersebut dengan adsense lokal. Anda harus mengupload script adsense lokal dengan extensi html kelayanan webhosting anda.
Recent comment dengan efek overlay menu Following cursorBagi anda yang mempunyai keterbatasan ruang untuk meletakan widget Recent Comments, Saya akan mencoba membantu anda untuk membuat "Widget Recent comments" dengan efek overlay.
Membuat Guestbook Overlay fading headerEfek yang akan saya bahas kali ini adalah membuat tampilan Guestbook dan status twitter melayang dan berada ditengah - tengah halaman blog. Kita akan menyediakan menu guestbook pada sisi kiri halaman.
Membuat Headline Post widget tooltipsHeadline akan menggulung ke atas dengan sentuhan fade out ,seakan konten tersebut hilang dengan perlahan dan konten yang berada di bawahnya akan naik ke atas mengganti konten sebelumnya.
Membuat Number Page Navigation jQueryUmumnya Navigasi halaman dengan angka ini sering kita jumpai pada blog berplatform Wordpress. Namun bagi anda yang menggunakan platform Blogspot tak perlu berkecil hati, karena blogspot pun bisa mengadopsi tampilan NEXT dan PREV dengan widget Page Navigation Number.
Kode adsense didalam post menu navigasiUntuk meletakan Adsense didalam postingan, anda harus meletakan kode Script ads tersebut langsung ke template HTML blogspot. Sebagai langkah awal, silahkan anda login ke blogger.com » Dasboard »Design » Edit HTML » Beri tanda ceklist pada kolom .
1 2 3 4 5 6

Enter your email address:




review www.pujangga-adhitya.blogspot.com on alexa.com

free counters
 

Followers

Live Blog Stats

Recent Comment