Banu Pramudita Blogspot: Juli 2012

Sabtu, 28 Juli 2012

CARA MEMBUAT AUTOHIDE NAVBAR

pada posting yang lalu saya menulikan cara menghilangkan navbar. ada cara lain yang mungkin lebih baik yaitu dengan Auto HIde Navbar. cara ini tiadak akan melanggar TOS (Term Of Servise) blogger. karena navbar masih tetap akan pampil di blog anda.

langsung aja lah.....

1. seperti biasa anda harus login dan pilih blog yang akan di edit.

2. klik menu Layout (Tata Letak) pilih Edit HTML

3. jangan lupa centang kotak Expand Template Widget

4. kemudian cari kode seperti dibawah ini

body {

5. copy kode dibawah ini iatas kode tadi.

#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}

#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}

4.Kode keseluruhanya seperti ini

#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}

#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}

5. klik tombol SAVE TEMPLATE. selesai

6. coba buka blog anda, navbar anda akan tampil ketika anda arahkan pointer dibagian atas dari blog.

CARA MEMBUAT TEMPLATE DI BLOG !

Yak akhirnya jadi juga, seperti yang aku janjikan kemarin yaitu "Cara Membuat Template Blogger". Mulai dari mana ya? nnnngg.. :t ohya, tak jelasin dulu deh tentang artikel ini. Gini, dalam trik berikut, kita akan mencoba membuat template yang paling sederhana dan paling mudah. Sebenarnya dalam mebuat template di blogger harus mengerti tentang CSS dan HTML, tapi untuk kali ini kita hanya memerlukan sedikit kemampuan tersebut karena kita akan membuat template yang paling sederhana, tapi jangan salah walaupun caranya sederhana tapi hasilnya bisa sangat luar biasa, tergantung dari desainernya. Ok deh mulai aja deh ya, kayaknya udah pada nggak sabar nih.

Gini, cara termudah dalam membuat template blogger yaitu dengan mendownload sebuah template kemudian kita otak-atik sendiri, jadi kita tidak perlu membuat dari awal. Untuk bahan praktek kali ini kita coba memakai template yang aku dah pernah aku buat, downlad disini bahannya. Sebelum kita mulai gue saranin lo buat blog baru aja biar gak ngerusak blog asli kamu.

Tahap Desain

Template yang akan kita buat disini memiliki empat komponen utama yaitu Background, Header, Main dan Footer. seperti yang ada dalam gambar berikut:

Jadi kamu harus membuat keempat komponen tersebut. Cara buatnya gimana? kamu harus bisa menggunakan software image editor seperti Photoshop, Corel, Paint dll. Cara pembuatan desainya lebih jelasnya seperti ini:
1. Buat desain seperti gambar diatas
2. Pada bagian background usahakan bersifat "Tile / Pattern" (kecil dan berulang-ulang).
3. Untuk Main dibagi lagi menjadi beberapa kolom, boleh 2 kolom, 3 kolom atau terserah deh. Dan biasanya terdiri dari bagian utama (posting) dan sidebar.
4. Kemudian potong-potong perbagian.
5. Untuk bagian Header motongnya harus full.
6. Bagian background, main dan footer motongnya sedikit aja karena bersifat "tile"
7. Desain diatas kalo dipotong-potong akan menjadi seperti ini :

background

header

main

footer

8. Upload potongan-potongan tersebut pada sebuah webhosting atau layanan penyimpanan file lainya. Contohnya di geocities atau Photobucket dll.

Nha modeng po ra?

Sekarang kita memasuki ke tahap penyusunan di blogger. gini langkah-langkahnya. Ohya udah di download belum tadi bahanya, kalo belum download dulu diatas itu. Ok kita mulai:
1. Kembali ke blogger dan ke menu "Edit HTML".
2. Trus klik tombol "Brows" untuk mengupload template yg udah kamu donwload tadi.
3. Kemudian Cari kode seperti ini:

body { margin: 0px; padding: 0px; text-align: left; font:$bodyfont; color:$textcolor; background: #323232 url('http://kendhin.890m.com/template/bg.jpg') repeat-x top left; }
4. Ganti text yang dicetak tebal dengan lokasi gambar background yang kamu buat.
5. Cari kode seperti ini :

#center {background: #ffffff url('http://kendhin.890m.com/template/main.jpg') repeat-y top center;}

6. Ganti text yang dicetak tebal dengan lokasi gambar main kamu.
7. Cari kode seperti ini:

#header { margin: 0; height:196px; width:898; color: $pagetitlecolor; background: url('http://kendhin.890m.com/template/head.jpg') no-repeat top center; }

8. Ganti text yang dicetak tebal dengan gambar header.
9. Cari kode seperti ini:

#footer { margin: 0; width: 898px; height:80px; padding: 0px; background: url('http://kendhin.890m.com/template/foot.jpg') repeat-y top center; }

10. Ganti text yang dicetak tebal dengan gambara foter.
11. Masih ada beberapa hal yang harus kamu perhatikan. coba cari kode-kode berikut:

#outer-wrapper { width: 898px; margin: 0px auto 0; text-align: justify; }

kode width: 898px menunjukkan lebar dari blog kamu, kamu bisa mengubahnya sesuai keinginanmu, tapi harus disesuaikan dengan lebar desain gambar yang kamu buat.

#main { float: left; width: 445px; margin: 5px; padding: 0px 0px 0px 10px; line-height: 1.5em; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; }

kode width: 445px; adalah lebar daerah main yang berisi posting, kamu bisa merubahnya.

#sidebar { float: right; width: 153px; padding-right: 50px; font-size: 83%; color: $sidebartextcolor; line-height: 1.4em; word-wrap: break-word; overflow: hidden; }
#ads-wrapper {float: left; width: 195px; padding-left: 10px; word-wrap: break-word; overflow: hidden; }

kode width: 153px; adalah lebar sidebar bagian kanan. Dan kode width: 195px; adalah lebar sidebar bagian kiri. Terus kode padding-right: 50px; jarak antara tulisan atau isi sidebar sebelah kanan dengan garis batas kanan. Dan kode padding-left: 10px; adalah jarak antara isi sidebar kiri dengan garis batas kiri.

#header { margin: 0; height:196px; width:898; color: $pagetitlecolor; background: url('http://kendhin.890m.com/template/head.jpg') no-repeat top center; }

kode height:196px; width:898; adalah ukuran tinggi dan lebar bagian header, kamu bisa menyesuaikannya dengan ukuran header kamu.

#footer { margin: 0; width: 898px; height:80px; padding: 0px; background: url('http://kendhin.890m.com/template/foot.jpg') no-repeat top center; }

kode width: 898px; height:80px; adalah ukuran lebar dan tinggi bagian footer.

12. Nah kalo udah selesai coba di preview template kamu, sudah sesuai kah? atau hancur?
13. Kalo sudah di Save.

:f akhirnya selesai juga aku buat artikel tentang pembuatan template, capek ya? tapi ingat sekali lagi ini adalah metode membuat template yang mudah dan sederhana, jadi sebenrnya isi dari template lebih rumit lagi, munkin kapan-kapan akan kita bahas detail dari bagian-bagina template tersebut.
OK SELAMAT BERJUANG......

CARA OPTIMASI SEO ON PAGE DAN SEO OFF PAGE

Optimasi SEO On Page dan SEO Off Page - Pada kali ini,biablogunik akan mencoba membahas Cara Optimasi SEO On Page dan SEO Off Page. walau masih sama-sama belajar. Tetapi, pasti adalah sedikit ilmu yang saya dapatkan dari master-master SEO. Oke, langsung aja ke pembahasan.

Pada dasarnya, jika suatu blog atau situs ingin baik dimata search engine (Google, Yahoo dan Bing). Maka diperlukan 2 teknik wajib SEO yang harus diterapkan, yaitu SEO On Page danSEO Off Page. Apa penting SEO itu ? ya, suatu blog atau situs butuh yang namanya SEO(Search Engine Optimization). Istilah singkat dan simpelnya SEO adalah teknik optimasi blog di Google (Search Engine). Teknik optimasi blog di search engine itu sendiri bisa dimaksud seperti : blog atau situs ada pada halaman atau posisi awal pencarian search engine dengan keyword tertentu.

Pengertian SEO On Page
SEO On Page adalah Optimasi SEO secara internal atau dari dalam blog/situs itu sendiri.

Penerapan SEO On Page
Untuk SEO On Page, teknik yang dilakukan adalah dengan blog atau situs itu sendiri. Nah, berikut point-point penting yang perlu diterapkan pada suatu blog atau situs.

Penggunaan nama domain dan memaksimalkannya
Pemasangan meta tag seperti (Title, Description, dan Keyword).
Penggunaan headings (H1, H2, H3, H4, H5, H6, dll.)
Memaksimalkan postingan blog, seperti judul dan kata kunci postingan.
Penggunaan teks bercetak tebal, miring, garis bawah, dsb.
Penggunaan tag alt pada setiap gambar.
Memaksimalkan template blog, seperti kecepatan dalam mengaksesnya.

Pengertian SEO Off Page
SEO Off Page adalah Optimasi SEO secara eksternal atau dari luar blog/situs itu sendiri dengan media situs lain.

Penerapan SEO Off Page
Nah, pada SEO Off Page, teknik yang dilakukan adalah kebalikan dari Penerapan SEO On Page. Jika SEO On Page, teknik yang dilakukan adalah dengan blog itu sendiri. SEO Off Page, teknik yang dilakukan adalah dengan media situs lain. Nah, seperti apa sih ? berikut contohPenerapan SEO Off Page.

Membangun Backlink atau Link Building dari situs lain

Submit blog atau situs ke Search Engine (Google, Yahoo, Bing).
Submit sitemap.
Submit blog ke directory.
Submit artikel ke social bookmarking.
Berkomentar di situs lain.
Gabung diforum atau komunitas sealiran Misal : Blogger.

Ya, demikianlan cara-cara penting dalam Optimasi SEO On Page maupun SEO Off Page menurut saya. Ya mungkin, disertai banyak referensi dari master-master. Dan tulisan diatas hanya point-point pentingnya saja.sampai ketemu postngan selanjutnya .semoga bermanfaat.

CARA MEMBUAT FORUM

Forum atau media diskusi yang memungkinkan member dapat saling bertukar pikiran dan saling tanya dan menjawab antara anggota, atau dalam artian pendek adalah bertemunya sang newbie (pemula) dengan master (jagoan) dalam sebuah topik pembicaraan,

wah saya sedikit ngawur untuk lebih jelasnya tanyakan saja pada mbah google

.

Kita dapat membuat forum sendiri secara gratis. Mau tau caranya?

berikut langkah-langkahnya :

Buka situs www.forumotion.com
Lalu klik tombol "Creat a free forum"
Lalu pilih sebuah sistem forum : phpbb3, phpbb2, invison atau punBB.
Kemudian pilih sebuah templatenya dan klik tombol "continue"
Lalu isi form forum information dan form admin information sesuai dengan data Anda
Kalau langkah ke 5 sudah diisi dengan benar kemudian centang "I Agree...." dan klik tombol continue.
Kemudian ada test admin password diisi samakan dengan password Anda tadi dan klik continue.
Jadi deh. dan silahkan ikuti keterangan berikutnya untuk memanagement forum Anda.

Nah diatas sedikit tutorial cara membuat forum dan untuk versi indonesiannya masuk saja situs www.indonesianforum.net, semoga bermanfaat.happy bloging

CARA MENAMBAHKAN SIGNATURE DI KOTAK COMENT !

Ingin memberi signature atau tanda tangan pada postingan anda agar tampilannya terlihat lebih profesional? Kalau iya, caranya sangat mudah. Hanya dengan beberapa langkah saja maka signature anda akan muncul pada semua postingan anda.

1. Pertama anda harus menyiapkan gambar signaturenya terlebih dahulu. Kalau belum punya, anda bisa membuatnya dengan program pengolah gambar seperti Paint, Photoshop, Coreldraw, dll. Kalau mau yang lebih mudah. Gunakan layanan pembuat signature online di sini

2. Jika sudah, upload gambarnya ke layanan image hosting seperti Photobucket lalu copy alamat URL gambarnya.

3. Buka blogger. Klik menu Layout -> Edit HTML

4. Beri tanda centang pada "Expand Widgets Templates"

5. Letakkan kode dibawah ini dibawah kode <p><data:post.body/></p>

<p><div align="left"><img src="alamat url gambar"/></div></p>

Ganti tulisan yang dicetak tebal dengan alamat url gambar anda. Misalnya: http://i37.photobucket.com/albums/e74/mrphoto16/sign1.png.
Left menunjukkan posisi signature. Anda bisa mengganti posisinya menjadi center atau right sesuai keinginan anda.

6. Jika anda memasang kode read more. Biasanya ada 2 kode <p><data:post.body/></p>. Tempatkan pada kode yang pertama.

7. Kalau sudah, Save Template. Selesai semoga berhasil :))

CARA BUAT TOOLBAR WEB BROWSER GRATIS !

HAI KAWAN ..
sekarang gue pengen ngasih tau gimana cara nya bikin toolbar buat di pasang di web browser kalian (mozilla,flock,google chrome dll ) selain itu cara ini ternyata bisa buat blog traffic kita naik loh wkwkwkwk mau tau kenapa ? ahahahahh bayar kalau ini mah wkwkkw
ah dari pada basa basi check this out aja deh cuy !

1. Masuk di sini!!
2. Daftar dulu (isi semuanya!)
3. Bila sudah, langsung aja menuju My Toolbar
4. Atur/kostumisasi toolbar mu sesuai keinginan.
5. Bila sudah selesai, Klik Install Your Toolbar (untuk komputer sendiri)

ket: bila ingin toolbar mu berada di publik, maka kamu harus mempublikasikannya dengan cara "meng-iklan-kan" di blog anda sendiri atau di blog orang lain(dgn cara isi shoutmix/shoutbox/buku tamu)

ini tempat link buat download toolbar mu..

lalu ini contoh toolbar yg sudah saya buat..

Nah karena sekarang coba download buatan gue dong hehehehhehe

( ini 100 % geratis wkwkwkkww )

Selamat mencoba ya bang

KODE KEYBOARD RAHASIA

Ini merupakan kombinasi tombol keyboard yang menghasilkan kode-kode rahasia seperti ♫ ►Σ Ω dan lain sebagainya. Kombinasi kode keyboard ini sudah sangat kuno, toh bila kita gunakan akan mempercantik tulisan kita. Bagi yang belum mengetahui caranya, berikut cara menggunakan kombinasi tombol keyboard untuk kode Rahasia
Untuk menggunakannya anda hanya menggunakan keyboard pada bagian Num Lock dan tombol Alt saja. Misalnya anda ingin menulis ♫ maka anda tinggal tekan (jangan dilepas) tombol Alt kemudian tekan tombol pada Num Lock angka 1 dan 4 terus lepaskan tombol Alt yang dari tadi anda tekan ☺

Berikut tabel kode selengkapnya, anda bisa berkesperimen dengan angka-angka yang lainnya.

Code	Character	Code	Character	Code	Character
0	(null)	64	@	128	Ç
1		65	A	129	ü
2		66	B	130	é
3		67	C	131	â
4		68	D	132	ä
5		69	E	133	à
6		70	F	134	å
7		71	G	135	ç
8		72	H	136	ê
9	(tab)	73	I	137	ë
10		74	J	138	è
11	(home)	75	K	139	ï
12	(form feed)	76	L	140	î
13	(carr. return)	77	M	141	ì
14		78	N	142	Ä
15		79	O	143	Å
16		80	P	144	É
17		81	Q	145	æ
18		82	R	146	Æ
19		83	S	147	ô
20	¶	84	T	148	ö
21	§	85	U	149	ò
22		86	V	150	û
23		87	W	151	ù
24	(cancel)	88	X	152	ÿ
25	(end medium)	89	Y	153	Ö
26		90	Z	154	Ü
27		91	[	155	¢
28		92	\	156	£
29		93	]	157	¥
30		94	^	158
31	31	95	_	159
32	(blank)	96	`	160	á
33	!	97	a	161	í
34	"	98	b	162	ó
35	#	99	c	163	ú
36	$	100	d	164	ñ
37	%	101	e	165	Ñ
38	&	102	f	166	ª
39	'	103	g	167	º
40	(	104	h	168	¿
41	)	105	i	169
42	*	106	j	170	¬
43	+	107	k	171	½
44	,	108	l	172	¼
45	-	109	m	173	¡
46	.	110	n	174	«
47	/	111	o	175	»
48	0	112	p	176	°
49	1	113	q	177	±
50	2	114	r	178	²
51	3	115	s	179	³
52	4	116	t	180	´
53	5	117	u	181	µ
54	6	118	v	182	¶
55	7	119	w	183	·
56	8	120	x	184	¸
57	9	121	y	185	¹
58	:	122	z	186	º
59	;	123	{	187	»
60	<	124	\|	188	¼
61	=	125	}	189	½
62	>	126	~	190	¾
63	?	127		191	¿