Cara Membuat Logo Online Gratis

Logo atau simbol bisa menjadi salah satu hal penting dalam sebuah bisnis. Biasanya logo memuat arti dan maksud tertentu dari bisnis Anda. Akan tetapi tidak semua orang memiliki kemampuan untuk mendesain layaknya desainer grafis yang dapat merancang logo yang keren.Tapi sobat sekalian jangan khawatir karena sudah banyak situs online gratis pembuat logo yang menghasilkan logo sesuai keinginan sobat semua, bahkan anda tidak perlu memesan logo kepada seseorang untuk dibuatkan karena akan menelan biaya yang cukup mahal.

Beberapa situs yang menyediakan layanan membuat logo secara gratis antara lain : logobreeze, textcraft, cooltext, Logotype Creator, Tweak, FreeLogo, LogoGarden, flamingtext dan masih bayak lagi situs sejenis. Semuanya mempunyai kelebihan masing-masing.

Berikut ini adalah tutorial cara membuat logo sendiri dengan salah satu situs pembuat logo yaitu flamingtext :


   -  Masuk ke www.flamingtext.com

   -  Masukan logo atau nama yang anda buat

   -  Pilih bentuk logo sesuai yang anda inginkan

   -  Terakhir ambil logo dengan download atau dengan kode HTML

Sebelum yakin dengan hasilnya jangan dulu LOGO didownload atau ambil kode HTML, logo masih bisa diedit sampai terbentuk logo sesuai seperti yang diinginkan. Demikianlah tutorial singkat cara membuat logo buatan sendiri semoga bermanfaat...salam blogger...

Cara Membuat Efek Salju Berjatuhan Di Blog

Banyak cara untuk mempercantik tampilan sebuah blog, salah satunya adalah efek salju yang berjatuhan memenuhi semua halaman blog. Mungkin kalian pernah mengunjungi sebuah blog dan melihat ada salju yang turun tanpa habisnya dan memberi kesan indah saat dilihat.

Pada kesempatan kali ini saya akan membahas hal tersebut dengan membagi tutorial tentang Cara Membuat Efek Salju Berjatuhan di Blog. Fungsi dari penambahan salju di blog ini adalah untuk menampilkan kesan indah dan keren pada blog sehingga akhirnya membuat para pengunjung betah.

  

Ok langsung saja berikut tutorial Cara Membuat Efek Salju Berjatuhan di Blog :

  - Masuk akun blogger anda

  - Pilih menu tata letak lalu klik tambah gadget

  - Pilih widget HTML / javascript

  - Masukan kode berikut pada kotak yang tersedia

  

  - Lalu klik Simpan.

Demikianlah tutorial Cara Membuat Efek Salju Berjatuhan di Blog, silahkan mencoba dan semoga bermanfaat. Silahkan like dan share artikel ini..salam blogger..

Cara Buat Read More Otomatis Terbaru

Bila kita sering baca sebuah artikel online tentu kita sering mendapati tulisan read more / lanjutkan membaca. Read more tersebut sangat diperlukan bila kita menulis beberapa artikel tetapi dalam satu halaman postingan, sehingga para pembaca bisa melihat judul dan ringkasan dari artikel tersebut. Selain untuk mempersingkat halaman, dengan memasang read more juga bisa mempercantik tampilan blog sehingga terlihat elegan dan dinamis.

Pada artikel kali ini akan menjelaskan Cara Buat Read More Otomatis Terbaru. Ada beberapa cara untuk membuat read more otomatis, antara lain dengan memakai javascript, tanpa javascript, bahkan harus memanfaatkan pihak ketiga. Tetapi saya lebih memilih cara yang akan dijelaskan dibawah ini dengan alasan simpel. Ikutilah uraian lengkapnya berikut ini.

Langkah-langkah membuat read more otomatis terbaru :

•    Buka akun blog anda
•    Pilih element Template lalu edit HTML
•    Lalu cari ]]></b:skin>
•    Coppy / salin kode di bawah ini letakan tepat diatas]]></b:skin>

                .post-tumbnail{float:left;margin-right:20px}

•    Cari kode <data:post.body/>
•    Coppy kode dibawah ini

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div>
<b:if cond='data:post.thumbnailUrl'>
<img class='post-thumbnail' expr:alt='data:post.title' expr:src='data:post.thumbnailUrl' width='72px' height='72px'/>
</b:if>
<data:post.snippet/>
</div>
<div class='jump-link'>
<a expr:href='data:post.url' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
<b:else/>
<data:post.body/>
</b:if>
<b:else/>
<data:post.body/>
</b:if>

•    Setelah dicoppy, gantilah <data:post.body/> dengan kode diatas
•    Selesai simpan template blog anda dan lihat hasilnya 

Demikianlah uraian mengenai read more, selamat mencoba dan semoga bermanfaat. Bila sobat semua menyukai artikel ini jangan lupa like dan share. Terima kasih..salam blogger... 

Cara Buat Menu Bar di Blog

Perhatikanlah gambar diatas, kolom warna biru dengan tulisan daftar menu seperti Home, Usaha, Kuliner, Tip dan Trik, Kesehatan, Contact Us dan lain-lain..itulah yang di sebut menu bar. Jika anda mengunjungi situs blog atau website pasti anda akan menemukanya meski dengan bentuk tampilan yang berbeda. Karena setiap blogger mempunyai kreatifitasnya masing-masing untuk mempercantik tampilan blog.

Menu bar disebuah blog sangatlah penting keberadaanya. Fungsi dari menu bar adalah supaya pengunjung blog dengan mudah menemukan artikel sesuai kategori yang di carinya. Selain itu dengan memasang menu bar akan membuat blog terlihat rapi dan sistematis.

Selain bentuk yang beragam, penempatan menu bar juga bisa diatur sesuai keinginan. Menu bisa dipasang diatas header, dibawah header ( paling banyak ), bisa pula dipasang di bagian footer sebuah blog. Berikut cara buat menu bar di blog :

     1. Klik dasbord
     2. Pilih template lalu klik Edit HTML
     3. Klik Expand Template Widget
     4. Cari script  <div class='main-outer'>
     5. Masukan kode dibawah tepat diatas script tadi

<style>

/* -- Menu Horizontal + Sub Menu-- */

#cat-nav {background:#1177CC; width:960px; margin:0 -10px;padding:0;height:35px;border-radius:10px}

#cat-nav a { color:#fff; text-decoration:none; text-shadow: #033148 0px 1px 0px;border-right:1px solid #156994;}

#cat-nav a:hover { color:#fff; }

#cat-nav li:hover { background:#000; }

#cat-nav a span { font-family:Verdana, Geneva, sans-serif; font-size:11px; font-style:normal; font-weight:400; color:#fff; text-shadow:none;}

#cat-nav .nav-description { display:block; }

#cat-nav a:hover span { color:#fff; }

#secnav, #secnav ul { position:relative; z-index:100; margin:0; padding:0; list-style:none; line-height:1; background:#0d5e88; }

#secnav a { font-family:Georgia, "Times New Roman", Times, serif; font-style:bold; font-weight:700; font-size:14px; display:block; z-index:100; padding:0 15px; line-height:35px; text-decoration:none;}

#secnav li { float:left; width: auto; height:35px;}

#secnav li ul  { position: absolute; left: -999em; width: 200px; top:35px}

#secnav li ul li  { height:30px; border-top:1px solid #fff; }

#secnav li ul li a  { font-family:Verdana, Geneva, sans-serif; width:180px; line-height:30px; padding:0 10px; font-size:11px; font-style:normal; font-weight:400; color:#eee; }

#secnav li ul ul  { margin: -30px 0 0 180px; }

#secnav li:hover ul ul, #secnav li:hover ul ul ul, #secnav li.sfhover ul ul, #secnav li.sfhover ul ul ul { left:-999em; }

#secnav li:hover ul, #secnav li li:hover ul, #secnav li li li:hover ul, #secnav li.sfhover ul, #secnav li li.sfhover ul, #secnav li li li.sfhover ul { left: auto; }

#secnav li:hover,#secnav li.hover  { position:static; }

#cat-nav #secnav {width:100%;margin:0 auto;}

</style>

<div id='cat-nav'>

<ul class='fl' id='secnav'>

<li><a href='#'>Home</a></li>

<li><a href='#'>Usaha</a></li>

<li><a href='#'>Kuliner</a></li>

<li><a href='#'>Tip dan Trik</a></li>

<li><a href='#'>Kesehatan</a>

<ul id='sub-custom-nav'>

<li><a href='#'>Sub Menu4a</a></li>

<li><a href='#'>Sub Menu4b </a></li>

</ul>

</li>

<li><a href='#'>Contact Us</a></li>

</ul>

</div> 

     6. Save Template

Keterangan ( gantilah sesuai selera anda ):

- tanda # ( warna biru ) ganti dengan link url blog sobat

- tulisan Menu (warna biru ) ganti dengan nama menu anda

- tanda #156994 warna background ganti sesuai warna anda

- ukuran lebar menu width: 960px sesuaikan ukuran blog

- tinggi kotak menu : 35px

Demikianlah uraian saya kali ini, semoga bermanfaat selamat mencoba. Bila masih belum jelas dengan keterangan diatas jangan sungkan kirim komentar. Terima kasih anda telah membaca Cara Buat Menu Bar di Blog.    

        

Cara Menghilangkan Diberdayakan Oleh Blogger

Selamat malam sahabat Hamura sekalian, rupanya malam sudah larut. Tapi sebelum tidur saya akan memposting cara menghilangkan diberdayakan oleh blogger. Bagi sebagian blogger tulisan diberdayakan oleh blogger yang letaknya berada di bawah postingan, dianggap  sebagai tulisan yang mengganggu tampilan blog. Sehingga banyak dari mereka menghilangkan tulisan yang bawaan dari blogspot tersebut supaya tampilan blog mereka lebih simpel dan rapi.

Tetapi kalau saya sendiri memilih untuk memodifikasi tulisan di bagian tersebut ( lihat tulisan paling bawah dari blog ini ), atau sobat bisa merubah dengan tulisan yang lain. Untuk artikel ini akan dibahas dalam postingan yang akan datang.

Cara menghilangkan diberdayakan oleh blogger sangat mudah, ikuti langkah-langkah berikut :

    1. Masuk akun blogger anda

    2. Klik template

    3. Pilih edit HTML

    4. Cari kode berikut  ]]></b:skin>

    5. Coppy kode berikut

               

              # Attribution 1 {height : 0px;

                             visibility : hidden;

                             display : none}

  

    6. Pastekan tepat diatas  ]]></b:skin>

    7. Simpan template.

Lihat hasilnya, masih adakah tulisan diberdayakan oleh blogger ( powered by blogger )?. Semoga tulisan ini bermanfaat , selamat mencoba...

Cara Menghilangkan Tulisan Beranda / Home

Kita bertemu lagi sahabat Hamura, pada kesempatan kali ini saya akan memposting tutorial singkat cara menghilangkan tulisan beranda / home yang berada di bawah postingan. Tidak jauh berbeda dengan tulisan di berdayakan oleh blogger, tulisan beranda dirasa mengurangi keindahan penampilan blog.  Sehingga banyak blogger yang menghapusnya.

Baca juga : Cara Menghilangkan Tulisan Diberdayakan Oleh Blogger. 

Caranya sangat mudah, berikut langkah mudah menghilangkan tulisan beranda / home yang berada di bagian footer :

   1. Masuk akun Blogger anda

   2. Masuk bagian dasbor

   3. Template

   4. Edit HTML

   5. Cari kode  < data : homeMsg/>  dan hapus

   6. Klik simpan template

Mudah dan singkat bukan, silahkan dicoba, kalau belum berhasil jangan sungkan masukan komentar anda. Demikianlah tutorial singkat cara menghilangkan tulisan beranda / home semoga bermanfaat... 

Cara Merubah Background Header Blog

Kita bertemu lagi sahabat Hamura semua, pada kesempatan kali ini saya akan membagikan cara merubah background header blog tanpa edit HTML. Caranya sangat mudah, tetapi tentunya metode ini khusus bagi blogger yang menggunakan template standard bawaan blogspot.Seperti blog ini yang menggunakan template sederhana.

Tidak usah panjang lebar, langsung saja berikut langkah-langkah cara merubah background header blog :

  - Pertama tama login dulu ke akun blogger anda dan masuk ke dasbor. Selanjutnya pilih template dan klik sesuaikan.

  - Akan muncul tampilan pengaturan antar muka.Cara merubah warnanya seperti ini, masuk ke tab 'tingkat lanjut' lalu pilih 'latar' dan pilih 'latar header'. Lihat gambar, anda bisa merubah sesuai warna kesukaan anda, lihat warna header yang berubah ( bisa dilihat dikolom pratinjau dibawahnya ).

  - Kalau anda sudah merasa cocok dengan warna header yang dipilih, langkah terakhir adalah simpan perubahan caranya klik 'terapkan blog' yang berada di sudut kanan atas. 

Lihat hasilnya sekarang warna tampilan header anda sudah berubah. Mudah bukan, terima kasih anda telah membaca Cara Merubah Background Header Blog, semoga bermanfaat....

Cara Mengganti Logo Blogger

Pada postingan kali ini saya akan berbagi tentang cara mengganti logo Blogger (favicon). Kadang diantara kita menginginkan tampilan blog yang bersifat lebih pribadi, salah satunya yaitu dengan cara merubah logo blog dengan logo atau simbol buatan sendiri. Selain itu dengan mengganti logo blogger dengan logo pribadi, blog kita akan tampak lebih profesional.

Langsung saja kita mulai langkah demi langkah Cara Mengganti Logo Blogger

1.Siapkanlah sebuah gambar atau logo pribadi hasil karya anda sendiri yang berbentuk kotak (bujur sangkar),sebagai contoh ukuran 100x100, 200x200, dan sebagainya. Dengan ukuran tidak lebih dari 100kb.

2.Masuk ke akun blogger anda sendiri ( bukan milik orang lain tentunya...)

3.Pilih elemen tata letak

4.Pilih widget / gadget favicon

5.Klik telusuri lalu masukan  gambar atau logo yang anda buat

6.Lalu klik simpan dan tidak lupa simpan setelan

7.selesai dan anda bisa lihat hasilnya.

Demikian uraian singkat Cara Mengganti Logo Blogger sangat mudah bukan... selamat mencoba....semoga bermanfaat...

Cara Menghilangkan Ruang Kosong Diatas Header

Setelah sukses membuat blog, lihat Cara Buat Blog Gratis di postingan sebelumnya.Sekarang saatnya sobat Hamura mulai cara mempercantik tampilan blog supaya pengunjung betah berlama-lama atau sering berkunjung ke blog kita.

Pada postingan kali ini saya akan berbagi cara menghapus navbar yang berada diatas header / judul blog. Menghapus / menghilangkan ruang kosong diatas header blog biasanya bertujuan supaya blog lebih tampak profesional, rapi, ringkas dan dengan tampilan yang lebih merapat ke batas tampilan yang ada di komputer akan menjadikan blog lebih manis.

Berikut adalah cara menghilangkan ruang kosong diatas header blog :

    1.  Masuk ke Dasbor Blogger

    2.  Pilih Template

    3.  Pilih Sesuaikan

    4.  Pilih Tingkat Lanjut,tarik kebawah

    5.  Masukan kode CSS  seperti ini : 

                 

                                               #navbar {display:none}

    

    6.  Pilih Terapkan Diblog .

Demikianlah cara menghilangkan ruang kosong diatas header blog, sangat mudah bukan tidak harus pusing-pusing dengan cara edit HTML. Terima kasih atas kunjungan sobat Hamura semoga bermanfaat salam blogger..