Kamis, 25 Juli 2013

Rabu, 24 Juli 2013

0 Cara paling Ampuh dan succes membuat foto blog tampil di pencarian (search) google di blog


Bismilah Hirohman Nirohim
Salam Belogger ..
pada kesempatan kali ini Software Komputer akan memberikan Penjelasan tentang Cara paling Ampuh dan succes membuat foto blog tampil di pencarian (search) google di Blog , langsung ke pointnya aja ok ...silahkan bagi sobat yang ingin foto tampannya atau bagi sobat yang cantik ingin fotonya mejeng di search engine,berikut ini saya kasih cara yang mudah:
  1. Sobat harus sudah memiliki akun Google+ miliknya mbah Google 
  2. Pada profil google plus milik sobat bagian Kontributor,masukkan blog milik sobat. 
  3. Setelah blog sobat di masukkan pada bagian kontributor,buka dasbor blog milik sobat dan Klik Template-Edit HTML 
  4. Cari kode <head> dan bila sudah ketemu, masukkan kode dibawah ini tepat di bawahnya:

    <link href='https://plus.google.com/114379528492550371688' rel='author'/>

  5. Simpan dan selesai.
Catatan:
  • Ganti no. id 114379528492550371688 dengan nomer id google puls milik sobat. 
  • Untuk menguji keberhasilan cara ini, lakukan pengujian dengan alat penguji di Rich Snippets Testing Tool. Cara melakukan pengujiannya adalah copy salah satu link url milik blog sobat dan masukkan pada kotak yang sudah di sediakan 
  • Klik preview,bila sudah berhasil maka foto milik sobat akan kelihatan.
Ok sobat semua, itulah Cara membuat foto muncul di search engine google, semoga bermanfaat dan berhasil sobat praktekkan biar foto cakep milik sobat bisa mejeng di search engine.

Oke itulah Sekilas Cara paling Ampuh membuat foto blog tampil di pencarian (search) google  kali ini yang bisa saya sampaikan tentang  semoga bermanfaat buat semuanya, jika ada kekurangan mohon dimaafkan karena saya disini masih sama-sama belajar dan atas perhatiannya saya ucapka terima kasih,

0 cara menghilangkan tulisan Showing Posts With Label / All Post (tampilkan semua posting)



hapus Tulisan Showing All Post

Oke langsung saja pada caranya :
1.  Buka > Login Blogger > Rancangan > Edit HTML Expand Widgets
2.  Cari kode yang mirip berikut :


<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>

3.dan kalian ganti dengan kode berikut :
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>

4. simpan template
5. dan lihat hasilnya.

Selasa, 23 Juli 2013

0 Cara Membuat Menu Horizontal CSS Block Tanpa Edit HTML


Oke langsung saja kita pada pembahasan.


  • Pertama Silahkan login pada akun blog sobat
  • Selanjutnya Masuk ke Dasbor
  • Pilih Tata Letak
  • Lalu Klik Tambah Gadget *Biasanya dipasang dibawah header
  • Pilih HTML/Javascript
Membuat Menu Horizontal CSS Tanpa Edit HTML
  • Selanjutnya Copy kode CSS dibawah ini dan pastekan pada HTML/Javascript
  • Berikut kode CSS-nya
<style type="text/css"> .solidblockmenu{ margin: 0; padding: 0; float: left; font: bold 13px Arial; width: 100%; overflow: hidden; margin-bottom: 1em; border: 1px solid #625e00; border-width: 1px 0; background: url(https://lh6.googleusercontent.com/-PcV4VpR8vVs/UMtMGi8I0II/AAAAAAAAAfA/1yw3SNrhT1M/w248-h248/navbangdadan.gif) center center repeat-x; } .solidblockmenu li{ display: inline; } .solidblockmenu li a{ float: left; color: white; padding: 9px 11px; text-decoration: none; border-right: 1px solid white; } .solidblockmenu li a:visited{ color: white; } .solidblockmenu li a:hover, .solidblockmenu li .current{ color: white; background: url(https://lh6.googleusercontent.com/-fKZAiQvUg8E/UMtMGrxQwrI/AAAAAAAAAfE/1IihW4JVYEQ/w248-h248/navaktifbangdadan.gif) center center repeat-x; } </style> <br /> <ul class="solidblockmenu"> <li><a class="current" href="http://bangdadan.blogspot.com/">Home</a></li> <li><a href="http://bangdadan.blogspot.com/2012/12/about-coretan-bang-dadan.html">About</a></li> <li><a href="http://www.emailmeform.com/builder/form/58bZ51u00rcDY7vL8RS3p9V">Contact</a></li> <li><a href="http://bangdadan.blogspot.com/search/label/blogger%20tutorial">Tutorial Blog</a></li> <li><a
  • Selanjutnya klik Simpan
Nah selesai deh, sekarang sobat sudah punya menu horizontal seperti pada demo diatas.

Mungkin sampai disini dulu pembahasan kita kali ini tentang Cara Membuat Menu Horizontal CSS Block Keren Tanpa Edit HTML. Semoga artikel ini bermanfaat bagi sobat yang membutuhkan. Terimkasih......