CARA MENGHILANGKAN JUDUL DI BLOG

Judul blog memang sangat penting untuk search engine.Tapi terkadang judul blog juga bisa terlihat mengganggu ketika kita membuat banner untuk header.Untuk tips ini,berguna buat sobat yang ingin menghilangkan judul blog di header sehingga judul tersebut menghilang dan tidak mengganggu penampilan header sobat.Oiya,sebenarnya lebih tepatnya bukan di hilangkan,tapi disembunyikan agar tidak nampak.
Bagaimana caranya :

Masuk menu TEMPLATE ==> SESUAIKAN ==> TINGKAT LANJUT ==> TAMBAHKAN CSS  kemudian Copy kode dibawah ini..

     #header h1 {
    margin:50;
    padding:5px 0 0 10px;
    font-size: 100%;
    font-weight:bold;
    line-height: 1.2em;
    letter-spacing:.0em;
    font-style:italic;
    color:#FFFFFF;
    visibility:hidden;
    }

Semoga berhasil dan sampai di sini dulu tutorialnya gan.....

Read more »

CARA MENGHILANGKAN JUDUL BLOG PADA SEARCH ENGINE

Mungkin masih ada beberapa sobat bloger yang bingung kenapa judul blog kita masih muncul pada saat di search engine, disini saya ingin berbagi bagaimana cara menghilangkan judul blog kita tidak muncul pada search engine etapi yang muncul ada judul artikel kita, karena saya masih newbie dan belum terlalu banyak ilmu dan sedikit pengalaman dalam dunia bolger. disini saya berbagi sedikit apa yang saya tahu dan saya praktekan dan dengan cara ini saya berhasil.

Kita langsung saja ke praktek:

1. Pilih Tata Letak

2. Klik Edit HTML

3. Beri tanda centang pada kotak Expand Widget Template
(Back - up template dulu kalau masih merasa ragu)

4.Cari kode seperti di bawah ini:

<title><data:blog.pageTitle/></title>


5.Lalu ganti dengan kode di bawah ini:

<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>

6.Simpan Template dan selesai .
(Tunggu perubahannya paling lama 1 x 24 jam tapi saya dalam 2jam kurang sudah berubah).

Semoga ini bermanfaat bagi sobat bloger yang ingin mempercantik blog nya.. .. . . .

Read more »

CARA MEMBUAT PAGE NUMBER DI BLOG

Page navigation number ini juga bisa dibilang memberikan kesan rapi dan indah pada blog kita, jika ada sobat yang ingin menggunakan page navigation pada blognya, berikut ini saya berikan Cara Membuat Page Number Di Blog

Langkah - langkahnya

1.Log in ke blogger Sobat.
2.Klik Template » edit HTML » centang Expand Template Widget.
3.Cari kode ]]></b:skin> dan letakkan kode dibawah ini tepat di atasnya.

 /* -- NUMBER PAGE NAVIGATION -- */
.showpageNum a{font:15px Arial,Verdana;padding:4px 8px;margin:0 4px;text-decoration:none;border:0 solid #333;background:#dfdfdf;color:#686868;border:1px solid #989898}
.showpageOf{margin:0 8px 0 0;color:#222;font:15px Arial,Verdana}
.showpageNum a:hover{color:#494949;background:#dfdfdf;border:1px solid #626262}
.showpageArea{margin:10px 0;font:15px Arial,Verdana;color:#111}
.showpagePoint{color:#434343;font:bold 15px Arial,Verdana;padding:4px 8px;margin:2px;border:1px solid #b6b5b5;background:#fff;text-decoration:none}

4.Cari kode </body> dan letakkan kode dibawah ini tepat di atasnya.

 <!-- PAGE NAVIGATION START-->
<script type='text/javascript'>
var pageCount=4;
var displayPageNum=4;
var upPageWord =&#39;&#171; &#39;;
var downPageWord =&#39; &#187;&#39;;
</script>
<script src='http://u-sup.googlecode.com/files/page_num.js' type='text/javascript'/>
 <!-- PAGE NAVIGATION END-->

Keterangan:

Jika anda ingin mengganti jumlah postingan yang akan ditampilkan pada setiap halaman silahkan ganti kode yang berwarna biru.
var pageCount=4; (Jumlah postingan yang akan ditampilkan)
var displayPageNum=4;(Jumlah tombol angka navigasi)

Read more »

CARA MEMBUAT TULISAN WARNA WARNI DI BLOG

Hallo para blogger, kali ini saya akan memberitahu cara untuk membuat tulisan berrjalan warna warni di blog, membuat blog memang mudah tapi mempercantik/memperindah blog itu susah lama gan dan butuh kerja keras dan kesabaran..,,, OK kita langsung ke TKP

Steps:
1. login ke www.blogger.com
2.  pilih rancangan/ tata letak ( utk blogger tampilan baru)
3. klik tambah gadget
4. Klik Html/ Java script
5.  Masukkan kode ini di konten

<div><script src="http://www.widgeo.net/message.php?msg= Tulis text disini&adult=0&cat=voyage&big=big&cl=rainbow3"></script><br />
<noscript><a href="http://www.widgeo.net">widget</a></noscript>
<a href="http://www.widgeo.net"><img alt="widget" border="0" src="http://www.widgeo.net/img/logopm.png" /></a></div>


• NB : Ganti Tulis text disini yang bewarna biru dengan text yang kamu mau
  6. Klik simpan
  7. lihat blog
  Jadi deh 

Read more »

CARA MEMBUAT KOTAK KOMENTAR FACEBOOK DI BLOG

1. Masuk akun blogger anda lalu pilih TEMPLATE, EDIT HTML

2. Jangan lupa centang tulisan EXPAND TEMPLATE WIDGET

3. Lalu cari kode ]]></b:skin> (Untuk memudahkan pencarian, gunakan CTRL + F 

4. Letakan kode CSS di bawah tepat di atas kode ]]></b:skin> :

.comments-page { background-color: #00BFFF;} 

#blogger-comments-page { padding: 0px 5px; display: none;}

.comments-tab { float: left; padding: 5px; margin-right: 3px;

cursor: pointer; background-color: #f2f2f2;}

.comments-tab-icon { height: 14px; width: auto; margin-right: 3px;}

.comments-tab:hover { background-color: #eeeeee;}

.inactive-select-tab { background-color: #d1d1d1;}

5. Setelah itu cari lagi kode </head> kemudian letakkan kembali kode di bawah ini tepat di atas kode </head> :

<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<script src='http://code.jquery.com/jquery-latest.js'/>
<meta content='ID FB Anda' property='fb:admins'/>
<script type='text/javascript'>
function commentToggle(selectTab) {
$(&quot;.comments-tab&quot;).addClass(&quot;inactive-select-tab&quot;);
$(selectTab).removeClass(&quot;inactive-select-tab&quot;);
$(&quot;.comments-page&quot;).hide();
$(selectTab + &quot;-page&quot;).show();
}
</script>

Ganti kata ID FB Anda dengan aplikasi facebook yang telah Anda buat tadi. Jika Anda tidak membuat aplikasi facebook, silahkan masukkan id facebook anda yang terlihat di browser. Contoh : http://facebook.com/ikhy16/ masukkan ikhy16 saja.

6. Karena kita akan membuatnya berdampingan dengan komentar bawaan dari blogger. Maka kita perlu menambahkan beberapa script lagi. Silahkan cari kode <div class='comments' id='comments'>  .. Biasanya kode tersebut tidak hanya 1, kalau di dalam template anda terdapat lebih dari 1 kode tersebut.Cari kode yang paling terakhir, lalu letakan script dalam kotak di bawah ini tepat di bawah kode <div class='comments'  id='comments'> :

<div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle(&quot;#fb-comments&quot;);' title='Comments made with Facebook'>
    <img class='comments-tab-icon' src='http://static.ak.fbcdn.net/rsrc.php/v1/yH/r/eIpbnVKI9lR.png'/>
    <fb:comments-count expr:href='data:post.url'/> Comments
    </div>
    <div class='comments-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle(&quot;#blogger-comments&quot;);' title='Comments from Blogger'>
    <img class='comments-tab-icon' src='http://www.blogger.com/img/icon_logo32.gif'/> <data:post.numComments/> Comments
    </div><div class='clear'/>
    </div>
    <div class='comments-page' id='fb-comments-page'>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div id='fb-root'/>
    <fb:comments expr:href='data:post.url' num_posts='5' width='500'/>
    <div style='color:#fff; background-color:#3B5998;border: solid 1px #ddd; font-size:10px; padding:3px; width:588px;'>Facebook Comments by 
<b><a href='http://impoint.blogspot.com/' style='text-decoration:underline; color:#fff;' target='_blank' title='Blogger Widgets'>Media Blogger</a></b>
</div>
    </b:if>
    </div>
    <div class='comments comments-page' id='blogger-comments-page'>

Lalu, Klik Simpan Template dan lihat hasilnya...

jangan lupa comentnya gannnn....

Read more »