Blog Kang Adhan: tutorial

Showing posts with label tutorial. Show all posts

Monday, April 2, 2012

Tutorial adalah kebahagiaan

Pada tanggal 2 April 2012, pukul 08.10 saya berkesempatan bertemu dengan adik-adik tutorial jurusan mesin FT UNY. Seperti biasa, pertemuan dengan mad’u dakwah adalah pertemuan yang paling membahagiakan menurut saya. Jika di list, maka salah cara untuk menumbuhkan kebahagiaan adalah Tutorial.

Tutorial, menurut saya bukanlah sekedar aktivitas untuk mentransfer ilmu semata dari tutor kepada adik tutor, tetapi didalamnya juga terjadi silang persepsi yang melibatkan emosi untuk mempersamakan paradigma tentang bagaimana kita memandang Islam.

Menghilangkan Judul Pada Header

Masuk menu Layout kemudian masuk Edit HTML kemudian cari Code di blog Anda yang mirip seperti dibawah

#header h1 {
margin:50;
padding:5px 0 0 10px;
font-size: 100%;
font-weight:bold;
line-height: 1.2em;
letter-spacing:.0em;
font-style:italic;
color:#FFFFFF;
}

nahh seperti halnya menghilangkan tanggal posting kita tambahkan Code Css visibility:hidden; Kedalam Css Diatas Sehingga kurang lebih menjadi seperti dibawah

#header h1 {
margin:50;
padding:5px 0 0 10px;
font-size: 100%;
font-weight:bold;
line-height: 1.2em;
letter-spacing:.0em;
font-style:italic;
color:#FFFFFF;
visibility:hidden;
}

Jika Sudah Simpan pengaturanya....

sekian semoga bermanfaat.. jangan lupa isi komentar key

Sunday, August 10, 2008

Menampilkan Kode HTML pada Blog

pada awalnya Gue bingun abis gimana caranya untuk menampilkan kode html pada blog, tiap kali ku tulis pada blog, bukannya kodenya yang muncul, tapi justru encodenya. seperti misal gue ingin menampilkan kode html berikut :

<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif" width=30 height=18 border=0>

tapi yang muncul justru berikut:

akhirnya setelah kucari-cari, kutemukanlah yang kubutuhkan, untuk menampilkan kode html pada blog, maka yang pertamakali perlu kita lakukan adalah memparse kode-kode tersebut agar dapat tampil pada blog, misal tanda "<" pada kode html yang akan kita tampilkan, maka harus kita tulis &tl dan seterusnya. berikut adalah tabel parse yang kita butuhkan untuk memparse kode html:

Karakter	Notasi	Keterangan
<	<	Kurung runcing terbuka
>	>	Kurung runcing tutup
&	&	Tanda Dan
“	"	Tanda petik ganda
±	±	Tanda plus minus
Spasi		Tanda Spasi
©	©	Tanda hak cipta (copyright)
®	®	Tanda terdaftar (Registered)

tetapi untuk lebih mudahnya, dalam memparse kode kamu, ada situs yang menyediakan layanan unutk memparse kode kamu. berikut adalah situs tersebut:

http://centricle.com/tools/html-entities/
http://www.blogcrowds.com/resources/parse_html.php
http://www.accessify.com/tools-and-wizards/developer-tools/quick-escape/default.php

selamat mencoba!!!

Membuat Menu Listing

menarik bukan jika blog anda memiliki menu listing dari sekian banyak pilihan tema atau materi yang ada dalam blog. seperti Web pada umumnya, maka anda bisa memasukannya dalam blog anda.

hanya sedikit sentuhan dan banyak pilihanya yang bisa digunakan, maka listing menu anda akan terlihat menarik dan cantik untuk dilihat.

salah satu contohnya adalah : 3D menu In blue

<div id="navcontainer">
<ul id="navlist">
<li id="active"><a href="#" id="current">Item one</a></li>
<li><a href="#">Item two</a></li>
<li><a href="#">Item three</a></li>
<li><a href="#">Item four</a></li>
<li><a href="#">Item five</a></li>
</ul>
</div>

maka akan tampil sederet menu yang siap anda gunakan. cukup dengan mengganti tanda "#" dengan alamat file yang ada pada Browser anda, yang anda inginkan, maka menu dengan otomatis akan menuju alamat yang telah anda copikan tersebut.