Tampilkan postingan dengan label Tutorial Blog. Tampilkan semua postingan
Tampilkan postingan dengan label Tutorial Blog. Tampilkan semua postingan
Selasa, 06 Maret 2012
17.36 | 
Diposting oleh
Septian Adi Prakoso
Sebuah Web atau Blog tidak bisa lepas dari yang namanya HTML (Hyper Text Mark up Language) karena HTML inilah yang mendasari sebuah web/blog. Walaupun sekarang kita bisa membuat web/blog hanya dengan klak-klik mouse tapi setidaknya kita harus sedikit mengerti tentang dasar-dasar HTML, ya tho?. Dalam tutorial kali ini kita tidak akan membahas tentang semua dasar-dasar HTML tapi kita akan mempelajari tag-tag atau kode-kode penting yang sering digunakan dalam membangun sebuah web/blog misalnya cara membuat link, menampilkan gambar, mengganti warna font, membuat barus baru dll. Ok marikita mulai pelajaranya :
* CARA MEMASUKKAN GAMBAR
kode :
<img src="http://kendhin.890m.com/banner-trik.gif" border="0" height="17" width="90">
keterangan :
yang warna biru adalah lokasi gambar kamu.
height="17" width="90" adalah ukuran lebar dan tinggi gambar
hasil :
* CARA MEMBUAT LINK
Kode :
<a href="http://trik-tips.blogspot.com" >trik blog </a>
Keterangan :
Text warna biru adalah link yang dituju.
Tulisan "trik blog" adalah tulisan yang ditampilkan.
Jika pingin yang dikasih link bukan tulisan melainkan gambar maka ganti tulisan tersebut dengan kode gambar seperti diatas, sehinga kodenya akan seperti ini :
<a href="http://trik-tips.blogspot.com" target="_blank"><img src="http://kendhin.890m.com/banner-trik.gif" border="0" height="17" width="90"> </a>
Jika pingin link yang dituju dibuka dalam window baru maka tambahkan kode target="_blank" setelah kode "http://trik-tips.blogspot.com"
Hasil :
trik blog (dibuka pada window yg sama)
(dibuka pada window baru)
* CARA MENGETENGAHKAN TEXT/GAMBAR
Kode :
<center>text</center>
Keterangan :
Ganti tulisan "text" dengan tulisan yana kamu inginkan, tau bisa juga diganti dengan gambar
* CARA MEMBUAT BARIS BARU
Kode :
<br>
Keterangan :
Tambahkan kode tersebut sebelum objek (text/gambar) yang dinginkan
* MEMBUAT HURUF TEBAL, MIRING DAN BERGARIS BAWAH
Kode :
<b>text</b>
<i>text</i>
<u>text</u>
Hasil :
Tebal
Miring
Garis Bawah
* MEMBERI WARNA TEXT
<font color="#FF0000"> text </font>
<font color="red"> text </font>
Keterangan :
Ganti text yang dicetak tebal dengan warna atau kode warna kesukaanmu.
Hasil :
Merah
biru
* KODE-KODE WARNA
Kode2 warna selengkapnya bisa dilihat DISINI
* PENULISAN KARAKTER-KARAKTER KHUSUS
Ada beberapa karakter yang tidak bisa ditulis secara langsung, jika ditulis maka akan hilang atau berubah, jadi untuk menuliskanya harus menggunakan kode-kode tertentu, berikut ini contoh karakter-karakter tersebut :
* CARA MEMASUKKAN GAMBAR
kode :
<img src="http://kendhin.890m.com/banner-trik.gif" border="0" height="17" width="90">
keterangan :
yang warna biru adalah lokasi gambar kamu.
height="17" width="90" adalah ukuran lebar dan tinggi gambar
hasil :
* CARA MEMBUAT LINK
Kode :
<a href="http://trik-tips.blogspot.com" >trik blog </a>
Keterangan :
Text warna biru adalah link yang dituju.
Tulisan "trik blog" adalah tulisan yang ditampilkan.
Jika pingin yang dikasih link bukan tulisan melainkan gambar maka ganti tulisan tersebut dengan kode gambar seperti diatas, sehinga kodenya akan seperti ini :
<a href="http://trik-tips.blogspot.com" target="_blank"><img src="http://kendhin.890m.com/banner-trik.gif" border="0" height="17" width="90"> </a>
Jika pingin link yang dituju dibuka dalam window baru maka tambahkan kode target="_blank" setelah kode "http://trik-tips.blogspot.com"
Hasil :
trik blog (dibuka pada window yg sama)
(dibuka pada window baru)* CARA MENGETENGAHKAN TEXT/GAMBAR
Kode :
<center>text</center>
Keterangan :
Ganti tulisan "text" dengan tulisan yana kamu inginkan, tau bisa juga diganti dengan gambar
* CARA MEMBUAT BARIS BARU
Kode :
<br>
Keterangan :
Tambahkan kode tersebut sebelum objek (text/gambar) yang dinginkan
* MEMBUAT HURUF TEBAL, MIRING DAN BERGARIS BAWAH
Kode :
<b>text</b>
<i>text</i>
<u>text</u>
Hasil :
Tebal
Miring
Garis Bawah
* MEMBERI WARNA TEXT
<font color="#FF0000"> text </font>
<font color="red"> text </font>
Keterangan :
Ganti text yang dicetak tebal dengan warna atau kode warna kesukaanmu.
Hasil :
Merah
biru
* KODE-KODE WARNA
| Warna | Kode |
| #000000 | |
| #999999 | |
| #FFFFFF | |
| #FF0000 | |
| #00FF00 | |
| #0000FF | |
| #FFFF00 | |
| #00FFFF | |
| #FF00FF | |
| #9900FF | |
| #FF6600 |
Kode2 warna selengkapnya bisa dilihat DISINI
* PENULISAN KARAKTER-KARAKTER KHUSUS
Ada beberapa karakter yang tidak bisa ditulis secara langsung, jika ditulis maka akan hilang atau berubah, jadi untuk menuliskanya harus menggunakan kode-kode tertentu, berikut ini contoh karakter-karakter tersebut :
Karakter | Kode |
> | > |
< | < |
& | & |
" | " |
(spasi) | |
Label:
Minggu, 12 Februari 2012
Cara membuat blog gratisan di Blogger Blogspot panduan tutorial praktis bikin blog dalam 5 menit bagi pemulaOleh septianadi.blogspot.com
Membikin blog di blogger.com / blogspot sungguh sangat mudah karena blogger.com milik Google.com. Karena itu apabila Anda sudah punya email gmail.com, Anda tinggal langsung daftar di blogger.com. Singkatnya ikuti langkah singkat berikut:
1. Kunjungi www.blogger.com (klik)
2. Masukkan account Gmail di “nama pengguna (Email)” dan password di “Kata Sandi”. Lihat gambar 1.
Kalau belum punya Gmail, daftar dulu di Gmail.com, atau diYahoomail.com.
a. Isi “Nama Tampilan” di kotak. Contoh: Nama Saya
b. Kasih tanda tik (check) pada “Penerimaan Persyaratan”
c. Klik “Lanjutkan”. Lihat gambar 2.
3. Pada “Judul Blog” -> isi dengan Judul yang diinginkan. Contoh Fatih Syuhud Blog
4. Pada “Alamat Blog” -> isi dengan alamat URL. Contoh, fatihsyuhud.
Jangan lupa klik “Cek Ketersediaan” untuk mengetahui apakah alamat URL yang dipilih belum ada yang punya. Coba buat alamat lain kalau alamat tidak tersedia. Lihat gambar 3.
5. Klik “Lanjutkan”
6. Pada “Pilih Sebuah Template” klik “Lanjutkan” (Gambar 4)
7. “Blog Anda Telah Diciptakan!” -> Anda sudah berhasil membuat blog (Gambar 5)
8. Klik “Mulai Blogging” untuk menulis artikel.
9. Di “Judul” isi kotak dengan judul artikel yang akan ditulis. Contoh: Menulis di Blog
10. Isi kotak di bawahnya dengan artikel. Sebagai contoh, Anda bisa meng-copy dari sini.. Lihat gambar 6.
11. Klik “Mempublikaikan Posting”
12. Selamat! Anda berhasil membuat blog dan memposting Artikel. (Lihat gambar 7).
1. Kunjungi www.blogger.com (klik)
2. Masukkan account Gmail di “nama pengguna (Email)” dan password di “Kata Sandi”. Lihat gambar 1.
Kalau belum punya Gmail, daftar dulu di Gmail.com, atau diYahoomail.com.
a. Isi “Nama Tampilan” di kotak. Contoh: Nama Saya
b. Kasih tanda tik (check) pada “Penerimaan Persyaratan”
c. Klik “Lanjutkan”. Lihat gambar 2.
3. Pada “Judul Blog” -> isi dengan Judul yang diinginkan. Contoh Fatih Syuhud Blog
4. Pada “Alamat Blog” -> isi dengan alamat URL. Contoh, fatihsyuhud.
Jangan lupa klik “Cek Ketersediaan” untuk mengetahui apakah alamat URL yang dipilih belum ada yang punya. Coba buat alamat lain kalau alamat tidak tersedia. Lihat gambar 3.
5. Klik “Lanjutkan”
6. Pada “Pilih Sebuah Template” klik “Lanjutkan” (Gambar 4)
7. “Blog Anda Telah Diciptakan!” -> Anda sudah berhasil membuat blog (Gambar 5)
8. Klik “Mulai Blogging” untuk menulis artikel.
9. Di “Judul” isi kotak dengan judul artikel yang akan ditulis. Contoh: Menulis di Blog
10. Isi kotak di bawahnya dengan artikel. Sebagai contoh, Anda bisa meng-copy dari sini.. Lihat gambar 6.
11. Klik “Mempublikaikan Posting”
12. Selamat! Anda berhasil membuat blog dan memposting Artikel. (Lihat gambar 7).
Catatan: Untuk memposting artikel berikutnya, Anda tinggal mengklik menu “Posting”. Untuk mengedit tulisan tinggal klik “Edit Posting”
Gambar 1
Gambar 2
Gambar 3
Gambar 4
Gambar 5
Gambar 6
Gambar 7
Sangat klasik berbicara tentang promosi blog tp ini salah satu cara untuk meningkatkan pengunjung ke blog anda karena dengan banyaknya pengunjung ke blog anda meningkatkan popularitas suatu blog
dibawah ini beberapa cara promosi blog yang mungkin sudah banyak anda lakukan yaitu dengan memasukkan URL anda ke:
- Forum
- Newsgroups
- Blogs
- Discussion Groups
- Direktory artikel
- Mendaftarkan website URL anda ke Google, Yahoo, MSN
Berikut salah satu cara promosi blog yang sangat efektif untuk meningkatkan banyak pengunjung dengan cara mendaftarkan URL anda ke situs direktori link yaitu www.growurl.com
disitus tersebut anda bisa mempromosikan blog anda secara gratis ataupun dengan membeli kredit, anda juga bisa mendapatkan free kredit dengan mengikuti persyaratan yang ada diwebsite tersebut
silahkan mulai sekarang promosikan blog anda dan tingkatkan banyak pengunjung dengan daftar disini atau bisa langsung klik banner dibawah ini
Sangat klasik berbicara tentang promosi blog tp ini salah satu cara untuk meningkatkan pengunjung ke blog anda karena dengan banyaknya pengunjung ke blog anda meningkatkan popularitas suatu blog
dibawah ini beberapa cara promosi blog yang mungkin sudah banyak anda lakukan yaitu dengan memasukkan URL anda ke:
- Forum
- Newsgroups
- Blogs
- Discussion Groups
- Direktory artikel
- Mendaftarkan website URL anda ke Google, Yahoo, MSN
Berikut salah satu cara promosi blog yang sangat efektif untuk meningkatkan banyak pengunjung dengan cara mendaftarkan URL anda ke situs direktori link yaitu www.growurl.com
disitus tersebut anda bisa mempromosikan blog anda secara gratis ataupun dengan membeli kredit, anda juga bisa mendapatkan free kredit dengan mengikuti persyaratan yang ada diwebsite tersebut
silahkan mulai sekarang promosikan blog anda dan tingkatkan banyak pengunjung dengan daftar disini atau bisa langsung klik banner dibawah ini
dibawah ini beberapa cara promosi blog yang mungkin sudah banyak anda lakukan yaitu dengan memasukkan URL anda ke:
- Forum
- Newsgroups
- Blogs
- Discussion Groups
- Direktory artikel
- Mendaftarkan website URL anda ke Google, Yahoo, MSN
Berikut salah satu cara promosi blog yang sangat efektif untuk meningkatkan banyak pengunjung dengan cara mendaftarkan URL anda ke situs direktori link yaitu www.growurl.com
disitus tersebut anda bisa mempromosikan blog anda secara gratis ataupun dengan membeli kredit, anda juga bisa mendapatkan free kredit dengan mengikuti persyaratan yang ada diwebsite tersebut
silahkan mulai sekarang promosikan blog anda dan tingkatkan banyak pengunjung dengan daftar disini atau bisa langsung klik banner dibawah ini
Sabtu, 11 Februari 2012
Halo rekan blogger semua. Kalau sebelumnya saya telah posting tentang Cara mengganti template blogspot, kali ini saya akan sharing lagi bagaimana cara menambah gadget pada blogspot. Mohon maaf, sajian artikel berhubungan dengan blogspot. Hitung sebagai sharing ilmu dan informasi siapa tahu berguna juga buat reka blogger. Bagi yang sangat paham mengenahi blogging dengan blogspot, saya harapkan tidak kecewa membaca artikel ini. Atau berikan komentar berupa kritik dan saran untuk menambah kaya blog ini. Karena dengan saran dan kritik maka akan semakin menambah wawasan saya dalam dunia blogging. Jangan lupa saran atau kritik yang membangun ya. Tentu saja sampaikan dengan sopan agar yang lain juga senang membaca komentar anda.Saya tidak akan menjelaskan di sini apa itu Gadget. Di samping karena saya kurang paham definisinya, juga blogger yang ahli telah banyak membahas tentang ini. Jadi saran saya untuk mengetahui apa itu Gadget, silahkan cari saja di google dengan kata kunci definisi Gadget. Saat ini saya akan menjelaskan pada anda bagaimana menambah gadget pada blog blogspot? Caranya sebenarnya sangat mudah. Silahkan ikuti tutorialnya dengan sangat singkat, yaitu :
Pertama, tentu saja anda harus login ke www.blogger.com. Jika anda tidak login saya bisa pastikan anda tidak akan bisa apa-apa. He he he.
Kedua, tuju ke alamat blog yang ingin anda tambahkan Gadgetnya lalu klik Design/Rancangan. Anda akan masuk ke halaman struktur blog anda berupa area tampilan posting dan side bar. Ini tergantung template dasar anda. Template macam-macam. Ada yang berformat side kanan dan kiri sementara di tengah adalah artikel. Ada yang side bar 1 saja di bagian kanan atau kiri. Di side bar inilah kita bisa menambah Gadget. Lihat gambar di bawah ini
Ketiga, klik Tambah Gadget/Add Gadget. Akan muncul window baru seperti di bawah ini.
Di sinilah kita bisa memanmbahkan Gadget yang kita inginkan dan tentu saja yang kita sukai. Untuk lebih mengenalkan, saya akan berikan listnya untuk anda berikut ini :
Ikuti lewat Email (Baru!), gadget agar visitor bisa mendaftarkan email sehingga mereka bisa mengikuti setiap artikel baru yang kita posting
Entri Populer (Baru!), jika anda memilih gadget ini maka akan muncul di side bar posting yang paling banyak dibaca visitor
Statistik blog, menampilkan lalu lintas pengunjung berupa angka yang menunjukkan berapa kali posting artikel anda dibaca
Daftar Link, Gadget untuk menambah link blog yang lain, misalnya blog teman.
HTML/JavaScript, gadget jika kita mau menambahkan banner, text html, script iklan adsense dll.
Gambar, tampilkan gambar anda di sini
Arsip Blog, tambahkan Gadget ini jika mau arsip artikel yang telah anda tulis muncul di side bar
Laman
Pengikut
Kotak Penelusuran
Kotak Penelusuran
Teks
Tampilan slide
Baris Video
Polling Polling
Daftar Blog
Daftar
Feed
Newsreel
Label
Tautan Berlangganan
Logo
Profil
Header Halaman
Pengikut
Kotak Penelusuran
Kotak Penelusuran
Teks
Tampilan slide
Baris Video
Polling Polling
Daftar Blog
Daftar
Feed
Newsreel
Label
Tautan Berlangganan
Logo
Profil
Header Halaman
Tidak saya jelaskan satu persatu ya gadgetnya. Soalnya tangan ini mulai capek. Banget capeknya. He he he ( dasar malas ). Bagaimana cara menambahkan gadget di atas? Caranya gampang kok. Tuju Gadget yang ingin anda tambahkan lalu klik tanda + yang ada di samping kanannya. Misalnya anda mau menambahkan gadget Ikuti lewat email dan Entri Populer, klik saya tanda + seperti gambar di bawah ini.
Swwiiiiing, gadget anda telah ditambahkan. Kalau mau lihat tampilan gadgetnya klik saja alamat blogmu. owwwwww, keren ya. Jika anda mau menambahkan iklan adsense, tinggal copy saja kode script adsensenya lalu dipaste ke kolom di Gadget HTML/JavaScript. Beres. Selamat mencoba semoga manfaat.
Tren pada blog sekarang ini adalah menyediakan beberapa kotak sebagai sarana untuk menempatkan Link Banner. Setiap kali berkunjung ke blog para sahabat blogger, blog mereka juga menyediakan kotak untuk ditempatkan link banner, baik itu link banner milik pribadi maupun link banner milik sahabat blogger lain yang direntalkan (seperti mobil aja nich di rental-rental... haa...haa...haa.....). Mungkin anda bingung, gimana bentuk kotak iklan link banner tersebut. Contohnya dapat dilihat pada blog zona-klik ini yang terletak di header blog. Coba lihat gambar di bawah ini :
Nah, itulah bentuk kotak iklan link banner dan kotaknya akan tersusun rapi sesuai dengan berapa jumlah dan besar kotak iklan link banner tersebut yang ingin ditampilkan. Jika blog kalian ingin dipasang kotak iklan link banner caranya sangat gampang, ikuti tutorial dan petunjuk berikut ini dengan benar.
1. Masuk ke acount blogger anda
2. Pilih Tata Letak --> Edit Html
3. Cari kode berikut ini :
]]></b:skin>
4. Copy kode berikut kemudian tempatkan persis diatas kode tersebut.
#Banner-ads {
margin:0px;
padding: 5px;
text-align: center;
width : 960px;
}
#Banner-ads img {
margin: 7px 4px 4px 0px;
padding: 3px;
width : 125px;
height : 125px;text-align: center;
border: 1px solid #c0c0c0;
}
#Banner-ads img:hover {
margin: 7px 4px 4px 0px;
padding: 3px;
text-align: center;
border: 1px solid #333;
}
5. Copy semua kode dibawah ini :
<div id='Banner-ads'>
<a hight='100' href=' http://www.tdwuniversity.com/launch/?id=6628/' target='_blank' width='100'><img alt='ads' border='0' src='http://www.TDWUniversity.com/launch/images/125x125.gif'/></a>
</div>
Keterangan :
1. Masuk ke acount blogger anda
2. Pilih Tata Letak --> Edit Html
3. Cari kode berikut ini :
]]></b:skin>
4. Copy kode berikut kemudian tempatkan persis diatas kode tersebut.
#Banner-ads {
margin:0px;
padding: 5px;
text-align: center;
width : 960px;
}
#Banner-ads img {
margin: 7px 4px 4px 0px;
padding: 3px;
width : 125px;
height : 125px;text-align: center;
border: 1px solid #c0c0c0;
}
#Banner-ads img:hover {
margin: 7px 4px 4px 0px;
padding: 3px;
text-align: center;
border: 1px solid #333;
}
5. Copy semua kode dibawah ini :
<div id='Banner-ads'>
<a hight='100' href=' http://www.tdwuniversity.com/launch/?id=6628/' target='_blank' width='100'><img alt='ads' border='0' src='http://www.TDWUniversity.com/launch/images/125x125.gif'/></a>
</div>
Keterangan :
---> tulisan berwarna merah ganti dengan "url web/blog" anda
---> tulisan berwarna biru ganti dengan "url gambar" anda
---> untuk memperbanyak jumlah kotak iklan link banner paste kan saja kode tersebut
6. Kemudian letakkan persis di atas kode berikut :
<div id='main-wrapper'>
7. Simpan Perubahan.
6. Kemudian letakkan persis di atas kode berikut :
<div id='main-wrapper'>
7. Simpan Perubahan.
Jika telah mengikuti tutorial diatas dengan benar, maka kotak iklan link banner akan muncul pada blog anda.
Langganan:
Postingan (Atom)
Popular Posts
-
Dirancang oleh Sultan Hamid II dari Pontianak yang kemudian di sempurnakan oleh Presiden Soekarno. Pancasila sendiri merupakan Ideologi dan ...
-
Sebuah Web atau Blog tidak bisa lepas dari yang namanya HTML (Hyper Text Mark up Language) karena HTML inilah yang mendasari sebuah web/bl...
-
1. Beberapa tujuan konsumsi dan produksi sbb: Memenuhi berbagai jenis kebutuhan Menambah nilai guna barang dan jasa Mendapatkan kepuasan Men...
-
Sudahkah anda melihat postingan sebelum. Jika belum anda bisa klik posting Surat Dari Emak . Puisi ini merupakan balasan dari 2 orang anak ...
-
Teman sejati selalu berbagi, kalo saya jadi laut, kamu jadi ikan, saya jadi kumbang kamu jadi bunga, saya jadi matahari kamu jadi bumi, kalo... -
1. Pemerintahan dalam arti luas adalah....... a. Pelaksanaan kekuasaan legislatif dalam suatu negara b. Pelaksanaan k...
-
1. Pemerintahan dalam arti luas adalah....... a. Pelaksanaan kekuasaan legislatif dalam suatu negara b. Pelaksanaan k...
-
1. Pemerintahan dalam arti luas adalah....... a. Pelaksanaan kekuasaan legislatif dalam suatu negara b. Pelaksanaan k...
-
Berapa banyak orang di dunia ini yang hidupnya dipenuhi rasa kegelisahan dalam hatinya dan kebingungan yang tak berujung hanya karena pe...
-
Seekor anak monyet bersiap-siap hendak melakukan perjalanan jauh. Ia merasa sudah bosan dengan hutan tempat hidupnya sekarang. Ia mendengar ...
Total Pageviews
About Me
- Septian Adi Prakoso
- Saya bersekolah di RSBI SMA Negeri 1 Demak kelas XII IPS 1
Lencana Facebook
Di download
Tukar Link
