Archive for 2016

Cara Membuat Blog di Blogspot(Gratis)


Mungkin sobat belakangan ini sering kebingungan tentang bagaimana cara membuat blog ,seperti blog kisah hidup ,blog yang dibuat karena tugas sekolah ,blog kata-kata mutiara ,atau blog yang bersifat lucu /menghibur ,blog yang berisi puisi supaya dapat diketahui secara umum ,atau biasanya sobat ingin membuat blog dikarenakan ada teman sobat yang berhasil mendapatkan uang dari blog teman sobat.

Blog atau bernama lain Web Blog adalah salah satu aplikasi web yang mana artikel atau postingan yang diposting /diunggah didalam blog sering kali beurutan ,yaitu dari tulisan terbaru hingga tilisan terlama .Dan untuk membuat blog sebaiknya kita gunakan blogger /blogspot ,kenapa harus di blogger /blogspot? Karena situs pembuatan web tersebut gratis dan telah bekerja sama dengan Google. Jadi blog baru yang telah sobat buat dapat ditampilkan /muncul di mesin pencarian google ,enak bukan?
Dan satu lagi nih ,di blogger tampilan yang sangat simple yang mudah dipahami untuk pemula dan tema dapat diotak atik sendiri dengan cara mengganti template /mengganti background blog ,Dapat menambahkan widget didalam blog seperti : jam, kalender, cuaca, dll.


1.    Masuk ke  Masuk ke Blogger ,sama halnya seperti daftar Facebook, di blogger juga harus mempunyai email Gmail terlebih dahulu, yang belum mempunyai email Gmail, harap membuat dulu. . Untuk mendaftar, silakan isikan nama email Gmail beserta passwordnya, sama seperti log in ke gmail.com . Setelah itu klik Masuk



2.    Buat blog baru


3.    Isikan Judul dan Alamat blog dengan nama blog sesuai keinginan Sobat, dan Apabila Sudah diisi alamat blognya maka nanti ada tulisan dibawahnya Alamat blog ini tersedia, kalau tidak sobat bisa mengganti nama blog yang lainnya seperti nama lengkap atau terserah sobat.

4.    Pilih Template ,
Nah, apabila sudah kini tinggal memilih template atau tampilan blog, pilih sesuai selera Sobat. Untuk template bisa dirubah lagi jadi pilih kalau merasa tidak ada yang bagus, pilih sembarang saja.

cara membuat blog
5. Klik buat blog

Setelah selesai, Selamat blog sobat telah jadi, tinggal klik mulai posting / mengeposkan untuk membuat artikel terbaru blog sobat masing-masing .

Yah itulah langkah-langkah mengenai cara membuat blog dengan mudah secara gratis di blogspot .Semoga artikel yang telah saya buat ini dapat membantu sobat yang mempunyai keinginan membuat blog gratis dan dapat mengelola blog di blogspot.
Sekian artikel dari saya kali ini, Semoga Bermanfaat Bagi Sobat
Selamat Malam


cara mudah membuat blog

Posted by : Unknown 0 Comments
Cara Mengganti Template Blog dengan Template Keren - Banyak yang bilang mengganti blog di blogspot dengan di wordpress, jomla, itu lebih mudah di blogspot sama halnya buat blog di blogger di dengan di wordpress itu lebih mudah dan cepat di blogger. Namun bagi pemula saya yakin semua sulit,benar bukan?  Membuat blog yang keren dan unik memang membutuhkan sedikit usaha dan banyak keyakinan dari diri masing-masing karena template yang keren biasanya banyak yang memakainya atau paling tidak sobat bisa mengedit kode-kode HTML untuk membuat tampilan blog sesuai dengan keinginan. Saya yakin bukan cuma saya saja yang suka menggonta ganti template sampai tampilan nya sesuai dengan selera namun banyak juga blogger yang senang mengotak-atik bentuk template atau berburu template sampai menemukan template yang sesuai dengan apa yang di bayangkan. Kadang Alasan mengganti blog memang beragam namun banyak dari mereka para blogger mengeluhkan tampilan yang kurang bagus ataupun berat loading yang mungkin sangat lamban sehingga akan mengganggu pengunjung dalam mengakses blog milik sobat. Nah disini ada cara yang bisa sobat pilih menurut yang sobat anggap mudah.

Oke sebelum kita bahas cara / tutorialnya, terlebih dahulu kita sudah harus punya file template yang akan kita gunakan untuk blogger kita. Dari mana kita bisa dapatkan / download file template? Di internet banyak sekali situs penyedia template blogger dengan banyak pilihan motif dan variasi dan tentunya gratis / free download. Anda bisa download template-template keren di beberapa situs seperti btemplates.com, soratemplates.com, zoomtemplate.com, dll. Silahkan kunjungi situs-situs tersebut untuk mendapatkan template yang dikehendaki. Biasanya bentuk file nya berupa .zip yang perlu kita extract dulu untuk mendapat file template .xml nya. Oke, berikut tahapan-tahapannya:





  • Di sini saya menggunakan template dari btemplates.com, ada beragam jenis template yang disediakan bisa disesuaikan dengan isi blog kita. Silahkan cari template yang diinginkan. Kemudian klik tombol Download.  
    cara mengganti template blogger
    cara mengganti template blogger

  • Setelah file template terdownload, ekstrak file dengan menggunakan winrar, sehingga muncul folder yang berisi file template yang berekstensi .xml
    cara mengganti template blogger
  • Masuk ke dashboard blogger, klik menu Template, klik tombol Cadangkan / Pulihkan
  • Browse / cari file template yang sudah diesktrak tadi, kemudian klik open  
    cara mengganti template blogger
  • Klik Unggah, dan tunggu prosesnya beberapa saat.
    cara mengganti template blogger
  • Setelah template ter-upload, maka tampilan blog anda akan langsung berubah. Bisa and lihat langsung tampilan blog anda yang baru dengan menekan tombol "Lihat Blog" 
    cara mengganti template blogger


  • Dan sekarang tampilan blog anda telah berhasil dirubah. Demikian tutorial cara mengganti template blogger. Cukup mudah, bukan? Semoga tutorial sederhana ini bisa bermanfaat bagi sobat pembaca sekalian. Terima kasih.



    Cara Mengganti Template Blog Atau Tema Blog

    Posted by : Unknown 0 Comments

    Cara Mudah Merubah Tampilan Cursor Mouse di Blog

    cara mudah merubah cursor mouse pada blog

    Mouse pointer atau penunjuk mouse adalah tanda yang menyatakan posisi mouse pada layar. Umumnya berbentuk tanda panah akan tetapi bisa diubah sesuai keinginan. Untuk itu pada postingan kali ini saya akan membagikan cara mudah merubah pointer atau cursor mouse pada Blog anda. Cursor mouse merupakan salah satu bagian penting pada Blog, karena merupakan bagian yang paling sering mendapat perhatian dari pengunjung. Dengan merubah kursornya dengan tampilan yang lebih unik tentunya Blog anda akan terlihat lebih menarik. Jika anda tertarik untuk mengganti kursor pada Blog anda, silakan ikuti tutorialnya dibawah,

    Langkah-langkah:
    • Kunjungi situs www.cursors-4u.com.

  • Disana anda akan disugukan banyak contoh dari kursornya.
  • Anda dapat memilih berdasarkan kategori yang ada.

  • kategori kursor
    • Silakan anda pilih salah satu gambar yang anda ingin gunakan pada Blog anda.
    pocketball kursor


    • Jika anda telah menentukan kursor mana yang akan anda gunakan, klik gambar tersebut untuk mendapatkan kode dari kursornya.
    • Sekarang copy kode yang diberikan untuk kursor yang telah anda pilih. (Option #1 - Universal CSS/HTML Code)
    copy kode kursor

    • Nah anda sekarang telah mendapatkan kodenya.
    • Untuk memasangnya di Blog anda, Pilih Tata Letak >> Tambahkan Gadget >> HTML/Javascript.
    • Isikan konten dengan kode yang sebelumnya telah anda copy.
    • Jika sudah klik "Simpan".

    Sekarang anda akan menemukan perubahan yang terjadi pada cursor mouse yang ada Blog anda.

    Sekian artikel saya kali ini yaitu tentang Cara Mudah Merubah Tampilan Cursor Mouse di Blog, Semoga bermanfaat bagi sobat semua

    Cara Mudah Merubah Tampilan Cursor Mouse di Blog

    Posted by : Unknown 0 Comments
    KODE WARNA LENGKAP HTML

    Selamat Pagi sobat ,dalam artikel kali ini saya akan ngeShare Kode warna lengkap dalam HTML. Didalam membuat HTML istilah warna pasti sudah tidak asing lagi,Benar bukan?Mulai dari teks yang berwarna,animasi teks berwarna,bahkan tabel juga berwarna,dan masih banyak lagi .Oke langsung saja tanpa basa-basi lagi mari kita simak artikel dibawah ini :

    Berikut ini merupakan kode warna lengkap dalam HTML

    Kode Warna HTML lengkap
    #FOF8FF
    Aliceblue
    #FAEBD7
    Antiquewhite
    #00FFFF
    Aqua
    #7FFFD4
    Aquamarine
    #F0FFFF
    Azure
    #F5F5DC
    Beige
    #FFE4C4
    Bisque
    #000000
    Black
    #FFEBCD
    Blanchedalmond
    #0000FF
    Blue
    #8A2BE2
    Blueviolet
    #A52A2A
    Brown
    #DEB887
    Burlywood
    #5F9EAD
    Cadetblue
    #7FFF00
    Chartreuse
    #D2691E
    Chocolate
    #FF7F50
    Coral
    #64950
    Cornflowerblue
    #FFF8DC
    Cornsilk
    #DC143C
    Crimson
    #00FFFF
    Cyan
    #00008B
    Darkblue
    #008B8B
    Darkcyan
    #B8860B
    Darkgoldenrod
    #A9A9A9
    Darkgray
    #006400
    Darkgreen
    #8B008B
    Darkmagenta
    #BDB76B
    Darkkhaki
    #556B2F
    Darkolivegreen
    #FF8C00
    Darkorange
    #9932CC
    Darkorchid
    #8B0000
    Darkred
    #E9967A
    Darksalmon
    #8FBC8B
    Darkseagreen
    #483D8B
    Darkslateblue
    #2F4F4F
    Darkslategray
    #00CED1
    Darkturquoise
    #9400D3
    Darkviolet
    #FF1493
    Deeppink
    #00BFFF
    Deepskyblue
    #696969
    Dimgray
    #1E90FF
    Dodgerblue
    #B22222
    Firebrick
    #FFFAF0
    Floralwhite
    #228B22
    Forestgreen
    #FF00FF
    Fuchsia
    #DCDCDC
    Gainsboro
    #F8F8FF
    Ghostwhite
    #FFD700
    Gold
    #DAA520
    Goldenrod
    #808080
    Gray
    #008000
    Green
    #ADFF2F
    Greenyellow
    #F0FFF0
    Honeydew
    #FF69B4
    Hotpink
    #CD5C5C
    Indianred
    #4B0082
    Indigo
    #FFFFF0
    Ivory
    #F0E68C
    Khaki
    #E6E6FA
    Lavender

    #FFF0F5
    Lavenderblush
    #7CFC00
    Lawngreen
    #FFFACD
    Lemonchiffon
    #ADE8E6
    Lightblue
    #F08080
    Lightcoral
    #E0FFFF
    Lightcyan
    #FAFAD2
    Lightgoldenrodyellow
    #90EE90
    Lightgreen
    #D3D3D3
    Lightgray
    #FFB6C1
    Lightpink
    #FFA072
    Lightsalmon
    #20B2AA
    Lightseagreen
    #87CEFA
    Lightskyblue
    #778899
    Lightslategray
    #B0C4DE
    Lightsteelblue
    #FFFFE0
    Lightyellow
    #00FF00
    Lime
    #32CD32
    Limegreen
    #FAF0E6
    Linen
    #FF00FF
    Magenta
    #800000
    Maroon
    #66CDAA
    Mediumaquamarine
    #0000CD
    Mediumblue
    #191970
    Midnightblue
    #F5FFFA
    Mintcream
    #FFE4E1
    Mistyrose
    #FFE4E1
    Moccasin
    #FFDEAD
    Navajowhite
    #000080
    Navy
    #FDF5E6
    Oldlace
    #808000
    Olive
    #6B8E23
    Olivedrab
    #FFA500
    Orange
    #FF100%0
    Orangered
    #DA70D6
    Orchid
    #EEE8AA
    Palegoldenrod
    #98FB98
    Palgreen
    #AFEEEE
    Paleturquoise
    #DB7093
    Palevioletred
    #FFEFD5
    Papayawhip
    #FFDAB9
    Peachpuff
    #CD853F
    Peru
    #FFC0CB
    Pink
    #DDA0DD
    Plum
    #B0E0E6
    Powderblue
    #800080
    Purple
    #FF0000
    Red
    #BC8F8F
    Rosybrown
    #4169E1
    Royalblue
    #8B4513
    Saddlebrown
    #FA8072
    Salmon
    #F4A460
    Sandybrown
    #2E8B57
    Seagreen
    #FFF5EE
    Seashell
    #A0522D
    Sienna
    #C0C0C0
    Silver
    #87CEEB
    Skyblue
    #708090
    Slategray
    #FFFAFA
    Snow
    #00FF7F
    Springgreen
    #4682B4
    Steelblue
    #D2B48C
    Tan
    #008080
    Teal
    #D8BFD8
    Thistle
    #FF6347
    Tomato
    #40E0D0
    Turquoise
    #EE82EE
    Violet
    #F5DEB3
    Wheat
    #FFFFFF
    White
    #F5F5F5
    Whitesmoke
    #FFFF00
    Yellow
    #9ACD32
    Yellowgreen


    Bagaimana?Setelah membaca artikel diatas,apakah sobat memahami dengan jelas kode-kode warna diatas?Lengkap bukan :D

    Sekian artikel mengenai kode HTML lengkap ini,Semoga bermanfaat bagi sobat ,Jika ada keluhan/saran/kesulitan silahkan berkomentar di kolom komentar :D 

    Kode Warna Lengkap HTML

    Posted by : Unknown 0 Comments
     Pengertian HTML, cara menulis tag yang benar, dan atribut dalam Tag beserta contohnya.


    Pengertian HTML

               HTML adalah sebuah bahasa pemrograman yang digunakan untuk membuat sebuah halaman Web. Untuk menulis kode HTML digunakan editor teks seperti Notepad atau FrontPage.
    Berikut ini adalah contoh kode HTML yang sederhana :

    <HTML>
    <HEAD>
    <TITLE>Latihan HTML</TITLE>
    </HEAD>
    <BODY>
    Selamat belajar mengenai HTML. Semoga bermanfaat bagi kita semua
    </BODY>
    </HTML>

    Berikut ini penjelasannya :

    • Pasangan tag <HTML> dan </HTML> menandakan bahwa kode yang terdapat di dalamnya adalah kode HTML sehingga browser akan menerjemahkan sebagai okumen HTML
    • Bagian yang terdapat dalam <HTML> dan <HTML> umumnya terdiri dari :
    1. Bagian kepala , ditandai dengan pasangan tag <HEAD> dan </HEAD>
    2. Bagian badan , ditandai dengan pasangan tag <BODY> dan </BODY>
    • Pada bagian kepala , bisa ditentukan judul dokumen HTML. Judul ini ditulis dalam pasangan tag <TITLE> dan </TITLE> . Pada contoh diatas, judul dokumen HTML adalah  LATIHAN HTML . Judul ini diletakkan di bagian atas jendela browser.

    Cara Menulis Tag Yang Benar



               Nama tag ditulis di dalam tanda  < dan > . Antara nama tag dan tanda < ditulis tanpa spasi sama sekali. Nama tag boleh ditulis dengan huruf kecil , huruf kapital , ataupun kombinasi antara huruf kecil dan huruf kapital. Dengan kata lain , penulisan :


               <HTML>
               <html>
               <Html>

    Semua penulisan ditatas dianggap sama. Namun pada umumnya nama tag ditulis dengan huruf kecil saja atau huruf kapital saja.


    Atribut dalam Tag


               Beberapa tag mengandung atribut didalamnya , Contoh :

    •            <P ALIGN="CENTER">

    Pada contoh ini, P adalah nama tag sedangkan ALIGN adalah nama atribut. Pada umumnya, atribut melibatkan nilai. Pada contoh diatas, "CENTER" adalah nilai untuk atribut ALIGN.

    • Href

      Jika kita ingin menyisipkan alamat web pada sebuah tulisan, kita bisa menggunakan tag <a> yang disusul dengan atribut href,seperti :
                   <a href="http://www.facebook.com">Ini link untuk menuju ke facebook</a>

    • Size

      Atribut size digunakan untuk menentukan ukuran sebuah objek baik berupa gambar, font atau huruf dan bahkan untuk ukuran layout tertentu.
      Atribut Size terdiri dari dua atribut, yaitu atribut width (lebar) dan height (tinggi), pada contoh dibawah ini adalah demo dari atribut size untuk menentukan ukuran dari sebuah gambar. Contoh scriptnya :
    <img src="Fai Adalah Faza.png" width="550" height="250">


    Sekian arikel saya mengenai pengertian html, cara menulis tag yang benar, dan atribut dalam Tag beserta contohnya. Apabila saya ada kesalahan dalam penulisan saya mohon maaf sebesar-besarnya, Semoga ilmu yang saya berikan ini bermanfaat bagi kita semua, amin..





    Pengertian HTML, Cara menulis Tag yang benar, dan atribut dalam Tag beserta contohnya.

    Posted by : Unknown 0 Comments