Slideshow

Tampilkan postingan dengan label Tips Blogger. Tampilkan semua postingan
Tampilkan postingan dengan label Tips Blogger. Tampilkan semua postingan

Senin, 23 Mei 2011

Cara Memasang Tombol Like Facebook di Blogspot


Tombol Like Facebook
Bagi Blogger pemula, mungkin sangat penasaran melihat tombol like facebook ada juga di postingan blogspot, jangan khawatir berikut saya jelaskan Cara Memasang Tombol Like Facebook di Blogspot, ikuti langkahnya:
1. Login ke Blogger 
2. Pilih Rancangan atau tata letak 
3. Pilih Edit Html 
4. Untuk mengantisipasi hal yang tak di inginkan, Download template dulu dan save di Pc. 
5. Masukkan Kode dibawah ini, tepat dibawah kode <data:post.body/>,

<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; +        
data:post.url +
&quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorsch
eme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/>

6. save. dan lihat hasilnya.

Semoga bermanfaat. komentar anda sungguh kami tunggu

Selasa, 10 Mei 2011

Cara Membuat Label Horizontal di Blogspot

Label Horizontal
Label atau Kategori dalam blogspot, biasanya berbentuk vertikal (keatas) dengan jumlah postingan yang berkategori, atau berbentuk tag awan, dengan tulisan yang semakin besar, ketika  post dinilai banyak dalam satu kategori.

berikut saya jelaskan Cara Membuat Label Horizontal di Blogspot, ikuti langkahnya:
1. Login ke Blogger 
2. Pilih Rancangan atau tata letak 
3. Pilih Edit Html 
4. Untuk mengantisipasi hal yang tak di inginkan, Download template dulu dan save di Pc. 
5. Masukkan kode  berikut sebelum Kode  ]]></b:skin> 
#catmenu2wrap{margin: 0px auto; padding:0; width:100%;background:#045FB4 }
#catmenu2{margin: 0px auto; padding: 3px 0; width:1000px;border-bottom:1px solid #000 ; height:20px;background:#045FB4 url() repeat-x top; }
#catmenu2 ul {float: left; list-style: none; margin: 0px; padding: 0px;}
#catmenu2 li {float: left; list-style: none; margin: 0px; padding:0 10px;}
#catmenu2 li a, #catmenu2 li a:link, #catmenu2 li a:visited {color: #fff; display: block; margin: 0px; padding: 2px 10px 2px 5px;;font-weight: none;}
#catmenu2 li a:hover, #catmenu2 li a:active { color: #fff; margin: 0px; padding: 2px 10px 2px 5px;;text-decoration: underline;font-weight: bold;}
6. Masukkan Kode Html berikut di atas <div id='outer-wrapper'> atau kode sejenisnya
<div style='clear:both;'/>
<div id='catmenu2wrap'>
<b:section class='catmenu2' id='catmenu2' maxwidgets='1' showaddelement='no'>
<b:widget id='Label12' locked='false' title='' type='Label'/>
</b:section>
</div>
selamat mencoba, semoga berhasil. kritikan dan saran sangat kami harapkan.

cara memasang recent post di blogspot

Memasang recent post
Komentar posting dalam blogspot sangat penting bagi blogger, karena sebagai respont yang penting guna meningkatkan perbaikan postingnya. agar dapat mengetahui Komentar Terbaru atau recent post, berikut cara memasang recent post di blogspot dengan script. ikuti langkahnya :
1. Login ke acount Blog Anda
2. klik Rancangan, dan tambah tambah gadget
3. tambahkan HTML/ Java Script. masukkan kode berikut

    <script style=text/javascript src=http://hermanblog.googlecode.com/files/recent-comments.js ></script><script style=text/javascript >var a_rc=5;var m_rc=false;var n_rc=true;var o_rc=100;</script><script src=http://namabloganda.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments ></script> <style type=text/css> .rcw-comments a {text-transform: capitalize;} .rcw-comments {border-bottom: 1px dotted; padding-top: 7px!important; padding-bottom: 7px!important;} </style>


Keterangan:
Angka 5 pada a_rc menunjukkan jumlah komentar yang muncul. Ganti nilainya bila perlu.

false pada m_rc menunjukkan tanggal komentar tidak ditampilkan. Ketik "true" jika anda ingin menampilkan tanggalnya.

true pada n_rc menunjukkan judul postingan ditampilkan. Ketik "false" jika anda tidak mau menampilkannya.

Jangan lupa ganti tulisan http://namabloganda.com/ dengan URL blog anda.

4. Kalau sudah klik Save dan lihat hasilnya.

Tiga Langkah Cara Mudah Membuat Blog di Blogspot

Blogspot
Saya pernah menyinggung dalam tulisan saya Free Domain and Free Hosting tentang pengertian domain dan hosting. Sekarang saya akan menuliskan Cara Mudah Mudah Membuat Blog.
Langkah Ke-Satu:
1.    Siapkan email yang masih aktif.
2.    Masuk ke http://www.blogspot.com
3.    Klik Create a blog. It's free. Get started
Langkah Pertama

4.    Masukkan email, dan pasword, gender dan tanggal lahir.
5.    Masukkan huruf yang ada pada Word Verification 
6.    Setelah selesai semua. Centang Acceptance of Terms. Dan klik continue
Langkah Pertama

Langkah ke-dua7.    Anda akan diminta verifikasi data, guna mengantisipasi spam
8.    Masukkan negara anda, dan nomor telephone yang masih aktif. Anda akan dibalas dengan sms, yang berisi kode verifikasi.
Langkah Kedua

Langkah ke-tiga1.    Anda akan masuk ke halaman untuk nama blog, dan nama url nya.
Langkah Ketiga


2.    Klik continue, anda akan diberi tawaran template/ theme  sederhana dari blogspot. Pilih yang mana saja, untuk sementara. Nanti bisa anda download theme gartis disini
3.    Klik continue. Dan selamat, anda telah selesai membuat blog. tinggal klik start blogging
Langkah ketiga

Selamat mencoba. Begitu mudah kan cara membuat blog???
Saran dan komentar anda sangat kami harapkan