cara buat blog

<style>
    #searchbox {
        background: #d8d8d8;
        border: 4px solid #e8e8e8;
        padding: 20px 10px;
        width: 250px;
    }

    input:focus::-webkit-input-placeholder {
        color: transparent;
    }

    input:focus:-moz-placeholder {
        color: transparent;
    }

    input:focus::-moz-placeholder {
        color: transparent;
    }

    #searchbox input {
        outline: none;
    }

    #searchbox input[type="text"] {
        background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7aHJnB7bBPZmJxzsGOSMmtxZ_KSZtzxKvE7j0KgGMF5nVS97Fs8_-Sg5-jn_Ios5MgxlPvBouQl3gRllGeLsMSKn37qlvGFO7dkZTlnpvc2X735CfgQU1KO9WyKXGb6SPvk2yzkrE8ETu/s1600/search-dark.png) no-repeat 10px 6px #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #fff;
        font: bold 12px Arial,Helvetica,Sans-serif;
        color: #bebebe;
        width: 55%;
        padding: 8px 15px 8px 30px;
    }

    #button-submit {
        background: #6A6F75;
        border-width: 0px;
        padding: 9px 0px;
        width: 23%;
        cursor: pointer;
        font: bold 12px Arial, Helvetica;
        color: #fff;
        text-shadow: 0 1px 0 #555;
    }

    #button-submit:hover {
        background: #4f5356;
    }

    #button-submit:active {
        background: #5b5d60;
        outline: none;
    }

    #button-submit::-moz-focus-inner {
        border: 0;
    }
    </style>

    <form id="searchbox" method="get" action="/search">
    <input name="q" type="text" size="15" placeholder="Type here..." />
    <input id="button-submit" type="submit" value="Search" />
    </form>

    <style>
    #searchbox {
    width: 240px;
    }
    #searchbox input {
        outline: none;
    }
    input:focus::-webkit-input-placeholder {
        color: transparent;
    }
    input:focus:-moz-placeholder {
        color: transparent;
    }
    input:focus::-moz-placeholder {
        color: transparent;
    }
    #searchbox input[type="text"] {
        background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7aHJnB7bBPZmJxzsGOSMmtxZ_KSZtzxKvE7j0KgGMF5nVS97Fs8_-Sg5-jn_Ios5MgxlPvBouQl3gRllGeLsMSKn37qlvGFO7dkZTlnpvc2X735CfgQU1KO9WyKXGb6SPvk2yzkrE8ETu/s1600/search-dark.png) no-repeat 10px 13px #f2f2f2;
    border: 2px solid #f2f2f2;
        font: bold 12px Arial,Helvetica,Sans-serif;
        color: #6A6F75;
        width: 160px;
        padding: 14px 17px 12px 30px;
        -webkit-border-radius: 5px 0px 0px 5px;
        -moz-border-radius: 5px 0px 0px 5px;
        border-radius: 5px 0px 0px 5px;
        text-shadow: 0 2px 3px #fff;
        -webkit-transition: all 0.7s ease 0s;
        -moz-transition: all 0.7s ease 0s;
        -o-transition: all 0.7s ease 0s;
        transition: all 0.7s ease 0s;
    }
    #searchbox input[type="text"]:focus {
    background: #f7f7f7;
    border: 2px solid #f7f7f7;
    width: 200px;
    padding-left: 10px;
    }

    #button-submit{
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgp5_8oAZWGrauT_0nR530u_jJHniXsr1jOunKRXwIvQXwO19fxThPcrGMletdK-2ZSz8doUhipVGF1iFnsgGcQaJBdOkFOk7sngbcgRMp2DiePMim1nSlDJOB9dKzRUAtzWJX8fqhOlRNI/s1600/slider-arrow-right.png) no-repeat;
    margin-left: -40px;
    border-width: 0px;
    width: 43px;
    height: 45px;
    }
    </style>

    <form id="searchbox" method="get" action="/search" autocomplete="off">
    <input name="q" type="text" size="15" placeholder="Enter keywords here..." />
    <input id="button-submit" type="submit" value=" "/>
    </form>

  <style>
    #searchbox {
        background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigW_QGtZksCs52PrxJNLhPr3s-RpLBFz3-6gtk7VM75OX_VaLeYOVWI8Qglw4emGyQxcu7xjiN6CsCZiSilGYi29NpDwMq603xkMaErPBGnY1gVtFLjS4pCKhXC-MpHQ3YFjvddi086XS2/s1600/searchbar.png) no-repeat;
        width: 208px;
        height: 29px;
    }
    input:focus::-webkit-input-placeholder {
        color: transparent;
    }
    input:focus:-moz-placeholder {
        color: transparent;
    }
    input:focus::-moz-placeholder {
        color: transparent;
    }
    #searchbox input {
        outline: none;
    }
    #searchbox input[type="text"] {
        background: transparent;
        margin: 3px 0px 0px 20px;
        padding: 5px 0px 5px 0px;
        border-width: 0px;
        font-family: "Arial Narrow", Arial, sans-serif;
        font-size: 12px;
        color: #828282;
        width: 70%;
        display: inline-table;
        vertical-align: top;
    }
    #button-submit {
        background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKBdHxZC_TzT8Hv3YaEduGF09peHw0iU0tPkxWisIUd-0gV-OjJBViirDkzOY4JEe_TFlCPSdxKy7hMrGB7JQ_gBXNDhyphenhyphenYgNBhnhKIMhNCyLWlkB324IcKsn8oZEVNbimi7yIo21Kn7Nvv/s1600/magnifier.png) no-repeat;
        border-width: 0px;
        cursor: pointer;
        margin-left: 10px;
        margin-top: 4px;
        width: 21px;
        height: 22px;
    }
    #button-submit:hover {
        background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRjvfVFLpCb8J20u9UwE_AjWuc_JPE9qKRiqdOV2mD2-xeB-T6iyiautjaQefRGY1OncDUFjyVBcVOqYn_r1DczT9E9ffFLoXXPAx1hPSwVkf9ntZP3STO4X1WvgnXHorbrAI66TyJoKPn/s1600/magnifier-hover.png) no-repeat;
    }
    #button-submit:active {
        background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRjvfVFLpCb8J20u9UwE_AjWuc_JPE9qKRiqdOV2mD2-xeB-T6iyiautjaQefRGY1OncDUFjyVBcVOqYn_r1DczT9E9ffFLoXXPAx1hPSwVkf9ntZP3STO4X1WvgnXHorbrAI66TyJoKPn/s1600/magnifier-hover.png) no-repeat;
        outline: none;
    }
    #button-submit::-moz-focus-inner {
        border: 0;
    }
    </style>

    <form id="searchbox" method="get" action="/search" autocomplete="off">
        <input name="q" type="text" size="15" placeholder="search..." />
        <input id="button-submit" type="submit" value="" />
    </form>

<style>
    #searchbox {
        background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHhUqzoTaK2a8cUMZN0ZtVVFFBq4u_FQ7Vjv7d58uh-DRlFVwrNlFw8sUzEEiayY_BDo8kpRBeDHE5Me-FZYt2jDYYeJOtF8t6DA8qhipljnUJ3KmJu9e_8hHmm-fdqbdoNBLXiAV8xz0B/s1600/search-box.png) no-repeat;
        height: 27px;
     nbsp;   width: 202px;
    }

    input:focus::-webkit-input-placeholder {
        color: transparent;
    }

    input:focus:-moz-placeholder {
        color: transparent;
    }

    input:focus::-moz-placeholder {
        color: transparent;
    }

    #searchbox input {
        outline: none;
    }

    #searchbox input[type="text"] {
        background: transparent;
        margin: 0px 0px 0px 12px;
        padding: 5px 0px 5px 0px;
        border-width: 0px;
        font-family: "Arial Narrow", Arial, sans-serif;
        font-size: 12px;
        font-style: italic;
        width: 77%;
        color: #828282;
        display: inline-table;
        vertical-align: top;
    }

    #button-submit {
        background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjB1I_F5Eq9aLv6BagthUrt5vqLBoJEaTpemtTrpr2VobtSa2tYPVl5t9ILHDU84LgtPTOmjzW_Ribu9csxMr6LUY6eioo8XUN6p1KwPA2lnOSIHahG-7rAuMOM4YihZS8WYguftDuL8DR0/s1600/search-button.png) no-repeat;
        border-width: 0px;
        cursor: pointer;
        width: 30px;
        height: 25px;
    }

    #button-submit:hover {
        background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0VIPQp642Ovwr7CzEScB63MdQU5L87GIsGOaF5c0fJnCk_4gP_r_QZWBca8fAfxdE2LhcWoan05uI7QNLKOb8UdWo3oY13DhVUvEoN5-ktu5NzjI-jqc8W2s1BMj-W07_5T4kpJh_8pw2/s1600/search-button-hover.png) no-repeat;
    }

    #button-submit::-moz-focus-inner {
        border: 0;
    }
    </style>

    <form id="searchbox" method="get" action="/search" autocomplete="off">
    <input name="q" type="text" size="15" placeholder="search..." />
    <input id="button-submit" type="submit" value="" />
    </form>

<style>
    #searchbox {
        background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhp8k_mJXDI8fAE3zVG8WXAljH36-CVmXB800Ba8NokbYV2N9Pe5-pezDnzdapT-qsgSJO3KwenM_E7RKPn6fn1hys0FtT0kR7NVPEz7UPsdla-TxE2vLh-0yDyiv0TVqYivsyzBBXgIfW9/s1600/search-box1.png) no-repeat;
        width: 250px;
        height: 65px;
    }

    input:focus::-webkit-input-placeholder {
    color: transparent;
    }

    input:focus:-moz-placeholder {
    color: transparent;
    }

    input:focus::-moz-placeholder {
    color: transparent;
    }

    #searchbox input {
        outline: none;
    }

    #searchbox input[type="text"] {
        background: transparent;
        padding: 5px 0px 5px 20px;
        margin: 10px 15px 0px 0px;
        border-width: 0px;
        font-family: "Brush Script MT", cursive;
        font-size: 12px;
        color: #595959;
        width: 65%;
        font-weight: bold;
        display: inline-table;
        vertical-align: top;
    }

    #button-submit {
        background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdGbZHHTLJTB9wavKTU1EszuTJEX1lux3efHH_tjgdhW6d_I2UyMJFQdyPBu3Zzwm3iLy4BXX9z3DdSgtxrJDy7JwRUSCMV8ieSC_bQHTX0Kg_UMvCyaHvm0p8YjWzhRSW8kHgu2KfbJWW/s1600/magnifier.png) no-repeat;
        border-width: 0px;
        cursor: pointer;
        margin-top: 10px;
        width: 19px;
        height: 25px;
    }

    #button-submit:hover {
        background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2ila2IrluurtzH8V9k0OoHdGBbxUN6TNIOcyFW6rh8A3y1O10fuWD9IA7d3HKHy4jtZTyEEgghQYPZ5Abhf1jnH8WFYW5CwbeGMF1NoT0oIVYjwoLqJrVhPstYknqKMqN0QQvsGPAUgKC/s1600/magnifier-hover.png) no-repeat;
    }

    #button-submit:active {
        background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2ila2IrluurtzH8V9k0OoHdGBbxUN6TNIOcyFW6rh8A3y1O10fuWD9IA7d3HKHy4jtZTyEEgghQYPZ5Abhf1jnH8WFYW5CwbeGMF1NoT0oIVYjwoLqJrVhPstYknqKMqN0QQvsGPAUgKC/s1600/magnifier-hover.png) no-repeat;
        outline: none;
    }

    #button-submit::-moz-focus-inner {
        border: 0;
    }
    </style>

    <form id="searchbox" method="get" action="/search" autocomplete="off">
        <input class="textarea" name="q" type="text" size="15" placeholder="Search here..." />
        <input id="button-submit" type="submit" value="" />
    </form>

<style>
    #searchbox {
    width: 280px;
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFkxdPUxBK1otdGKjG3DXPH7y6_LfDl1xMkNxAKafppfe3MP1G73CUysIAhb7lS5R3dc6MqbnfHJf_yjp6W4rcwdVOgc2KWqBZgjEO8WDznyF0_Wh58UFrSCIGvCQr4kXfmREeHoKeIr9m/s1600/search-box.png) no-repeat;
    }

    #searchbox input {
        outline: none;
    }

    input:focus::-webkit-input-placeholder {
        color: transparent;
    }

    input:focus:-moz-placeholder {
        color: transparent;
    }

    input:focus::-moz-placeholder {
        color: transparent;
    }
    #searchbox input[type="text"] {
    background: transparent;
    border: 0px;
    font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
    font-size: 14px;
        color: #f2f2f2 !important;
        padding: 10px 35px 10px 20px;
        width: 220px;
    }
    #searchbox input[type="text"]:focus {
    color: #fff;
    }

    #button-submit{
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKvSSHlcnrQHjWn54jGGDsoEseW4VHxpNxT-ACUtXKhthuO3GBzSYIEbzioY0JfgdWNWokXBTL3fc35uDVoUypIRm42LlO_qjTZfU9A03LHNKpWxT1eWxhvb0Jfe072W7kaDqE5AQ2nw6f/s1600/search-icon.png) no-repeat;
    margin-left: -40px;
    border-width: 0px;
    width: 40px;
    height: 50px;
    }

    #button-submit:hover {
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2XQMSd7jNvmq8-DN5lBtpmE5vEDjmDgoz6O_NHNwQidOl-MFIB7aMh8XP9Y6IVx767lX_UtxVmQK_CW95EQG7X0O2L94dtTYMQT6IuCOEU7C5UXC5B6Lkfx2SqiLcdS4m4eZ1OZmkTfKB/s1600/search-icon-hover.png);
    }
    </style>

    <form id="searchbox" method="get" action="/search" autocomplete="off">
    <input name="q" type="text" size="15" placeholder="Enter keywords here..." />
    <input id="button-submit" type="submit" value=" "/>
    </form>

Cara Buat Account Gmail

Sebelum daftar blog di blogger.com di haruskan meiliki account email dari gmail. Okey kita langsung ajha ke tahapan cara daftar account gmailnya.
pertama buka web browser mozilla ata chrome lalu ketikkan gmail.com di alamat web browser.

alamat gmail.com

selanjutnya isi kolom dengan benar sesuai dengan keterangan gambar yang telah kami buat

Cara Buat Account Gmail

 pastikan semua isian kolom tidak ada peringantan berwarna merah, jika ada peringatan warna merah di kolom isian segera di perbaiki agar bisa di lanjutkan. jika sudah bener semua kelik "next step"

Cara Buat Account Gmail

 setelah di klik next step akan muncul popup mesenger, scroll ampe kebawah hingga tulisan "I AGREE" berbah jadi warna biru, selanjutnya sisa kli "I AGREE"

Cara Buat Account Gmail

 setelah itu biasanya akan muncul dialog untuk konfirmasi no hp, tapi kali ini sepertinga gmail.com lagi kehabis pulsa untuk ngirim kode konfirmasi no hp, selanjutnya sisa klik "continue to gmail"

Cara Buat Account Gmail

dashboard gmail.com

tadaaa..... account gmail sudah siap...
selanjutnya kita akan bahas Cara Daftar Blog di Blogger.com

Kalau sebelumnya kita sudah buat account gmail.com sekarang kita lanjut cara daftar blog di blogspot.com.  Langsung saja hal pertama kita lalukan masuk ke alamat blogger.com di web browser

Cara Daftar Blog di Blogger.com

 selanjutnya kita akan di arahkan untuk login gmail terlebih dahulu, masukan account gmail yang sebelumnya kita buat.

Cara Daftar Blog di Blogger.com

 setelah login dengan gmail ada ada 2 pilihan yaitu menggunakan profile google+ atau profile blogger. Pada intinya semua sama saja, untuk kali ini kita akan mili profile blogger, langsung ajha klik "Buta profil blogger terbatas
 stetelah itu akan kita akan isi nama profile blogger kita, terserah mau make nama apa ajha gk masalah. setelah itu langsung klik ajha "Lanjutkan ke Blogger"

Cara Daftar Blog di Blogger.com

 Taraaaa account blogger kita sudah jadi...

Cara Daftar Blog di Blogger.com

artikel selanjutnya kita akan bahas tentang cara buat blog di blogger denga account blogger yang barusan kita buat

Kali ini kita lanjutkan ke tahap cara buat artikel di blog, dari dashboard blogger langsung klik "Entri baru" atau gambar pensil di bagian atas dashboard

Cara Buat Artikel Di Blog

 selanjutnya masukan judul artikel pada bagian judul artikel, dan untuk isi artikel di bagian bawah. untuk edit isi artikel bisa menggunakan tool yang sdh di sediakan oleh blogger, dari membuat huruf tebal miring, masukan gambar dll.

Cara Buat Artikel Di Blog

 jangan lupa tiap artikel di beri label, label ini berguna untuk mengelompokkan artikel sehingga bisa lebih mudah pengaturan pada menu blogger. untuk pembahasan menu nanti kita akan bahas lebih lanjut si seksion berikutnya.

Cara Buat Artikel Di Blog

 setelah semua di anggap selesai sisa klik publish untuk menerbitkan artikel, kalaupun artikel blom selsai bisa di simpan dengan mengkli simpan, sehingga bisa di lanjutkan.

Cara Buat Artikel Di Blog

 Beginilah tampilan yang barusan kita buat ;-). Tampilan seadahnya soalnya masih contoh, untuk mempercantik tulisan nanti kita bahas  lagi

Cara Buat Artikel Di Blog

untuk artikel selanjutnya kita akan bahas mengenai Cara Menambah Gambar Di Artikel Blog

Okey kita lanjutkan kembali ke cara buat blog di blogger. Sebelumnya kita telah membuat persiapan smuanya dari buat account gmail dan account blogger, selanjutnya kita akan buat blog di account blogger tersebut. Pada halaman dashboard blogger klik "Blog Baru".

cara buat blog di blogger

 tetntukan judul blog dan alamat url blog yang kita inginkan contoh "feedcarabuatblog.blogspot.com" 

cara buat blog di blogger

 jika url yang kita inginkan sudah tersedia oleh blogger selanjutnya pilih template yang telah di sipakan oleh blogger, selanjutnya klik "Buat blog!"

cara buat blog di blogger

 Taraaa...... blog sudah siap dan sudah bisa di akses lewat internet, cara mengaksesnya tentu dengan menuliskan alamat web blogg kita yang barusan kita buat

cara buat blog di blogger

 Inilah tampilan blog yang barusan kita buat yang belom di edit sama skali.

cara buat blog di blogger

selajutnya kita akan bahas tentang Cara Buat Artikel Di blog

Kali ini kita akan bahas mempercantik tampilan blog dengan mengganti template bawaan dari blogger. sebelum kita mulai sebaiknya siapkan terlebih dahulu template blognya. untuk mendapatkan template blog sangat banyak ada yg gratis ada yg premium, berhubung kita cuman ingin belajar bisa make template yang gratis ajha atau bisa langsung download di feedblogtemplate. Setelah download template Langsung ajha dari dashboard blogger klik "Template"

Cara Mengganti Template Di Blog

 selajutnya pada bagian atas kiri klik "Cadangkan/Pulihkan"

Cara Mengganti Template Di Blog

 akan muncul pop up selajutnya klik browser untuk memasukkan file

Cara Mengganti Template Di Blog

 lalu pilih file template yang barusan di download dari feedblogtemplate lalu klik "open"

Cara Mengganti Template Di Blog

 stelah itu akan kembali ke popup sebelumnya, selanjutnya klik "unggah" untuk memulai upload ke blogger

Cara Mengganti Template Di Blog

 sampai disni kita sudah berhasil mengganti template di blog

Cara Mengganti Template Di Blog

 berikut tampilan blog kita yang baru.

Cara Mengganti Template Di Blog

di karenakan menggukan template baru tentu masih ada beberapa yang perlu di perbaiki terutama pengaturan tata letak gadgetnya menambahkan gadget sesuai keperluan serta menghapus gadget yang tidak di perlukan. artikel selanjutnya kita akan bahas mengenai cara menambah gadget di blog