Tutorial Membuat Blog Gratis Lengkap dengan Gambar

Cara Membuat Blog di Blogspot Lengkap Gambar

Memiliki sebuah blog adalah hal yang menyenangkan karena kita dapat berbagi apapun yang kita suka, dan kalau kita serius dalam merawat blog, kita juga bisa mendapatkan penghasilan yang layak dari blog kita.

Di web tutorial ini, nyekrip telah berbagi tentang cara membuat web dengan html 5 yang juga dapat kita gunakan sebagai langkah belajar dalam membuat dan mendesain halaman web atau blog dan salah satu favorit saya adalah menciptakan blog pada domain sendiri dan hosting melalui WordPress seperti yang sudah diterapkan pada blog nyekrip ini.

Banyak tutorial yang telah membahas tentang self-host blog WordPress dan tidak diragukan lagi itu adalah platform blogging yang lebih baik jika kita bandingkan dengan platform blogging gratis seperti Blogspot.com dan WordPress.com. Banyak pemula yang ingin memulai blogging tidak ingin menghabiskan modal untuk membuat blog dan itu sah-sah saja, bahkan banyak juga ditemukan blog terkenal yang menggunakan platform gratis ini.

Ada banyak platform blogging yang menawarkan untuk membuat Blog  secara gratis. Jika kita mencari blog yang gratis, disarankan untuk memulai blog dari WordPress.com atau Blogger.com.

Blogspot mengijinkan kita untuk membuat blog secara gratis dan tentunya memiliki keterbatasan, tapi seperti yang telah disebutkan di atas, untuk pemula itu merupakan ide yang baik sebagai langkah awal dalam membuat Blog.

Ikon Blogger

Tutorial ini ditujukan untuk yang ingin belajar membuat blog. Dalam posting ini kita akan membahas tentang bagaimana cara membuat blog di Blogspot lengkap gambar. Sebelum kita mulai tutorial cara membuat blog di Blogspot lengkap gambar, ada beberapa hal yang harus kita ketahui. Blogspot adalah platform blogging dari Google yang memberikan pelayanan untuk membuat sebuah blog, semua gambar blog kita akan disimpan oleh Picasa yang merupakan bagian dari Google.

Cara Membuat Blog di Blogspot atau Blogger Gratis

Untuk cara membuat blog di Blogspot gratis, silahkan menuju blogger.com dan login menggunakan akun Google. Jika belum memiliki akun Google (akun Gmail), silahkan menuju tutorial ” Cara Membuat Email Baru Lengkap Gambar “. Setelah anda mempunyai akun gmail atau akun google, silahkan kunjungi ” www.blogger.com ” dan kita akan melihat halaman login seperti gambar berikut.

Halaman Login

Setelah login kita akan menghadapi pilihan untuk menggunakan identitas, kita dapat memilih profil Google plus atau menggunakan profil Blogspot. Lebih di sarankan memilih profil Google plus.

Memilih Profil

Langsung tekan tombol ” Lanjutkan ke Blogger “.

Setelah itu kita akan melihat halaman membuat blog di blogspot seperti gambar berikut. Pada halaman ini kita akan melihat daftar blog yang telah dibuat, karena kita baru akan memulai dalam membuat blog maka kita belum melihat daftar blog tersebut, untuk memulai membuat blog silahkan klik tombol ” Blog Baru “.

Memulai Blog Baru

Memberi Nama dan Alamat Blog di Blogspot/blogger

Setelah kita klik tombol ” Blog Baru ” kita akan melihat sebuah halaman baru untuk memulai dengan menambahkan nama dan memilih nama domain. Untuk tips trik dalam memilih nama domain silahkan anda kunjungi tutorial ” Tips Cara Memilih Nama Domain Blog atau Website “.

Untuk lebih jelasnya silahkan perhatikan gambar membuat blog di blogspot berikut:

Halaman Membuat Blog

Keterangan nomor pada gambar

Nomor 1 adalah tempat kita untuk memberi judul atau nama blog

Nomor 2 adalah tempat kita untuk memberi alamat blog kita

Nomor 3 adalah tempat kita untuk memilih template blog kita, kita bisa merubah-nya nanti pada halaman template, jadi untuk sementara pilih saja yang standar

Nomor 4 merupakan keterangan alamat blog yang kita ketik tersedia atau tidak, pastikan alamat blog tersedia.

Nomor 5 adalah tombol untuk mengakhiri , tekan tombol ini jika anda sudah merasa puas dengan nama dan alamat yang anda pilih.

Memulai Post

Mengenal Dashboard di Blogspot/blogger

Sekarang blog kita sudah dibuat tetapi belum selesai sepenuhnya. Ada beberapa pengaturan yang perlu kita lakukan pada blog yang baru dibuat, agar membuat blog di Blogspot kita semakin SEO, seperti merubah template dan menambah halaman. Sekarang kita berada di dashboard Blogspot di mana kita akan melihat backend blog dan bisa pergi ke pengaturan dan membuat perubahan untuk meningkatkan visibilitas blog. Berikut adalah screenshot dashboard beserta penjelasan:

dashboard blogspot

Keterangan nomor pada gambar

Nomor 1 merupakan tombol yang bisa kita gunakan jika ingin membuat blog baru

Nomor 2 merupakan tombol yang bisa kita gunakan jika ingin membuat post baru

Nomor 3 merupakan tombol yang bisa kita gunakan jika ingin melihat blog secara live

Nomor 4 merupakan daftar shortcut menuju pengaturan, post, dan lain-lain

Nomor 5 merupakan area artikel dari blog yang kita ikuti atau follow

Nomor 6 merupakan area identitas atau profil kita di google, dalam area ini kita bisa login dan logut.

Setelah kita mengenal fungsi dari dashboard blogspot/blogger, silahkan anda klik menu “ Ikhtisar ” untuk melihat daftar menu dalam memulai membuat post, halaman, sampai mengatur adsense pada blog kita.

Untuk melihat tampilan blog yang sudah dibuat, silahkan klik tombol no 3 pada nomor diatas, maka tampilan blog akan terlihat seperti gambar dibawah ini. Perhatikan bahwa template sudah sesuai dengan template yang telah dipilih sebelumnya.

Tampilan Blog Nyekrip

jika anda ingin membuat blog gratis di wordpress silahkan kunjungi tutorial ” Cara Membuat Blog di WordPress Gratis Lengkap “.

Cara Mengatasi Halaman yang Anda Minta Tidak Valid

Halaman Yang Anda Minta Tidak Valid

Bagi kawan yang mengalami error seperti pesan diatas, kemungkinan blogger telah menganggap anda sebagai spammer, cobalah lakukan langkah berikut ini:

Jika anda menggunakan modem, coba putus dan sambung-kan lagi konekssi internet-nya (tujuan agar ip berubah)

Clear atau bersihkan cache, cookie dan history browser anda

Setelah itu coba buat blog lagi, semoga berhasil 🙂 .

Sekian tutorial cara membuat blog di blogspot lengkap gambar, segera praktek-kan karena membuat blog di blogspot itu mudah dan tutorial diatas sudah dibuat dengan sederhana namun padat. Jika ada pertanyaan, silahkan ajukan dalam komentar dibawah. Pada kesempatan berikutnya akan dibahas tentang bagaimana cara membuat post sampai merubah template agar lebih SEO.

Sumber : http://www.nyekrip.com/cara-membuat-blog-di-blogspot-lengkap-gambar/

Tutorial HTML

Tutorial HTML Lengkap

Hai sekali lagi saya ucapkan selamat datang di blog saya, dan kali ini saya akan membuat sebuah tutorial tentang HTML....
Barang kali ada diantara teman teman yang masih bingung apa itu HTML?????? nah HTML adlah kepanjangan dari hyper text markup language yaitu adalah salah satu bahasa pemograman berbasis web.
bahasa HTML ini bisa dikatakan adalah bahasa Pemograman berbasis web paling dasar dikarnakan..............
akh saya jd lupa lagi..... hehehehehe
ya udah langsung aja kita lihat cuplikan tutorial dari HTML ini yang saya dapat dari situs ilmu komputer.com dengan format PDF, dan jika anda ingin mempublikasikan kembali di blog atau situs teman teman ya silahkan karena tutorial ini sudah di halalkan untuk di sebarluaskan.
langsung saja kita lihat sedikit cuplikan tentang tuturial HTML ini :
.................
Pengertian HTML

Seperti yang telah dijelaskan sebelumnya bahwa HTML(Hyper Text Markup Language) adalah simbol-simbol atau tag-tag yang dituliskan dalam sebuah file yang dimaksudkan untuk

menampilkan halaman pada web browser. Tag-tag HTML selalu diawali dengan <x> dan diakhiri dengan </x> dimana x tag HTML seperti b, i, u dan sebagainya. Namun ada juga tag yang tidak diakhiri dengan tanda </x> seperti tag <br>, <input> dan lainnya. Sebuah halaman website akan diapit oleh tag <html>……</html>. File-file HTML selalu berakhiran dengan ekstensi *.htm atau *.html. Jadi jika anda mengetik sebuah naskah dan menyimpannya dengan ekstensi *.html maka anda membuat file yang berformat HTML.

Menggunakan Tag pada HTML

Beberapa contoh penggunaan tag HTML,

Contoh Hasil

<b>Ini tulisan tebal</b>

<i>Ini tulisan miring</i>

<u>Ini tulisan bergaris bawah</u>

Ini baris 1<br>Ini baris 2

Ini garis horizontal <hr>

Ini tulisan tebal

Ini tulisan miring

Ini tulisan bergaris bawah

Ini baris 1

Ini baris 2

Ini garis horizontal

Ada beberapa tag yang memilki atribut didalamnya, seperti tag <font>, <table>, <input> dan

sebagainya. Pada tag font ia memiliki beberapa atribut diantaranya atribut: color, size, face.

Untuk lebih memahami atribut lihatlah contoh berikut ini.

<font color=”red” face=”Arial” size=”12”>Ini Font Arial berwarna merah dan berukuran 12

pt</font>

hasil

 Ini Font Arial berwarna merah dan berukuran 12 pt

Atribut color digunakan untuk menentukan warna tulisan.
 Atribut face digunakan untuk menentukan jenis huruf.
Atribut size digunakan untuk menentukan ukuran huruf

Menggunakan Atribut dari Tag
Sebelum memulai sekedar mengingatkan apakah anda sudah membuat folder di drive C:\ yang
bernama HTML jika tidak, buatlah sekarang. Lalu buatlah folder yang bernama bab 1, bab2 dan
seterusnya. Jika anda praktik pada bab 2 maka simpanlah file anda pada folder bab 2.
Demikian untuk seterusnya.
Pada bab 2 ini materi yang diharapkan dapat anda kuasai antara lain:
Menggunakan berbagai attribut dari tag diantaranya:
Tag p, font, table, form, input, select, option, a, body, img, ul, ol, li dan attribut
universal
Contoh-contoh penggunaan tag dan atributnya
Pada bab sebelumnya telah anda pelajari macam-macam atribut dari tag yang terdapat pada HTML. Sekarang saatnya kita menerapkan atribut tersebut dalam sebuah file. Untuk lebih memudahkan anda dalam memahami kita langsung saja pada contoh.
 >>Pertama jalankan software “PHP DESIGNER 2006”
 >>Klik menu File – New – HTML/XHTML
Maka akan nampak sebuah ruang kerja mirip dengan dengan Microsoft Word. Untuk contoh
yang pertama ini kita akan menggunakan atribut dari tag <p>…</p>.

A. Tag <p>…</p>
Tag <p> digunakan untuk membuat paragraf dalam sebuah halaman web. Kita semua tahu
kalau paragraph ada yang bertipe rata kiri, tengah, kanan dan justify. Untuk lebih memperjelas
ketik kode di bawah ini.
<html>
<head>
<title>Atribut Tag <P></title>
</head>
<body>
<p align="left"><b>Teks ini berada di kiri</p>
<p align="center">Teks ini berada di tengah</p>
<p align="right">Teks ini berada di kanan</b></p>
<p align="justify">Paragraph ini bertipe justify. Dimana semua teks akan dibuat
lurus sama dengan batas tepi halaman. Oh ya, tag &lt;p&gt;&lt;/p&gt; merupakan
default atau bentuk baku tag &lt;p&gt;&lt;/p&gt; dimana teks atau paragraf akan
berformat rata kiri. Jika anda tidak memberi atribut <i>align</i> pada tag
&lt;p&gt; maka browser akan menganggap rata kiri.</p>
</body>
</html>
Setelah selesai simpan file tersebut dengan mengklik menu File – Save. Akan muncul kotak dialog Save, arahkan ke drive C:\ lalu HTML (jika anda membuat folder lain silahkan simpan di folder anda tersebut) lalu Bab 2. Pada isian File Name isikan tag_p.html dan pastikan Save as. Type adalah HTML Document. Untuk menjalankan anda cukup tekan tombol F5 maka akan muncul output dari kode anda.

B. Tag <font>…</font>
Fungsi tag <font> adalah untuk memanipulasi baik jenis, ukuran, dan warna huruf. Pada bab 1
telah kita singgung penggunaan atribut font.
Namun kita akan lebih bereksperimen dengan atribut ini.
Seperti biasa klik File – New – HTML/XHTML.
Ketik kode di bawah ini.
<html>
<head>
<title>Atribut dari Tag Font</tile>
</head>
<body>
<p><font face="Arial">Ini Font Arial</font></p>
<p><font face="Arial"><i>Ini Font Arial dan miring</i></font></p>
<p><font face="verdana" size="4" color="blue"><b>Ini Font Verdana berukuran 12 pt
berwarna biru sekaligus tebal</b></font>
<p align="center"><font face="Tahoma" color="red"><b>Ini Font Tahoma berwarna
merah, tebal dan berada di tengah</b></font><p>
<p align="center"><font face="Arial" color="red">Ini Font Arial berwarna Merah,
</font><font face="Verdana" color="blue">Sedangkan ini adalah font Verdana
berwarna biru</font></p>
</body>
</html>
Nb: Tanda Enter pada kode diatas tidak berpengaruh pada tampilan/output pada browser. Enter
digunakan agar kode mudah dibaca.
C. Tag <table>...</table>
Tag <table> adalah salah satu tag yang memiliki atribut terbanyak. Lihat tabel daftar tag pada
bab 1 untuk melihat daftar atributnya. Dalam tag <table> juga terdapat 2 tag yang penting
yang penting yaitu tag <tr></tr> untuk membuat baris dan tag <td></td> untuk membuat
kolom.Tag <table> adalah tag yang penting dalam pendesainan sebuah tampilan situs. Jadi
anda harus cukup menguasai tag ini.
OK, sekarang buatlah file baru seperti biasa klik File – New – HTML/XHTML. Ketik kode
dibawah ini. Jangan tegang santai saja....!.
<html>
<head>
<title>Atribut dari tag tabel</title>
<body>
<p><b>Membuat Tabel</b></p>
<table border="1" bordercolor="black" bgcolor="white" cellpadding="8"
cellspacing="0" width="100%">
<tr> <!-- <tr> artinya membuat sebuah baris -->
<td>Ini kolom 1 pada baris 1</td> <!-- <td> = membuat sebuah kolom. -->
<td>Ini kolom 2 pada baris 1</td> <!-- </td> mengakhiri sebuah kolom -->
</tr> <!-- mengakhiri sebuah baris -->
<tr>
<td>Ini kolom 1 pada baris 2</td>
<td>Ini kolom 2 pada baris 2</td>
</tr>
</table>
<p><b>Contoh 2: Membuat Tabel</b></p>
<table border="1" bordercolor="black" bgcolor="white" cellpadding="8"
cellspacing="0" width="100%">
<tr bgcolor="yellow">
<td align="center">Ini kolom 1 pada baris 1</td>
<td align="right">Ini kolom 2 pada baris 1</td>
</tr>
<tr>
<td align="center" bgcolor="red"><font color="white">Ini kolom 1 pada baris
2</font></td>
<td align="right">Ini kolom 2 pada baris 2</td>
</tr>
</table>
<p><b><font color="blue">Tabel sebagai bingkai dari paragraf</font></b></p>
<table border="1" style="border-collapse: collapse" cellpadding="8"
bgcolor="white" width="100%" bordercolor="black">
<tr>
<td><p>Tabel memiliki peranan sangat penting dalam tampilan sebuah situs web.
Tanpa tabel desainer akan mengalamai kesulitan dalam mendesain sebuah halaman
web.</p>
<p>Kalau anda perhatikan website yan memiliki tampilan yang tersusun rapi.
Sebenarnya itu adalah tabel hanya saja atribut <font
color="red"><b>border="0"</b></font> sehingga tabel seakan tidak
ada(transparan).</p>
<p>Situs rahasia-webmaster.com banyak menggunakan tabel sebagai bingkai
paragraf. Perlu diingat tag-tag pada html dapat mengandung unsur yang sama.
Contohnya di dalam sebuah tabel terdapat tabel lagi. Di bawah ini adalah tabel
yang berada di dalam tabel utama</p>
<p align="center">
<!-- tag <table> untuk tabel anak -->
<table border="1" style="border-collapse: collapse" bgcolor="white"
bordercolor="black" cellpadding="8" width="80%">
<tr bgcolor="yellow">
<td><b>Nama Barang</b></td>
<td><b>Harga Barang</b></td>
</tr>
<tr>
<td>Monitor</td><td>Rp. 500.000,-</td>
</tr>
<tr>
<td>CDRW</td><td>Rp. 245.000,0</td>
</tr>
<!-- </table ini untuk menutup tabel anak -->

Sumber : http://centryjazz.blogspot.co.id/2012/10/tutorial-html-lengkap.html?m=1

Tutorial Corel Draw versi 12 (Pengenalan)

PENGENALAN CORELDRAW 12

 

Kreasi desain merupakan salah satu tren desain yang sedang berkembang dan makin diminati sekarang ini. Konsep desain menggunakan object kotak, lingkaran, ellipse maupun teks. Corel draw12 merupakan program menggambar yang berbasis vektor dan dapat mudah membuat suatu desain grafis seperti logo, karikatur, poster, bunga, kalender, kartu nama, stiker dan menggambar bebas.

a.         Membuka corel draw12

Adapun langkah-langkah untuk membuka corel draw 12  adalah sebagai berikut:

1.      Klik start- All program- corel program Graphic suite 12- corel draw 12

2.      Kemudian muncul kotak dialog Welcome to Corel Draw 12. Dan pilih salah satu langkah berikut:

. New untuk membuka halaman baru.

. Open untuk membuka file yang sudah tersimpan.

. Recentily Used untuk membuka file yang terakhir kali disimpan.

b.        Mengenal Toolbox

1.      Rectangle Tool

Rectangle Tool berfungsi untuk menggambar kotak persegi dan persegi panjang.

2.      Ellipse Tool

Ellipse Tool berfungsi untuk membuat ellipse dan lingkaran.

3.      Polygon Tool

Polygon Tool berfungsi untuk membuat objek banyak sisi.

c.         Mewarnai Objek

Mewarnai objek ada 2 cara yaitu dengan Color Pallete dan Fill Tool. Setiap pemberian warna object harus diblok terlebih dahulu.

d.        Order

Order berfungsi untuk mengatur posisi object. Pengaturan dilakukan dengan meletakkan object kedepan maupun kebelakang. Perintah object dapat dilakukan dari menu Arrange – order, setiap object yang akan dipindah harus diblok terlebih dahulu.

e.         Outline Object

Warna outline merupakan warna bingkai pada object memberikan beragam warna dan tebal bingkai pada object atau menghilangkan warna bingkai.

  

f.         Menggabungkan Object

Grup berfungsi untuk menyatukan beberapa object dan dapat memindahkan object sekaligus. Adapun langkahnya yaitu blok object- klik menu Arrange- Group. Untuk mengembalikan blok object klik menu Arrange- ungroup.

Menggambar dengan kreasi

Menggambar dengan kreasi bertujuan untuk menggambar atau mendesain sesuai keinginan tanpa memberi efek yang tersedia di corel draw 12.

a.         Freehand Tool

Freehand berfungsi untuk menggambar secara sederhana dengan cara mendrag pada lembar kerja.

b.        Bezier Tool

Bezier berfungsi untuk menggambar dengan menentukan titik satu ke titik berikutnya.

c.         Artistic Media Tool

Artistic berfungsi untuk menggambar dengan bentuk yang sudah disediakan.

Ada 5 bentuk dari Artistic Media Tool:

-          Preset

-          Brush

-          Spayer

-          Caligraphic

-          Pressure

d.        Mirror (Pencerminan)

Berfungsi untuk mendesain gambar yang saling berhadapan baik secara horizontal maupun vertikal.

e.         Shaping pada Object

Berfungsi untuk mengedit atau merubah bentuk object baik kotak, ellipse maupun object dari artistic media tool.

  

Text dan Symbol

a.         Text

Ada 2 cara membuat text yaitu Text Artistic dan Text Paragraf

-          Text Artistic berfungsi untuk membuat text dengan cara mengklik dilembar kerja baik satu kata maupun beberapa baris text.

-          Text Paragraf

Berfungsi untuk membuat text dengan cara mendrag dilembar karja baik satu kata maupun  beberapa baris text.

b.        Fit Text to Path

Berfungsi untuk menciptakan text yang unik yang mana text dapat dibentuk mengikuti kurva yang telah di bentuk.

Langkah pembuatannya:

-          Blok kedua object ( Kurva dan Text) – Text – Fit Text to Path

Membuat Fit Text to Path dari bawah: lakukan perintah seperti fit text to path lalu pilih model seperti gambar pada proferty bar lalu klik ikon pleace on other sider.

Sumber : http://anisafadima123.blogspot.co.id/2016/03/pengenalan-coreldraw-12.html

Cara Menambah dan Memasang Widget Di Blog

Widget adalah alat atau fitur tambahan yang disediakan oleh blogger selain konten postingan untuk memudahkan kita di dalam navigasi blog atau keterangan yang ada pada blog itu sendiri sehingga pengunjung blog dapat lebih mudah mengerti dan mengenali isi dari blog kita.

Postingan ini merupakan panduan cara menambah dan memasang widget di blog untuk kalian yang belum atau ingin mengetahui bagaimana cara memasukan/menambah maupun menghapus widget di blog. Caranya sangat mudah dan praktis serta sangat mudah dimengerti.

Ada banyak widget yang disediakan oleh blogger maupun dari luar blogger dengan berbagai macam fitur dan kegunaannya. Kalian tinggal memilih sesuka hati sesuai dengan kebutuhan yang ingin ditambahkan pada blog kalian.

Berikut tahapan-tahapan caranya.

1. Login ke dalam Blogger.com

2. Pada dashboard pilih blog dari daftar blog yang kalian punya.

3. Kemudian di sebelah kolom kiri halaman pilih "Layout" atau "Tata Letak".

4. Muncul halaman layout blog kalian dan pilih "Tambahkan Gadget"  di bagian mana saja yang kalian suka.

5. Pada jendela baru yang keluar, muncul daftar berbagai macam widget yang dapat kalian tambakan ke blog kalian.

6. Contoh, kita memilih widget "Daftar Blog" kemudian selanjutnya kita mensetting bagaimana dan isi dari daftar blog itu. Klik "Simpan".

7. Kita bebas menaruh widget yang kita buat tadi dimana saja kita suka. Contoh, kita pasang widget itu di bagian footer maka kita tinggal drag dan kemudian drop pada bagian paling bawah.

8. Setelah itu, klik "simpan setelan" dan lihat hasilnya dengan klik "Lihat Blog" di bagian atas.

9. Maka tampilan baru blog kita otomatis akan terlihat widget yang baru kita tambahkan yaitu "Daftar Blog" di halaman bagian paling bawah.

Ok, semoga penjelasan Cara Menambah dan Memasang Widget Di Blog dapat dimengerti dan semoga dapat membantu pada kegiatan blog-blogan atau blogging kita.

Sumber : http://otodidakers-tutor.blogspot.co.id/2013/03/Cara-Menambah-Widget-di-Blog.html