BeLajar Computer Bersama: Maret 2013

Sabtu, 23 Maret 2013

Mengganti "Older Posts" Dengan Angka

Secara umum, navigasi untuk pindah halaman di blogspot biasanya menggunakan link dengan teks "Older Posts (posting lama)" dan "Newer Posts (posting baru)".
Nah trik kali ini saya akan menjelaskan bagaimana cara mengganti link "Older Posts (posting lama)" dan "Newer Posts (posting baru)" menjadi angka seperti gambar di bawah ini.

1. Langkah awal tentu saja harus menuju ke desain template anda kemudian ke "Edit HTML".
2. setelah itu cari kode ini ]]></b:skin> kalo sudah ketemu taruh script dibawah ini sebelum kode tersebut.

.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #cccccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #cccccc;
background-color:#cccccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #cccccc;
background: #cccccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #cccccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333333;
}|

3.setelah itu cari kode ini </body> kemudian taruh script dibawah ini sebelum kode tersebut.

<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord ='Previous';
var downPageWord ='Next';
</script>
<script src='http://bloggergadgets.googlecode.com/files/blogger_pagenavi_min.js' type='text/javascript'/>
</b:if> </b:if>

Kalau sudah silahkan dilihat hasilnya.
Selamat mencoba ^^

Senin, 18 Maret 2013

Cara Membuat Html Di Notepad

1. Buka notepad atau text editor lainnya, lalu masukan script berikut :
<html>

          <head>

                      <title></title>

          </head>

<body>

</body>

</html>

2. Isi judulnya sesuai dengan yang anda inginkan.
Cara meletakan judul adalah pada <title></title>.
CONTOH :

<title>ariel</title>

3. Isi halaman html anda, caranya dengan memasukan text atau yang lainnya di bawah <body>
CONTOH :

<body>

nama saya

Ariel Kasela

Setelah selesai, lalu di save dengan cara klik 'SAVE AS' lalu beri nama tapi diakhiri dengan.htm
Lalu ubah 'Save As Type .txt' menjadi 'All Files'
Setelah selesai di save, lalu buka HTMLnya di mozila atau yang lainnya, tapi tdk harus connect ke internet.

Panduan HTML
¤ cara merubah warna text
<font color="warna">text anda</font>
CONTOH :
<font color="hijau">ariel</font>
atau bisa juga menggunakan
code warna.
CONTOH :
<font color="#ffa500">ariel</font>
jika ingin menggunakan code warna,
harus menggunakan tanda pagar (#)
¤ cara merubah ukuran text
<font size="ukuran">text anda</font>
CONTOH :
<font size="5">ariel</font>
¤ cara merubah jenis text
<font face="jenis text">tulisan anda</font>
CONTOH :
<font face="verdana">ariel</font>
jenis text bisa anda
lihat di microsoft office word,
adobe photoshop,
paint, dll
¤ memasang gambar
<img src="lokasi gambar">
CONTOH :
<img src="fotoku/ariel.jpg">
¤ mengubah warna background
Tambahkan 'bgcolor' pada <body>
Seperti ini :
<body bgcolor="warna atau code warna">
CONTOH :
<body bgcolor="hijau">
¤ memakai gambar background
Tambahkan kata 'background'
pada <body>
Seperti ini :
<body background="lokasi gambar">
CONTOH :
<body background="gambarku/ariel.jpg">
¤ membuat link
<a href="alamat atau lokasi">judulnya</a>
CONTOH :
<a href="ariel.blogspot.com/Resolusi_1">download game</a>
¤ membuat garis
<hr>
jika ingin pakai warna :
<hr color="warna atau code warna">
CONTOH :
<hr color="hijau">
jika ingin pakai ukuran :
<hr size="ukuran">
CONTOH :
<hr size="5">
jika ingin pakai warna dan ukuran :
<hr color="warna" size="ukuran">
CONTOH :
<hr color="hijau" size="5">

HTML (Hyper Text Markup language)

Informasi di dalam WWW (Word Wide Web) menggunakan format HTML.
Didalam HTML kita mengenal Hyper Text yaitu adanya link ke suatu dokumen, suatu alamat mesin bahkan ke suatu gambar, suara.
Banyak software yang digunakan untuk membuat WWW dengan format HTML.
Yang akan kita bahas disini adalah yang paling dasar yaitu mengunakan notepad, dimana notepad lah software yang biasanya langsung udah ada dikomputer pada saat komputer aktif, dan notepad biasanya terletak pada accesories.

Langkah pertama yang dilakukan yaitu :
Klik notepad
Simpan file dalam suatu folder dalam format nama_file.HTML%htm
Kemudian jalankan dengan Internet Explorer

Cara menjalankan :
Klik Run, cari nama file html/htm
Klik Ok
Adapun perintah perintah dasar dari HTML adalah sebagai berikut :

<H1> sampai <H6>
<H1> </H1>font ukuran besar
<H2> </H2>
.... ....
<H6> </H6>font semakin kecil
<HR>
Fungsi : perintah untuk membuat garis horizontal penuh layar
<I>
Fungsi : membuat teks miring
<B>
Fungsi : membuat teks tebal
<U>
Fungsi : membuat teks bergaris bawah
<CENTER>
Fungsi : membuat text ke tengah layar
<ALIGN>
Fungsi : Membuat teks rata kiri dan rata kanan
Sintak
<P ALIGN=right>untuk rata kanan
<P ALIGN=left>untuk rata kiri
<P ALIGN=center>untuk rata tengah
<P ALIGN=justify>untuk rata kiri dan rata kanan
atau
<H?ALIGN=right>
<H?ALIGN=left>
<H?ALIGN=center>
<H?ALIGN=justify>

Contoh pemakaian:
<H2 Align=right>Selamat Datang Ke Website Kami <H2>
<BR>
Fungsi : memasukkan fungsi enter
Cth : Jika perintah <BR> diberikan di awal atau diakhir baris, maka kalimat berikutnya akan dicetak pada baris berikutnya
<!->
Fungsi : membuat komentar
Semua teks atau perintah yang diapit oleh perintah ini tidak akan dijalankan
<P>
Fungsi : memisahkan paragraph yang satu dengan paragraph yang lain
<DD>
Fungsi : membuat teks atau sebuah paragraph agak masuk ke dalam
<BASEFONT>
Fungsi : Mengubah ukuran font
Contoh :
<BASEFONT SIZE=6>
WELCOME TO MY WEBSITE
<B>WELCOME TO MY WEBSITE DAN TEBAL</B>
<FONT>
Fungsi : mengubah ukuran font, tetapi angka yang terdapat dalam size yang merupakan ukuran font harus diberi tanda kutib
<FACE>
Fungsi : mengubah jenis font
<SUP>
Fungsi : membuat cetak naik suatu teks
Contoh :
Kami adalah yang pertama : 1stin the world
<SUB>
Fungsi : membuat suatu teks cetak turun
Contoh :
contoh-contoh teks cetak turun :
H2O (Disebut Air) dan
C2127No (Disebut Methadon)
<UL> atau Unorder List
Fungsi : membuat bullet
<LI>
Fungsi : juga untuk membuat bullet
Catatan : perintah <LI> harus berada dalam perintah OL,UL,DIR,Menu
Contoh :
<UL>
<LI>
<H2> Jawa Timur </H2>
<UL>
<LI> Surabaya </LI>
<LI> Malang </LI>
<LI> Gresik </LI>
</UL>
</LI>
</BR>
<LI>
<H2> Jawa Barat </H2>
<UL>
<LI> Bandung </LI>
<LI> Sukabumi </LI>
<LI> Bogor </LI>
</UL>
</LI>
</UL>
<IMGSRC>
Fungsi : memasukkan gambar ke dalam Website
Anda dapat juga memasukkan gambar berakhiran *.Jpg, *.Gif, *.Bmp dll
Sintak :<IMG BORDER="5">
"5" merupakan ukuran border(Bingkai), ganti angka ini sesuai keinginan anda
<BGSOUND>
Fungsi : memasukkan suara atau musik ke dalam Website
Sintak : <BGSOUND loop=infite Src="d:/Selamat datang.WAV">

Link dengan sorot :
Berikut adalah contoh program bagaimana membuat link hanya dengan sorot saja (link tak perlu diklik, tetapi cukup disorot dengan mouse.
<HTML>
<HEAD>
<TITLE> </TITLE>
<META Name="description"Content=" ">
<META Name="keywords"Content=" ">
<META Name="generator"Content="Cute HTML">
</HEAD>
<BODY BG Color="#FFFFFF"Text="#000000="#"0000FF"VLink="#800080">
<Center>
<A href=" "target=main on mouse over="Window.open('c:/html/keterangan.html'):">
<Font Size=3 FACE=Arial Color=#804000> Keterangan </FONT> </e>
</CENTER>
</BODY>
</HTML>

Link dengan tombol :
Berikut adalah contoh program link dengan tombol
Sintak :
<Input type="button"Value="Nama Tombol"
On Click="parent.location="Link anda disini" >

Contoh :
Buatlah link dengan nama
tentang_kami.html
produk_kami.html
cara_memesan.html

< HTML >
< HEAD >
< TITLE > </TITLE>
< META name="description"Content=" ">
< META name="keywords"Content=" ">
< META name="generator"Content="Cute HTML">
< /HEAD >
< BODY BGCOLOR="#FFFFFF"Text="#000000"Vlink="#800080" >
< Center >
< h1 > PT.ARIEL >
< Input Type="button"value="Tentang Kami"
on click="parent.location="c:/website/tentang_kami.html'" >
< Input Type="button"value="Produk Kami"
on click="parent.location="c:/gambar/produk_kami.html'" >
< Input Type="button"value="cara memesan"
on click="parent.location="c:/gambar/cara_memesan.html'" >
< /Center >
< /Body >
< /HTML >

Kolom
< tr > adalah perintah untuk membuat kolom pada notepad
Berikut adalah contoh perintah cara membuat kolom pada notepad
< html >
< head >
< title > Belajar membuat kolom < /title >
< /head >
< H3 Align="Center" > DAFTAR MAHASISWA < H3 >
< table border="3" border color="red"
< tr >
< td > No
< td > Nama
< td > Alamat
< td > No. Phone
< td > Gambar
< /tr >
< tr >
< td > 1
< td > ariel
< td > bandung
< td > 8214773
< td > < Img src="C:\Documents and Settings\XP\My Documents\My Webs\ariel_pic1.JPG" > < /tr >

Membuat Frame
-Framecols : membagi layar dalam bentuk kolom
-FrameRows : membagi layar dengan bentuk baris
-Frame Src : menampilkan file dalam frame
Bentuknya
(Frame cols="30%,*")
(Frame Src="Nama.file Name="Teks")
(Frame Rows="40%,*")
(Frame Src="Nama.file"Nama="teks")
(Frame Src="Nama.file"Nama="Teks)
(/Frameset)

Contoh Program Frame :
< Html >
< Head >
< Title >Melink dengan sorot < /Title >
< /Head >
< Frameset cols="30%,*" >
< Frame Src="Nama file"Nama="Teks" >
< Frame Rows="40%%,*" >
< Frame Src="Gambar File’Nama="Gambar" >
< Frame Src="Nama File"Nama="Teks >
< /Frameset >

Senin, 04 Maret 2013

Tips Mengedit HTML Blogspot

Jika kita mengotak-atik atau mengedit HTML blog kadang2 akan mengalami kesulitan, apalagi bagi yang masih agak pemula (seperti saya).
Entah itu gak bisa nemu kode yang mau diedit lah, gak bisa disimpan karena error lah, ada pesan error yang gak jelas lah, dan lah-lah yang lain, ya kan,..??

Nah kali ini saya akan mencoba gimana cara untuk mengatasi atau setidaknya mengurangi masalah "lah-lah" yang kadang2 atau sering terjadi tersebut.

Berikut ini beberapa tips untuk edit HTML blogger:

1. Backup Template

Membackup template ini penting karena jika terjadi hal-hal yang tidak dinginkan, misalnya blog jadi rusak maka kita bisa membuatnya seperti sediakala (sebelum rusak) jika kita sebelumnya sudah membackup template.

Cara membackup template ini mudah.

Cukup klik pada link "Download Full Template" lalu simpan file template di komputer kita.

Kalo terjadi kesalahan yang tidak bisa kita atasi, kita tinggal upload aja file template tersebut.

2. Memberi Tanda Centang pada Kotak "Expand Widget Template"

Ini yang kadang2 dilupakan para "editor".

Kalau kotak "Expand Widget Templates" tidak dicentang maka kode2 yang dicari kemungkinan tidak ditemukan.

Tapi kadang2 hal ini tidak perlu dilakukan tergantung dari petunjuk tutorialnya.

Makanya perhatikan baik2 tutorialnya kalo mau Edit HTML blog.

3. Tips Mempermudah Pencarian

Untuk mempermudah pencarian kode yaitu dengan mengcopy dulu kode yang mau dicari kemudian tekan "Ctrl+f" lalu masukkan kode yang dicopy tadi kedalam kotak yang muncul.

Kalau misalkan kode yang dicari tidak muncul maka cobalah mencari sebagian dari kode tersebut.

Misal mau mencari kode <p><data:post.body/></p> jika tidak ketemu maka coba carilah sebagiannya atau seperti ini data:post.body kalau sudah ketemu maka klik tombol next untuk melihat apakah ada kode lain yang sama untuk memastikan kode yang dikehendaki.

Tapi tips ini sepertinya sulit dilakakukan jika menggunakan browser "Chrome" paling mudah jika menggunakan "Mozilla Firefox" (karena saya telah mencobanya).

4. Tips Menghadapi Error Yang Muncul

Jika saat menyimpan hasil editan kemudian muncul pesan error, misal seperti ini:
We were unable to save your template
Please correct the error below, and submit your template again.
Your template could not be parsed as it is not well-formed. Please make sure.....
Maka hal yang harus kita lakukan adalah berusaha memahami pesan error tersebut.

Kemudian kita cek kembali tutorial yang kita baca apakah langkah-langkah yang sudah kita lakukan benar2 sesuai dengan tutorialnya.

kalau tidak yakin maka kita bisa mengulangi lagi tutorialnya dari awal dengan mengklik tombol "Clear Edit" terlebih dahulu.

Yak mungkin itu aja dulu tips dalam pembahasan kali ini.

Kita jumpa lagi di tips-tips berkutnya.

^^V

Minggu, 03 Maret 2013

Nonton Live Streaming TV One

Nonton Live Streaming TV

Sabtu, 02 Maret 2013

Nonton Live Streaming TV Mancanegara

Live Streaming TV Mancanegara

Nonton Live Streaming TV Rcti 2

Nonton Live Streaming TV Rcti

Live Streaming TV Indonesia

Nonton Live Streaming TV Indonesia

Live Streaming TV Indonesia atau sering kita sebut TV Online, hadir di tengah-tengah perjalanan blog saya untuk meningkatkan layanan khusus kepada pengunjung yang ingin menonton siaran TV secara online sambil bermain internet.
Agar sahabat tidak ketinggalan acara TV favorit sahabat,
Berikut daftar siaran yang tersedia TRANS TV, INDOSIAR, DAAI TV, SCTV, TV ONE, TRANS7, ANTV, SPACETOON, LUNARTV dan MIVO TV.
Maka dengan hadirnya Live Streaming TV Indonesia ini, sahabat bisa bersantai ria menonton TV sambil berselancar di internet.

Selamat Menikmati,..!!
Nonton Live Streaming TV Indonesia, semoga sahabat terhibur dan selalu setia berkunjung disini,..!!
Thanks to : MIVO TV

BeLajar Computer Bersama

Halaman

Sabtu, 23 Maret 2013

Mengganti "Older Posts" Dengan Angka

Senin, 18 Maret 2013

Cara Membuat Html Di Notepad

HTML (Hyper Text Markup language)

Senin, 04 Maret 2013

Tips Mengedit HTML Blogspot

Minggu, 03 Maret 2013

Nonton Live Streaming TV One

Sabtu, 02 Maret 2013

Nonton Live Streaming TV Mancanegara

Nonton Live Streaming TV Rcti 2

Nonton Live Streaming TV Rcti

Nonton Live Streaming TV Indonesia

Pengikut

Total Tayangan Halaman

Halaman

Sabtu, 23 Maret 2013

Senin, 18 Maret 2013

Senin, 04 Maret 2013

Minggu, 03 Maret 2013

Sabtu, 02 Maret 2013

Langganan

Pengikut

Total Tayangan Halaman