Tutorial Bloger: TRIK BLOGER
Latest Post
Tampilkan postingan dengan label TRIK BLOGER. Tampilkan semua postingan
Tampilkan postingan dengan label TRIK BLOGER. Tampilkan semua postingan

Cara Membuat You Might Also Like


You Might Also Like itulah kata-kata yang sering saya lihat ketika BlogWalking, 
nah sekarang saya akan menjelaskan bagaimana cara Membuat You Might Also Like, 
Fungsi You Might Also Like/Related Post adalah untuk memudahkan para pengunjung melihat artikel 
yang berkaitan dengan Post yang sedang dibaca.. Contoh dibawah :


Untuk membuat You Might Also Like berikut langkah"nya :



1.kunjungi website linkwithin 
2.Isikan data-data yang ada didalam form






Widht: untuk menampilkan Jumlah Artikel Terkait
3.Kemudian klik Get Widget
4.Lalu klik Install Widget

5.Klik Add Widget
6.Drag & Drop Gadget LinkWihtin yang berada di Tata Letak ke bawah postingan









Cukup jelas kan Tutorial Membuat "You Might Also Like" di Blog anda..
Bila ingin belajar semua pasti ada jalan By: Hienzo 
Semoga Bermanfaat ^0^)9

Cara membuat Buku Tamu di Blog


Pasang Buku Tamu di Blog merupakan hal yang bisa dikatakan penting untuk sebuah blog, karena memasang buku tamu juga sebagai alat untuk berinteraksi antara si pemilik blog dengan visitor atau pelanggan blog tersebut. Disamping itu juga, dengan terpasangnya buku tamu di blog Anda maka si pengunjung juga dapat memberikan saran bagi kemajuan blog Anda atau bisa juga memberikan pujian karena telah membaca artikel yang menarik dalam blog Anda tersebut.

Buku tamu ini sebebarnya dapat juga dikatakan sebagai guestbook/shootbox, dan Anda bisa mencarinya pada mesin pencarian seperti google, yahoo, atau bing yang menguasai mesin pencarian sejagad raya. Namun agar mempermudah Anda, saya menyediakan sebuah situs untuk membuat buku tamu dalam blog Anda yaitu http://www.shoutmix.com. Untuk cara pemasangannya silahkan Anda perhatikan toturial dan penjelasan dibawah ini:


1. Kunjungi situs tersebut, klik Get One noe, free>>, atau bisa juga dengan Sign Up,dan isi data Anda

2. Jika sudah tedaftar, dan di terima jadi anggota shoutmix, silahkan anda masuk/login dengan id anda

3. Pada kolom yang berjudul Style, klik menu appearance.

4. Kemudian klik menu pulldown di samping tulisan Load From Preset untuk mengatur tampilan buku tamu, dan pilih sesuai dengan keinginan Anda, kemudian klik Save Setting.

5. Untuk mendapatkan kode HTML dari shoutbox anda,  klik Use Shoutbox yang berada di bawah menu Quick Start

6. Setela itu klik tulisan Place Shoutbox on web page. Isi lebar dan tinggi shoutbox yang di inginkan

7. Kemudian copy seluruh kode HTML yang ada pada text area yang berada di bawah tulisan Generated Codes, lalu simpan di program Notepad atau wordpad juga bole.

8. Jika sudah, klik Log out yang berada di atas layar anda untuk keluar dari halaman shoutmix anda.

9. Selesai


Untuk menempatkan kode HTML shoutbox tadi pada blog anda, perhatikan langkah-langkah berikut ini.


Untuk Blogger baru :

1. Seperti biasa, login terlebih dahulu ke akun blogger Anda.

2. Kemudian klik menu Layout

3. Lalu klik Page Element

4. Setelah itu klik Add a Page Element

5. Lanjutkan dengan klik tombol Add to Blog yang berada di bawah tulisan HTML/JavaScript

6. Kemudian tuliskan judul shoutbox anda pada form title. Contoh : Buku Tamu Blog

7. Copy paste kode HTML shoutbox anda di dalam form Content

8. Lalau klik tombol Save Changes

9. Drag dan Drop element yang telah anda buat tadi di lokasi yang Anda sukai

10. Tekan tombol Save

11. Selesai


Saya rasa cukup sekian penjelasan dari saya mengenai panduan blogger khususnya memasang buku tamu ini, Anda dapat lebih mandiri dan berexperiment dengan langkah-langkah atau penjelasan yang sudah saya sampaikan. Selamat Mencoba.

Cara Membuat Garis Tepi di Setiap Postingan Blog

Cara Membuat Garis Tepi di Setiap Postingan Blog - Kali ini saya akan share kepada sobat, yaitu Cara Membuat Garis Tepi di Setiap Postingan Blog. Garis tepi ini berfungsi untuk memisahkan jarak antara postingan dengan postingan yang lain. Untuk contoh nya sobat bisa lihat gambar dibawah ini :



Berikut, Cara Membuat Garis Tepi di Setiap Postingan Blog :

1. Login ke Blogger
2. Pilih Rancangan, >> Edit HTML, >> Centang Expand Template Widget
3. Cari kode .post {, bila sudah copy kode dibwah ini tepat dibawah kode .post {  

 border-bottom:1px dotted #ff0000;
  border-top:1px dotted #ff0000;
  border-right:1px dotted #ff0000;
  border-left:1px dotted #ff0000;
  padding-bottom:0.5em;
  padding-left:0.4em;
  padding-right:0.4em;

4. Klik Simpan Template

Semoga bermanfaat buat sobat Bloger>>

Cara Membuat Menu Horizontal Drapdown Di Blog

Oke lama Sekali saya gak update artike baru kali ini saya bakalan bahas habis mengenai menu bar drapdown seperti punya saya ini...oke langsung aja ya perhatikan baik-baik Tutorial ini

Untuk membuat menu seperti punya saya kalian harus punya blog dulu heheheh....
baca Tutorial Cara Membuat Blog Di Sini
 Kalo kalian sudah punya Blog kalian Masuk ke Dasbord
Control Panel Blog Kalian....
Pilih Tamplate, Edit HTML,( Oya jangan lupa Beckup Dulu ya Untuk Persiapan saja jika terjadi kegagalan nantinya)


Setelah basuk di Edit HTML kalian jangan lupa Centang Expand Template Widget

Cari Kode Brikut :

]]></b:skin> kalo sudah ketemu Taroh Kode Diwah ini Tepat Di Atas Kode ]]></b:skin>



<style type='text/css'> * Menu Horizontal Dropdown ----------------------------------------------- */ #menuwrapperpic {background:#2a4375 top center;width:100%;margin:0 auto;padding:0 auto;border-bottom:1px solid #165D92;} #menuwrapper {width:110%;margin:0 auto;height:41px; background:#2a4375;} .clearit {clear: both;height: 0;line-height: 0.0;font-size: 0;} #menubar {width:100%;} #menubar, #menubar ul {padding: 0;margin: 0;list-style: none;font-family:Arial, sans-serif;} #menubar a {display: block;text-decoration: none;padding: 13px 12px 12px 12px;font-size:12px;font-weight:bold;text-transform:none;color:#d1d8e5;border-left:1px solid #165D92} #menubar a.trigger {background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQw_8v6ScVjeanSZFAFCGsR_QMI_QlZMEix9vrsCZDogfaJvgFaqTqiniIQXe7B0eQbLdh_Pa-LVfBG5HjFo2fCyn9I2n6HHLJYgqwdxWs3ZdSO5T0wWTFpB3nDVbT6V8NuI8G0bvdJ4Y/s1600/arrow.gif);background-repeat: no-repeat;padding: 13px 24px 12px 12px;background-position: right center;} #menubar li {float: left;position: relative;} /* hide from IE mac \*/ #menubar li {position: static; width: auto;} /* end hiding from IE5 mac */ #menubar li ul, #menubar ul li {width:165px;} #menubar ul li a {text-align:left;color:#13598D;padding: 6px 12px;font-size: 12px;font-weight:bold;text-transform:none;font-family:Arial;} #menubar li ul {z-index:100;position: absolute;display: none;background:#0F4E7D;padding-bottom:5px;} #menubar li ul {-moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px; border-bottom-left-radius:5px; border-bottom-right-radius:5px;} #menubar li ul {-moz-box-shadow:0 5px 5px rgba(0, 0, 0, 0.6); -webkit-box-shadow:0 5px 5px rgba(0, 0, 0, 0.6);filter:alpha(opacity=95);-moz-opacity:.95;opacity:.95;} #menubar li:hover a, #menubar a:active, #menubar a:focus, #menubar li.hvr a{background-color:#115383;color:#d1d8e5;text-decoration:none;} #menubar li:hover ul, #menubar li.hvr ul {display: block;} #menubar li:hover ul a, #menubar li.hvr ul a {color:#d1d8e5;background-color:transparent;text-decoration:none;} #menubar li ul li.hr {border-bottom:1px solid #296A99; border-top:1px solid #0E4064; display:block; font-size: 1px; height: 0px; line-height: 0px; margin:4px 0; } #menubar ul a:hover {background-color: #0E3B5D!important;color: #d1d8e5 !important;text-decoration:none;} #menubar li.home a, #menubar li.home a:visited {background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbBw8CfRyLn0ht8oZMHLWflfWUN1HFpzwoDiSSbt2BD9w6i9xJAtodu_7LfAuNFCPyOczYZyygApNivPbMuojhn2u9svoCcHSKQj5TfnBrQVxu7RIsf96NQ1ThxpQYhgpeIhZXXlopoRs/s1600/menu_hover.gif) repeat-x top left;border-left:none} #menubar li.home a:hover {background:#1d335d;} /* Fixed Position */ #inner{padding-top:41px;} #fixed {position:fixed;top:0;left:0;width:100%;height:41px;z-index:999;} #fixedinner{text-align:center;background:transparent;height:41px;position:relative;z-index:999;} * html, * html body{overflow-y:hidden;height:100%;} * html #fixedinner{margin-right:-143px;voice-family: "\"}\""; voice-family:inherit; } * html #fixedinner{margin-right:17px;} * html #fixed {position:absolute;} /* -- SET FOR STATUS MESSAGE -- */ #search { } #search input[type="text"] { background: #fffff; border: 0 none; font: bold 12px Arial,Helvetica,Sans-serif; color: #0000; width: 150px; padding: 6px 15px 6px 35px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset; -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; } #search input[type="text"]:focus { width: 150px; } </style>


Setelah itu cari kode </head>
Dan letakan Kode Berikut Tepat Dibawah Kode </head>


<div id='header-wrapper'>
<div id='fixed'>
<div id='fixedinner'>
<div id='menuwrapperpic'>
<div id='menuwrapper'>
<ul id='menubar'>
<li><a href='/'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhx0BZKogffbmyFsZDb1ZzZDQT_8iScMMj01npZw61X5RBKNUxkfhrcBCcYxKchqqB5Asms8mXvO8Sd0dSOgG-v96mDyu3Jb94YYSN_NECWIknQNZkqEEWzbE9sff_7f-AmPL5KwuWQ7FU/s1600/home_white.png' style='padding:0px;'/> Home</a></li>
<li><a href='http://gudangdownloadd.blogspot.com/2012/09/kontak-admin_3.html' target='new'>Kontak Admin</a></li>
<li><a class='trigger'>Contact Us</a>
<ul>
<li><a href='KONTAK GOOGLE' target='new'>Goggle +</a></li>
<li class='hr'/>
<li><a href='http://twitter.com/sigitholic' target='new'>Contact on Twitter</a></li>
<li><a href='http://www.yahoo.com/indrasarianita' target='new'>Contact on Myyahoo</a></li>
<li><a href='http://www.facebook.com/Gudangdownloadgratis' target='new'>Gudangdownload on Facebook</a></li>
</ul>
</li>
<li><a href='http://gudangdownloadd.blogspot.com/p/blog-page.html' target='new'>Daftar Isi</a></li>
<li><a class='trigger'>Tips dan Trik</a>
<ul>
<li><a href='http://gudangdownloadd.blogspot.com/search/label/Komputer?max-results=3'>Komputer</a></li>
<li class='hr'/>
<li><a href='http://gudangdownloadd.blogspot.com/search/label/tips%20bloger?max-results=3'>Blogspot</a></li>
<li class='hr'/>
<li><a href='http://gudangdownloadd.blogspot.com/search/label/intenet?max-results=3'>Internet</a></li>
<li class='hr'/>
<li><a href='http://gudangdownloadd.blogspot.com/search/label/seo?max-results=3'>Seo</a></li>
<li class='hr'/>
</ul>
</li>
<li><a class='trigger'>Download Gratis</a>
<ul>
<li><a href='http://gudangdownloadd.blogspot.com/search/label/download%20script?max-results=3'>Script</a></li>
<li class='hr'/>
<li><a href='http://gudangdownloadd.blogspot.com/search/label/Game%20PC?max-results=3'>Game</a></li>
<li class='hr'/>
<li><a href='http://gudangdownloadd.blogspot.com/search/label/software?max-results=3'>Software</a></li>
<li class='hr'/>
<li><a href='http://gudangdownloadd.blogspot.com/search/label/Mp3?max-results=3'>Mp3</a></li>
<li class='hr'/>
</ul>
</li>
<li><a class='trigger'>Kategori</a>
<ul>
<li><a href='http://gudangdownloadd.blogspot.com/search/label/download%20script?max-results=3'>Download Sript</a></li>
<li class='hr'/>
<li><a href='http://gudangdownloadd.blogspot.com/search/label/Game%20PC?max-results=3'>Game Pc</a></li>
<li class='hr'/>
<li><a href='http://gudangdownloadd.blogspot.com/search/label/intenet?max-results=3'>Internet</a></li>
<li class='hr'/>
<li><a href='http://gudangdownloadd.blogspot.com/search/label/komputer?max-results=3'>Komputer</a></li>
<li class='hr'/>
<li><a href='http://gudangdownloadd.blogspot.com/search/label/seo?max-results=3'>Seo</a></li>
<li class='hr'/>
<li><a href='http://gudangdownloadd.blogspot.com/search/label/software?max-results=3'>Software</a></li>
<li class='hr'/>
<li><a href='http://gudangdownloadd.blogspot.com/search/label/Tutorial?max-results=3'>Tutorial</a></li>
<li class='hr'/>
<li><a href='http://gudangdownloadd.blogspot.com/search/label/tips%20bloger?max-results=3'>Tips Bloger</a></li>
</ul>
</li>
<li><a href='http://gudangdownloadd.blogspot.com/p/tukar-link.html' target='new'>Tukar Link</a></li>
<li><a class='trigger'>Lucu Unik</a>
<ul>
<li><a href='http://gudangdownloadd.blogspot.com/search/label/unik%20dan%20lucu?max-results=3'><Foto Lucu</a></li>
<li class='hr'/>
<li><a href='http://gudangdownloadd.blogspot.com/search/label/cerita%20lucu?max-results=3'>Cerita Lucu</a></li>
<li class='hr'/>
<li><a href='http://gudangdownloadd.blogspot.com/search/label/lain-lain?max-results=3'>Artikel Lainya &gt;&gt;&gt;</a></li>
<li class='hr'/>
</ul>
</li>
</ul>
<br class='clearit'/>
</div></div></div></div></div>


Keterangan Ganti yang berwarna MERAH Dengan alamat Artikel Anda
Ganti Yang Warna BIRU Dengan nama yang akan tampil di menu bar..
 Oke sob sekian ya Tutorialnya Baca Artikel yang Lain Juga ya>>>jangan lupa comentnya

Cara Mengecek Kecepatan Loading Blog

Cara Mengecek Kecepatan Loading Blog 
Fungsi Mengecek Kecepatan Loading Blog yaitu untuk mengetahui seberapa nyamankah blog kita 
dimata pengunjung, karena pengunjung akan kesal dan langsung mengclose saat menemui blog yang sangat lama loadingnya, jangan sampai itu terjadi pada blog kita, karena merugikan. terutama kalau artikel blog kita 
sudah masuk 10 besar di pencarian google, itu lebih merugikan lagi karena pengunjung tidak mau mengklik 
lagi blog kita karena sudah mengetahui kecepatan loading blog kita yang sangat lama.

ada 6 website yang saya sediakan Untuk Mengecek Kecepatan Loading Blog 
Untuk mengeceknya gampang tinggal masukan url blog kalian terus tekan ENTER atau klik 
tulisan yang ada disebelah kanan tempat anda memasukan url blog.
Contoh Screen Shot blog gue nih : Via Google Speed dan Via Gtmetrik



1.google speed
2.stopwatch
3.gtmetrik
4.speed test
5.websiteoptimization
6.pingdom

- Hasil pengukuran kecepatan blog berbeda-beda antara website dengan website lainnya.
-Pengecekan ini tidak menimbulkan resiko apapun.

Untuk yang mengecek di Google Speed bila angka minimal 80 atau lebih berarti blog anda terbilang cepat 
loadingnya. 

Semoga Bermanfaat

cara membuat recent coment


Menampilkan recent comments atau komentar terbaru fungsinya adalah supaya kita bisa dengan mudah mengetahui siapa yang baru saja memberikan komentar pada blog kita dan di postingan mana mereka berkomentar. Recent Comments ini bisa kita pasang di halaman utama blog kita.
Beginilah cara membuat Recent Comments (Komentar Terbaru):

1. Login ke blogger lalu pilih menu "Layout"
2. Kemudian copy script berikut ini :
<script style="text/javascript" src="http://superinhost.com/blog/comments.js"></script>
<script style="text/javascript">
var numcomments = 8;
var showcommentdate = true;
var showposttitle = true;
var numchars = 100;
var standardstyling = true;
</script>
<script src="http://trik-tips.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>

- Angka 8 merupakan jumlah komentar yang mau ditampilkan.
- Ganti trik-tips.blogspot.com dengan nama blogmu.

3. Untuk menampilkanya di sidebar maka pilih "Add a Gadget --> HTML/Javascript" Lalu masukkan script diatas kedalam kotak yg disediakan.

Coba dilihat blogmu, langsung jadi deh.

Menampilkan / Pasang Emoticon di Kotak Komenta


Dengan adanya emoticon di kotak komentar tentunya akan membuat blog menjadi lebih hidup. Para komentator menjadi lebih bisa mengekspresikan perasaannya melalui icon2 (emoticon). Kalau di wordpress mungkin feature ini sudah tersedia. Tapi untuk blogspot kita harus mengotak-atik dan mengakalinya supaya bisa menampilkan emoticon di area komentar. Gimana? kamu mau memasang emoticon ini?

Seperti biasanya, di trik ini akan diberikan dua macam emoticon, yaitu emoticon kucing (seperti punyaku ini) dan emoticon yahoo. Kamu tinggal pilih mana yang kamu suka.

Emoticon Yahoo : 



Gini nih cara membuatnya :

1. Pertama login ke blogger, trus ke "Layout (Tataletak) --> Edit HTML "
2. Beri tanda centang pada kotak "expand widget template"
3. Lalu letakkan script berikut sebelum kode </body> 

Untuk Emoticon Yahoo :
<script src='http://kendhin.890m.com/emoticon/smile1.js' type='text/javascript'/>

Untuk Emoticon Kucing :
<script src='http://kendhin.890m.com/emoticon/smile2.js' type='text/javascript'/>


4. Kemudian cari kode berikut ini :
<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</p>


5. Kalo sudah ketemu letakkan kode2 berikut setelah kode <p class='comment-footer'>

Ini untuk Yahoo emoticon :
<b><img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif'/>
:)) 
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif'/>
:)] 
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif'/>
;)) 
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif'/> 
;;) 
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif'/> 
:D 
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif'/> 
;) 
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/>
:p 
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif'/>
:(( 
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif'/> 
:) 
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif'/> 
:( 
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif'/> 
:X 
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif'/>
=(( 
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif'/>
:-o 
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif'/> 
:-/ 
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif'/>
:-* 
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif'/>
:| 
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif'/>
8-} 
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif'/>
~x( 
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif'/>
:-t 
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif'/>
b-( 
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif'/>
:-L 
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif'/>
x( 
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif'/>
=))
</b>


Kalo mo yang emoticon kucing pake yang ini :

<b><img border='0' src='http://kendhin.890m.com/emoticon/capek.gif'/>
:f
<img border='0' src='http://kendhin.890m.com/emoticon/bigsmile.gif'/>
:D
<img border='0' src='http://kendhin.890m.com/emoticon/hi.gif'/>
:)
<img border='0' src='http://kendhin.890m.com/emoticon/kagum.gif'/>
;;)
<img border='0' src='http://kendhin.890m.com/emoticon/love.gif'/>
:x
<img border='0' src='http://kendhin.890m.com/emoticon/malu.gif'/>
:$
<img border='0' src='http://kendhin.890m.com/emoticon/marah.gif'/>
x(
<img border='0' src='http://kendhin.890m.com/emoticon/bingung.gif'/>
:?
</b>
<br/>
<b>
<img border='0' src='http://kendhin.890m.com/emoticon/mumet.gif'/>
:@
<img border='0' src='http://kendhin.890m.com/emoticon/muntah.gif'/>
:~
<img border='0' src='http://kendhin.890m.com/emoticon/mentok.gif'/>
:|
<img border='0' src='http://kendhin.890m.com/emoticon/ngakak.gif'/>
:))
<img border='0' src='http://kendhin.890m.com/emoticon/sedih.gif'/>
:(
<img border='0' src='http://kendhin.890m.com/emoticon/senang.gif'/>
:s
<img border='0' src='http://kendhin.890m.com/emoticon/tolong.gif'/>
:((
<img border='0' src='http://kendhin.890m.com/emoticon/wow.gif'/>
:o </b>

6. Kalo sudah trus di "save" dan coba lihat hasilnya

Tambahan
* Kadang-kadang ada beberapa template memiliki kode yang beda. Kalau caranya sudah dilaksanakan dengan benar tapi hasilnya tidak terjadi apa2 atau kodenya tidak berubah menjadi emoticon, kemungkinan itu karena Kode untuk templatenya berbeda atau bisa juga karena mugnkin hosting untuk menaruh file emoticon dan javascriptnya sedang bermasalah.

Tips Mengedit HTML Blogspot


Jika kita mengotak-atik atau mengedit HTML blog kadang2 akan mengalami kesulitan, apalagi bagi yang masih agak pemula. Entah itu gak bisa nemu kode yang mau diedit lah, gak bisa disimpan karena error lah, Ada pesen error yang gak jelas lah, dan lah-lah yang lain, ya to...??? Nha trik dan tips kali ini akan mencoba gimana cara untuk mengatasi atau setidaknya mengurangi masalah "lah-lah" yang kadang2 atau sering terjadi tersebut.
Berikut ini beberapa tips untuk edit HTML bogger:

1. Backup Template
Membackup template ini penting karena jika terjadi hal-hal yang tidak dinginkan, misalnya blog jadi rusak maka kita bisa membuatnya seperti sediakala (sebelum rusak) jika kita sebelumnya sudah membackup template. Cara membackup template ini mudah. Cukup klik pada link "Download Full Template" lalu simpan file template di komputer kita. Kalo terjadi kesalahan yang tidak bisa kita atasi, kita tinggal upload aja file template tersebut.

2. Memberi Tanda Centang pada Kotak "Expand Widget Template"
Ini yang kadang2 dilupakan para "editor". Kalau kotak  "Expand Widget Templates" tidak dicentang maka kode2 yang dicari kemungkinan tidak ditemukan. Tapi kadang2 hal ini tidak perlu dilakukan tergantung dari petunjuk tutorialnya. Makanya perhatikan baik2 tutorialnya kalo mau Edit HTML blog.

3. Tips Mempermudah Pencarian
Untuk mempermudah pencarian kode yaitu dengan meng-copy dulu kode yang mau dicari kemudian tekan "Ctrl+f" lalu masukkan kode yang dicopy tadi kedalam kotak yg muncul. Kalo misalkan kode yang dicari tidak muncul maka cobalah mencari sebagian dari kode tersebut. Misal mau mencari kode <p><data:post.body/></p> jika tidak ketemu maka cb carilah sebagiannya atau seperti inidata:post.body kalau sudah ketemu maka klik tombol next untuk melihat apakah ada kode lain yang sama untuk memastikan kode yang dikehendaki. Tapi tips ini sepertinya sulit dilakakukan jika menggunakan browser "Chrome" paling mudah jika menggunakan "Mozilla Firefox".

4. Tips Menghadapi Error Yang Muncul 
Jika saat menyimpan hasil editan kemudian muncul pesan error, misal seperti ini:
We were unable to save your template
Please correct the error below, and submit your template again.
Your template could not be parsed as it is not well-formed. Please make sure.....
Maka hal yang harus kita lakukan adalah berusaha memahami pesan error tersebut. Kemudian kita cek kembali tutorial yang kita baca apakah langkah-langkah yang sudah kita lakukan bener2 sesuai dengan tutorialnya. kalau tidak yakin maka kita bisa mengulangi lagi tutorialnya dari awal dengan mengklik tombol "Clear Edit" terlebih dahulu.

Mungkin untuk masalah mengahadapi berbagai pesan error ini akan kita bahas lebih lanjut diepisode yang lainnya yang lebih spesifik.

Yak mungkin itu aja dulu tips-tips dalam pembahasan kali ini. Kita jumpa lagi di tips-tips berkutnya.

Cara Pasang Flash di Blog


Untuk memasang flash ke dalam blog cukuplah mudah. Yang kamu perlukan yaitu file flash yang biasanya ber-extensi .swf lalu upload file tersebut ke hosting. misal di geocities.com ato 000webhost ato tempat hosting lainnya. File animasi flash tersebut bisa dijadikan hiasan pada blog ato bisa juga dijadikan hiasan di header sehingga membuat blog menjadi lebih animatif. Untuk memasang flash pada blog caranya sebagai berikut :

1. Login ke blogger kemudian pilih menu "Layout".
2. Kemudian klik link "Add a gadget" dimana akan ditempatkan animasi flash.
3. Pilih "HTML/Javascript" kemudian taruh script berikut :
<embed src="http://blogoholic.info/wellcome.swf" quality="high" bgcolor="white" width="500" height="100" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi? P1_Prod_Version=ShockwaveFlash"></embed>

Contoh :


* Ganti "http://blogoholic.info/wellcome.swf" dengan alamat file flash kamu yang telah ditaruh di hosting. 
* Ganti width="500" height="100 dengan ukuran dari file flashmu.

Mengganti "Older Posts" Dengan Angka


Secara umum, navigasi untuk pindah halaman di blogspot biasanya menggunakan link dengan teks "Older Posts (posting lama)" dan "Newer Posts (posting baru)". Beda dengan wordpress yang navigasinya bisa berbentuk angka sehingga bisa memudahkan untuk loncat beberapa halaman ke postingan yg lama maupun baru.
Nha trik kali ini akan menjelaskan bagaimana cara mengganti link "Older Posts (posting lama)" dan "Newer Posts (posting baru)" menjadi angka seperti gambar di bawah ini


1. Langkah awal tentu saja harus menuju ke desain template anda kemudian ke "Edit HTML" 
2. setelah itu cari kode ini ]]></b:skin> kalo sudah ketemu taruh script dibawah ini sebelum kode tersebut
.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #cccccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #cccccc;
background-color:#cccccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #cccccc;
background: #cccccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #cccccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333333;
}


3. setelah itu cari kode ini </body> kemudian taruh script dibawah ini sebelum kode tersebut.
<!--Page Navigation Starts-->
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<script type='text/javascript'> 
var pageCount=5; 
var displayPageNum=5; 
var upPageWord =&#39;Previous&#39;; 
var downPageWord =&#39;Next&#39;; 
</script> 
<script src='http://bloggergadgets.googlecode.com/files/blogger_pagenavi_min.js' type='text/javascript'/> 
</b:if> </b:if> 
<!--Page Navigation Ends -->


Kalau sudah silahkan dilihat hasilnya>>>>

Cara Meningkatkan Trafik Blog


Traffic atau lalu lintas bisa kunjungan blog mencapai 1000 visitor per hari? Owww, saya yakin itu adalah impian semua blogger dan pemilik website.Tapi punya saya masih 100 orang perhari. Lalu bagaimana tipsnya?. Sebenarnya banyak sekali cara meningkatkan traffic blog atau memperbanyak pengunjung blog kita. Salah satu hal dan amat sangat penting banget adalah anda harus banyak dan rutin membuat posting, banyak bergaul, blogwalking, dan daftarkan ke social bookmark, terus membangun internal links dan external links.  
Untuk mendapat banyak traffic, sebut saja 1.000.000 atau ratusan lah, itu tidaklah begitu sulit. saya akan paparkan untuk anda di sini. Diantaranya yaitu:

* Perbanyak artikel di dalam blog anda. Anda bisa buktikan sendiri. Blog-blog yang padat trafik/pengunjungnya, karena mereka sudah punya artikel yang banyak sekali, hingga mencapai diatas 300, 400, hingga 500 artikel. Maka perbanyaklah menulis artikel, karena kuantitas juga penting. Jika anda tidak dapat memproduksi artikel berkualitas copas juga boleh. Tapi jangan semuanya hasil copy-paste. Usahakan posting dengan kalimat sendiri, jangan mentah-mentah meng-copy-paste dari artikel orang lain.

Tips posting blog yang benar :
Jika tidak punya ide, maka lihat artikel orang lain. Lalu susun sendiri kalimatnya dengan kalimat anda sendiri biar tidak begitu ketahuan jiplaknya dan gak terdetect sebagai duplikat kontent oleh Google. Namun jangan lupa jika idenya berasal dari artikel orang lain maka sebutkan link-nya. Tunjukkan bahwa anda adalah blogger yang tahu rasa terima kasih dan bermartabat dan mau mencantumkan URL link blog tersebut.
* Bergaul alias sering blogwalking ( jalan-jalan di ke blog orang lain dan meninggalkan komentar ). Jangan menjadi blogger yang males kalau mau punya banyak pengunjung. Blogger Harus sering keliling, sapa blogger yang lain dan comment yang mengena di blognya, lakukan setiap hari lah kalo bisa. Banyak blogger-blogger yang trafiknya tinggi itu bukan karena sumbangan Google atau Yahoo, namun karena dia rajin Blogwalking. Termasuk anda datang ke sini, itu blog walking namanya. Jangan lupa dan ingat ya, berkomentarlah !
Tips cepat blogwalking : buatlah list blog-blog yang anda kunjungi biar mudah untuk mengunjungi lagi. Atau anda bisa memanfaatkan kotak link exchange blog anda. Masukkan daftar teman – teman blog yang sering aktif blogwalking dan untuk dapat membalas mengunjungi blog anda.
* Submit ke web web direktori. Di sini saya sediakan daftar blog direktori yang prosesnya sangat mudah, dan sebagian besar dari mereka langsung meng-approve blog kita hanya dalam hitungan menit. Inilah daftarnya:
http://www.freeweblinkdirectory.info
http://www.linkforfree.com.ar
http://www.starsdirectory.com.ar
http://www.mywebdirectory.com.ar
http://www.linkdirectory.com.ar
http://www.submitlink.com.ar
http://www.simpledirectory.com.ar
http://www.monsterdirectory.com.ar
http://www.vipdirectory.com.ar
http://www.fastdirectory.com.ar
http://www.alldirectory.com.ar
http://www.redlavadirectory.com.ar
http://www.gardendirectory.com.ar
http://www.seofriendly.com.ar
http://www.linkorama.com.ar
http://www.newfreedirectory.com.ar
http://www.sitiosmardelplata.com.ar
http://www.paginasenargentina.com.ar
http://www.argentodo.com.ar
http://www.mdpwebs.com.ar
http://www.websenargentina.com.ar
http://www.goldenlinks.com.ar
http://www.yourlinkhere.com.ar
http://www.000directory.com.ar
http://www.addnewlink.com.ar
http://www.freewebdirectory.com.ar
http://www.seodirectory.com.ar
http://www.weblister.com.ar
http://www.addyourwebsite.com.ar
http://www.megalinksdirectory.com.ar
http://www.linknow.com.ar
http://www.reciprocaldirectory.com.ar
http://www.newconceptdirectory.com.ar
http://www.submityourlink.com.ar
http://www.namedirectory.com.ar
http://www.directorylist.com.ar
http://www.noreciprocal.com.ar
http://www.morevisits.com.ar
http://www.backlinkpower.com.ar
http://www.power-backlink.com.ar
http://www.blpdirectory.info
http://www.ncdirectory.com.ar
http://www.submitsitenow.info
http://www.ukdirectory.com.ar
http://www.linkshere.com.ar
http://www.newconceptdir.com.ar
http://www.linksheaven.com.ar
http://www.prdirectory.com.ar
http://www.freebacklink.com.ar
http://www.powerdirectory.com.ar
http://www.directorymaster.com.ar
http://www.monsterbacklink.com.ar
http://www.websitelist.com.ar
http://www.24directory.com.ar
http://www.thedirectory.com.ar
http://www.freecasinodirectory.info
http://www.zendirectory.com.ar
http://www.foreverlinks.info
http://www.seosubmissiondirectory.info
http://www.powerfulldirectory.info
http://www.welcomelinks.info
http://www.directorync.com.ar
http://www.beastdirectory.info
http://www.speedydirectory.info
http://www.addsitenow.info
http://www.subseo.info
http://www.sundirectory.info
http://www.linkdirectorysite.info
http://www.10directory.info
http://www.fastapprovals.info
http://www.thegeneraldirectory.info
http://www.forlinks.info
http://www.directorynow.info
http://www.directorysyndicate.info
Atur sendiri ya cara tahap daftarnya. Misalnya untuk submit dalam sehari 3 atau 5 direktori. Saat submit blog ke direktori pilih FREE SUBMIT TANPA RECIPROCAL. Dan apabila anda punya direktori lainnya bisa anda tambahkan di kolom komentar
* Submit blog ke dofollow social bookmark. Ini dia alamatnya, dan semuanya sudah terbukti mampu mendongkrak traffic blog. Apalagi jika mampu menulis hal hal unik, menarik, hangat dan lain-lain. Banyak blogger dan webmaster menggunakan dofollow social bookmark untuk membuat blognya terkenal. Ini daftarnya
http://hatedorloved.com
http://pixelmo.com
http://socialogs.com
http://www.business-planet.net
http://swik.net
http://www.folkd.com
http://www.mecozz.com
http://linkatopia.com
http://www.quadriot.com/
dan Social Bookmark Dofollow Indonesia:
http://lintasberita.com
http://infogue.com
Tips submit blog ke social bookmark : Silahkan submit ke 12 social bookmark diatas untuk SETIAP artikel yang baru anda publish. Apa manfaatnya ? Manfaatnya tentu saja agar artikel baru anda cepat ke indeks Google dan mendapatkan trafik. Bayangkan jika 1 artikel blog anda mempunya 12 backlinks dari Social Bookmark, maka jika anda punya 100 artikel di blog maka sudah punya 1200 backlink WOw. Luar biasa khan ?
* MemBangun internal link. Saat menulis posting, saya sarankan untuk membangun internal link. Internal link membangun link yang mengarah kepada posting-posting kamu yang lain. 
Manfaat internal link sbb :
1. Jika posting anda belum terindeks atau hilang dari Google, dapat terindeks lagi dengan cara ini
2. Dan juga posting tersebut mendapat link gratis.
3. Memberi info kepada pembaca bahwa posting tersebut ada.
4. Membuat pembaca /pengunjung blog bisa tertarik untuk membaca lebih lama.
Lakukan tips diatas sesering mungkin.
* Submit ke artikel submission. Saran saya gunakan layanan Goarticle.com dan Qassia.com karena prosesnya super mudah.
* Buat dummi blog, jika dapat sebanyak mungkin. Dummi blog adalah blog bodoh yang tugasnya hanya memberikan backlinks ke blog utama. Dan masukan alamat blog anda disana juga feednya.
* Sering-sering posting topik yang lagi rame, hangat dan aktual. Seperti kasus Kiamat 2012 kemarin atau masalah Perang Palestina dan Israel biadab. Cara ini juga merupakan cara yang efektif mendatangkan traffic blog.
* Dan jika punya uang /modal lebih, beli link dan beli review di Reviewmu atau dimana saja.
* Buat review untuk blogger lain dan sebut link blognya saat anda menulis posting, untuk menjalin persahabatan dengannya. Agar nanti anda mendapat balasan review, apalagi blog tersebut mempunyai berjibun pengunjung ini sangat menguntungkan.
* Jadilah blogger yang akomodatif dan ramah dan lebih bagus lagi sebagai tempat bertanya.
* Belajarlah menulis dengan baik dan komunikatif, karena ngeblog adalah aktifitas menulis.
* Jadilah blogger yang peka terhadap kondisi sosial, jika ada masalah apapun yang terjadi baik di internet maupun di real world, maka ikutlah mengomentarinya atau posting namun dengan bijak dan pintar. Hal ini bagus untuk menarik massa.
* Jangan jadi blogger yang sok tahu dan sok baik, jika ketahuan bahwa anda ternyata sok tahu maka akan menurunkan rasa kepercayaan pengunjung imbasnya mereka malas berkunjung lagi.
* Buatlah posting yang ngeflame, tips ini tidak terlalu saya anjurkan namun cukup ampuh untuk meningkatkan trafik, contoh posting ngeflame seperti beberapa bulan lalu keributan besar antara seorang blogger Blogspot dengan seorang pemakai WordPress. Efek negatifnya blog anda bisa dicap tukang ribut dan resek.
* Submit juga blog anda ke social network, submit ke 2 social network yang dofollow:
1. www.zimbio.com/ (contohnya: http://www.zimbio.com/account/articles
2. http://www.squidoo.com (contohnya: squidoo)
Dari 16 tips diatas yang paling saya rekomendasikan ialah point ke 3:
1. Banyakin artikel
2. Submit tiap artikel ke social bookmark
3. Blogwalking.
Ya kalau  anda mampu melakukan semuanya, maka tentu saja akan lebih cepat naik rank di google alias lebih baik.Jangan pernah berangan angan tinggi kalau tidak ada usaha.
 
Support : Creating Website | Portal Berita | Mas Template
Copyright © 2011. Tutorial Bloger - All Rights Reserved
Template Created by Creating Website Published by Portal Berita
Proudly powered by Blogger