Yogie 56™

Cara Menuliskan Script/Kode Dalam Artikel Blog

2013-03-18T09:09:00.001+07:00

Cara Menuliskan Script/Kode Dalam Artikel Blog - Untuk menuliskan script/kode kedalam artikel blog memang ada tekniknya sendiri, karena jika kita menuliskannya dengan cara yang biasa maka yang akan muncul kemudian di blog tidaklah seperti dengan apa yang kita tuliskan. Misalnya gini, jika kita menuliskan kode <head> dengan cara yang biasa maka hasilnya tidak akan muncul dalam postingan karena kode tersebut langsung diterjemahkan kedalam bahasa HTML. Jadi untuk menuliskan kode <head>, maka yang seharusnya dituliskan supaya bisa muncul kode tersebut adalah ini <head>. Nah terus bagaimana kalau ada banyak kode yang harus kita posting?
Mau tahu bagaimana caranya menuliskan kode2/script2 tersebut ke dalam blog?

Ada beberapa cara untuk menuliskan kode-kode tersebut kedalam blog, diantaranya yaitu:

Cara Pertama :
- Gunakan software-software web design, misalnya Macromedia Dreamwaver, Microsoft Frontpage, Namao Web Editor. Atau bisa juga dengan software-software blogtools seperti post2blog dll.
- Trus tuliskan semua kode pada area design, kemudian copy kode-kode tersebut dari area HTML Code. Nha kode-kode dalam area HTML Code tersebut lah yang harus diposting.

Cara Kedua :
- Tuliskan semua kode/script ke dalam notepad
- Kemudian ganti/replace kode-kode berikut

Kode	Kode Pengganti
<	<
>	>
"	"

- Udah tahu kan caranya mereplace di notepad? itu lho dengan memilih menu edit --> replace kemudian pada kotak yang muncul masukkan kode yg akan direplace pada kolom "Find what" trus masukkan kode pengantinya pada kolom "Replace with"trus tekan tombol Replace All.
- Nha kalo udah semua baru kamu copy semua kode yang udah direplace all tadi, trus kamu masukkan kedalam postingan kamu.

Cara Ketiga :
- Buka situs ini http://centricle.com/tools/html-entities, trus isikan kode-kode kamu kedalam kotak yang disediakan, nha kalo sudah tekan tombol "Encode", nha maka kamu akan mendapatkan script baru untuk diposting di blog kamu.

Selsai gampang kan ? Jika masih bingung berkomentar saja di bawah sini oke sob sekian dulu oke, Selamat Mencoba dan Semoga Berhasil :D

Cara Menampilkan Recent Post (Postingan Terbaru)

2013-03-18T08:55:00.003+07:00

Cara Menampilkan Recent Post (Postingan Terbaru) - Hay sob apa kabar nih, udah lama saya ga post lagi, skrng saya mulai post lagi nih sobat, ada yang ingin menampilkan recent post ( postingan terbaru ) anda sendiri di side bar ? jika ingin silahkan ikuti perintah2 yang di bawah sobat langsung aja yuk di simak :)

Cara untuk Menampilkan Recent Post (Postingan Terbaru) :

1. Login to Blogger kemuduan pilih "Layout"

2. Klik pada "Page Element" trus pilih "Add a Gadget --> HTML/Javascript" (Tempatnya terserah kamu).

3. Copy kode berikut ini dan taruh dalam kotak "content".

<script src="http://www.geocities.com/uddin_81/recent-post.js"></script>
<script>var numposts = 10; var showpostdate = false; var showpostsummary = false; var numchars = 100; </script>
<script src="http://yogie-56.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rp">
</script>

4. Ganti yogie-56 dengan nama blog kamu.

5. Angka "10" menunjukkan jumlah "Recent Post" yang ditampilkan, kamu bisa menggantinya

6. Terus Simpan.

NB : Coba sobat lihat apa yang terjadi,,,, jreng jreng ... pasti ada yang nongol :D, sekian dulu ya artikel Cara Menampilkan Recent Post (Postingan Terbaru) yang saya sampaikan, jika anda kurang mengerti silahkan berkomentar di bawah sini thanks..

Cara Membuat Menu Tab View

2013-03-18T08:44:00.001+07:00

Cara Membuat Menu Tab View - Tabview itu sangat berguna sekali, karena dengan ukuran kotak yang relatif kecil tapi bisa memuat isi yang buanyak. Sebenarnya dah dari dulu pingin posting tentang itu, tp karena yg dulu cara pasanganya sulit jadi belum bisa aku jelaskan. Trus akhirnya aku menemukan metode baru dalam pembuatannya. Cara yang ini mungkin mirip dengan punyanya o-om, tp scriptnya agak beda. Dan aku dapet script ini juga bukan dari o-om lho :D
Tab view itu contohnya seperti ini :

Beginilah cara untuk membuat menu tab view tersebut

1. Login ke blogger trus pilih menu "Layout --> Edit HTML"
2. Kemudian cari kode ini ]]></b:skin>
3. Kemudian masukkan kode berikut ini sebelum kode ]]></b:skin> atau kedalam tag CSS.

div.TabView div.Tabs
{
height: 24px;
overflow: hidden;
}
div.TabView div.Tabs a
{
float: left;
display: block;
width: 90px; /* Lebar Menu Utama Atas */ text-align: center;
height: 24px; /* Tinggi Menu Utama Atas */
padding-top: 3px;
vertical-align: middle;
border: 1px solid #000; /* Warna border Menu Atas */
border-bottom-width: 0;
text-decoration: none;
font-family: "Times New Roman", Serif; /* Font Menu Utama Atas */
font-weight: 900;
color: #000; /* Warna Font Menu Utama Atas */
}
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
{
background-color: #FF9900; /* Warna background Menu Utama Atas */
}
div.TabView div.Pages
{
clear: both;
border: 1px solid #6E6E6E; /* Warna border Kotak Utama */
overflow: hidden;
background-color: #FF9900; /* Warna background Kotak Utama */
}
div.TabView div.Pages div.Page
{
height: 100%;
padding: 0px;
overflow: hidden;
}
div.TabView div.Pages div.Page div.Pad
{
padding: 3px 5px;
}

4. Perhatikan text-text yang berwarna merah, itu adalah keterangan untuk pengaturan Tab View. Ada ukuran warna dll.
5. Langkah selanjutnya yaitu pasang kode berikut ini sebelum kode </head>

<script src='http://kendhin.googlepages.com/tabview.js' type='text/javascript'/>

6. Kemudian "Di save"
7. Lalu pergi ke menu "Page Elements"
8. Trus PIlih "Add a Gadget" --> "HTML/Javascript" di tempat yg akan km letakkan Manu Tab View ini.
9. Inilah script yg harus kamu pasang :

<form action="tabview.html" method="get">
<div class="TabView" id="TabView">
<div class="Tabs" style="width: 350px;">
<a>Tab 1</a>
<a>Tab 2</a>
<a>Tab 3</a>
</div>
<div class="Pages" style="width: 350px; height: 250px;">

<div class="Page">
<div class="Pad">
Tab 1.1 <br />
Tab 1.2 <br />
Tab 1.3 <br />
</div>
</div>

<div class="Page">
<div class="Pad">
Tab 2.1 <br />
Tab 2.2 <br />
Tab 2.3 <br />
</div>
</div>

<div class="Page">
<div class="Pad">
Tab 3.1 <br />
Tab 3.2 <br />
Tab 3.3 <br />
</div>
</div>

</div>
</div>
</form>

<script type="text/javascript">
tabview_initialize('TabView');
</script>

Keterangan :

- Angka2 atau text yang berwarna biru (350px) adalah ukuran tinggi dan lebar tabview.
- Kode yang berwarna Hijau Adalah text yang di Menu utama (Menu Atas).
- Kode yang berwarna merah adalah isi dari tabvie tsb. Kamu bisa mengisinya dengan link, gambar, banner, script dll.
- Untuk menambahkan jumlah menu maka perhatikanlah text yang berkedip-berkedip. tambahkan menu tersebut dibawahnya.

Cara Membuat Like Fanspage Facebook + Follow Twitter Melayang di Blog ( Like Box )

2013-03-15T15:11:00.005+07:00

Cara Membuat Like Fanspage Facebook + Follow Twitter Melayang di Blog ( Like Box ) - Like Box Melayang Di Blog Ini Dilengkapi Dengan Follow Twitter Juga Jadi Gak Usah Ribet Nambahin Script Lainnya Berikut Caranya.

1. Dasboard Blogger lo > Tata Letak > Tambah Gadget
2. Pilih HTML Javascript Lalu Masukan Kode Berikut Ini

Yang Berwarna Merah Ganti Sesuka lo
Yang Berwarna Hijau Ganti Dengan URL Fanspage Facebook lo
Yang Berwarna Ungu Ganti Dengan nama twitter lo
3. Lalu Simpan Dan lihat Hasilnya

Segitu Saja Cara Membuat Like Fanspage Facebook + Follow Twitter Melayang di Blog ( Like Box ) , Kalau Kurang jelas silangkan berkomentar yang baik Terima Kasih.
Semoga Bermanfaat

Menampilkan Recent Comments (Komentar Terbaru)

2013-03-14T09:38:00.001+07:00

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://yogie-56.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>

- Angka 8 merupakan jumlah komentar yang mau ditampilkan.
- Ganti yogie-56.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. Oh ya recent comments ini bisa juga dipasang didalam "Tab View" Klik Tab View jika ingin cara membuat Tab View

Oke sob sekian dulu artikel Menampilkan Recent Comments (Komentar Terbaru) yang saya sampaikan, Semogaa Bermanfaat ^_^, Jangan lupa tinggalkan jejak ya sob :)

Highlight Author Comment

2013-03-14T08:56:00.000+07:00

Highlight Author Comment fungsinya adalah supaya komentar author (pemilik blog) berbeda dengan komentar orang lain . Untuk komentar pemilik blog akan ada bordernya dan ada efek lainnya. Nha berikut ini akan aku beberkan cara untuk membuat Highlight Author Comment ini. Dah siap semuanya ? OK Lansung aja Ke TKP :)

1. Login ke blogger trus ke menu "Layout --> Edit HTML"
2. Beri tanda centang pada kotak "Expand Widget Templates"
3. Copy script berikut ini sebelum kode ]]></b:skin> atau copy ke dalam kode CSS.

.comment-body-author {
background: #E6E6E6; /* Warna Background */
border-top: 1px dotted #223344;border-bottom: 1px dotted #223344;border-left: 1px dotted #223344;border-right: 1px dotted #223344;
margin:0;
padding:0 0 0 20px;
}

4. Kemudian cari kode2 seperti berikut. Mungkin kode yg ada di HTML kamu akan beda, tp walaupun beda usahakan semirip mungkin dengan kode berikut ini :

<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt class='comment-author' expr:id='"comment-" + data:comment.id'>
<a expr:name='"comment-" + data:comment.id'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
said...
</dt>

<b:if cond='data:comment.author == data:post.author'>
<dd class='comment-body-author'>
<p><data:comment.body/></p>
</dd>
<b:else/>

<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>

</b:if>

<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='"#comment-" + data:comment.id' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>

5. Kode yang berwarna merah adalah kode yang harus kamu tambahkan di HTML kamu. Posisinya harus benar, ingat itu.

6. Kalo sudah terus disave template kamu.

NB : Comment author ini berdasarkan profil dari pemilik blog tsb. Jadi supaya efeknya muncul sebelum memberi komentar kamu harus login dulu di blogger. OK.
Oh ya ini bukan untuk komentar dari haloscan lho. Tapi hanya untuk kotak komentar yg dari blogger murni

Oke sob itu saja trik untuk Highlight Author Comment yang saya bisa sampaikan, Jangan lupa ya sob tinggalkan jejak nya :)

Cara Memasang Emoticon di Kotak Komentar

2013-03-13T10:52:00.000+07:00

Cara Memasang Emoticon di Kotak Komentar - 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 :
:)) :)] ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} ~x( :-t b-( :-L x( =))

Emoticon Kucing :
:f :D :) ;;) :x :$ x( :? :@ :~ :| :)) :( :s :(( :o
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://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/capek.gif'/> :f
<img border='0' src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/bigsmile.gif'/> :D
<img border='0' src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/hi.gif'/> :)
<img border='0' src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/kagum.gif'/> ;;)
<img border='0' src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/love.gif'/> :x
<img border='0' src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/malu.gif'/> :$
<img border='0' src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/marah.gif'/> x(
<img border='0' src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/bingung.gif'/> :?
<img border='0' src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/mumet.gif'/> :@
<img border='0' src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/muntah.gif'/> :~
<img border='0' src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/mentok.gif'/> :|
<img border='0' src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/ngakak.gif'/> :))
<img border='0' src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/sedih.gif'/> :(
<img border='0' src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/senang.gif'/> :s
<img border='0' src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/tolong.gif'/> :((
<img border='0' src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/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 mungkin hosting untuk menaruh file emoticon dan javascriptnya sedang bermasalah.

Oke sob selamat mencoba, Jangan lupa tinggalkan jejak ya sob :)

Cara Membuat Contact Form Blog

2013-03-13T10:31:00.002+07:00

Membuat contact form dengan cepat, dengan hanya beberapa detik saja contact form Anda sudah jadi.
Layanan ini gratis dan terintegrasi anti spam.
Bagi Anda yang ingin berkominikasi dengan pengunjung blog mungkin secara privasi bisa membuatnya dan memasang contact form ini pada blog Anda.
Jika Anda membuat toko online contact form akan menjadi sangat penting kegunaannya.
Untuk yang ingin memasang contact form pada blog, bisa membuatnya melalui situs layanan ini dengan cara yang cukup mudah.
Caranya:

1. Buka halaman http://www.foxyform.com/

2. Dari halaman tersebut Anda akan melihat tampilan contact form yang akan Anda buat.

3. Lakukan setting untuk tampilan contact form menurut selera.

4. Anda bisa merubah tulisan dan warna untuk tampilan contact form tersebut.

5. Setelah itu masukkan Email Anda.

6. Kemuadian pilih Create Formular.

7. Maka akan terbuka halaman baru yang terdapat kode html yang harus Anda masukkan ke halaman blog Anda.

8. Selanjutnya copy code yang diberikan.

Setelah menyalin kodenya, login ke blog Anda untuk memposting code tersebut.

Sebaiknya Anda membuat halaman statis untuk meletakkan contact form ini.
Cara membuat halaman statis bisa Anda lihat di sini. Beri judul contact atau contact me dan letakkan pada tempat yang mudah dilihat oleh pengunjung.

Dan selamat contact form Anda sudah jadi. Semoga Bermanfaat, Jangan Lupa Tinggalkan Jejak sob.. :)

CARA MEMBUAT HALAMAN STATIS DI BLOGSPOT

2013-03-13T10:18:00.000+07:00

Halaman statis adalah halaman yang berdiri sendiri yang tidak akan mempengaruhi halaman dinamis. Berbeda dengan halaman dinamis yang mana ketika Anda posting akan menggeser halaman sebelumnya.
Halaman statis ini tidak akan muncul pada halaman muka ketika Anda posting artikel baru. Yang artinya ini tidak akan menggantikan halaman posting awal.
Halaman statis biasa di gunakan untuk membuat halaman about me, halaman contact
atau halaman yang memang dibuat khusus.
Untuk memudahkan penggunanya, blogger telah menyediakan fitur ini.Bila Anda ingin mencoba bagaimana cara membuat halaman statis pada blogspot, untuk membuatnya Anda bisa ikuti cara di bawah ini.

Login ke blog Anda
Pilih blog yang ingin Anda buat halaman statis
Kemudian pilih pages.
Dan selanjutnya pilih blank page, seperti yang terlihat pada gambar di bawah.
setelah Anda pilih blank page, maka Anda akan diarahkan pada halaman posting artikel, seperti yang terlihat pada gambar.
Beri judul, misal contact atau about.
Masukkan artikel Anda, kemudian publis.
Setelah Anda publish, maka secara otomatis Anda akan dibawa lagi pada halaman pages, seperti gambar di bawah.
Ambil linknya pada view, bisa dengan cara langsung dibuka atau klik kanan kemudian copy link location.
Maka kurang lebih Anda akan mendapatkan link seperti ini:
http://www.yogie-56.blogspot.com/p/contact-me.html
Letakkan linknya pada menu yang Anda kehendaki, bisa pada sedebar atau pada
menu navigasi horizontal.

Semoga bermanfaat, Jangan lupa tinggalkan jejak ya sob :)

Cara Membuat Related Post Di Bawah Posting

2013-03-13T10:06:00.002+07:00

Cara Membuat Related Post Di Bawah Posting - Relate post ini lebih sering dijumpai berada di bawah posting, walau sebanarnya bisa juga diletakkan pada sedebar.
Kegunaan related post ini sangat penting bagi pengunjung guna mencari artikel terkait atau yang berhubungan dengan artikel yang sedang mereka baca.

Jika di blog Anda belum terdapat related post, Anda bisa memasangnya pada blog Anda. Jika ingin memasangsya Anda bisa ikuti bagaimana cara membuat related post di bawah posting.

Di bawah ini adalah kode related post yang bisa diterapkan pada template blog.
Pertama yang harus Anda lakukan adalah login ke blog Anda.

Pilih blog yang ingin Anda pasang related post.
Pilih template.
Kemudian pilih edit HTML.
Beri tanda pada Expand Widget Template.
Cari kode :
]]></b:skin>
Letakkan kode warna hijau di bawahnya, hingga hasilnya sepeti ini:
]]></b:skin> <b:if cond='data:blog.pageType == "item"'>
<style type='text/css'>
#related-posts {float:center;text-transform:none; height:100%;padding-top:15px;padding-left:5px;border: 8px double #FFCC66; margin-top:20px;}
#related-posts .widget {padding-left:5px;margin-bottom:10px;}
#related-posts .widget h2, #related-posts h2 {font-size:1.6em;font-weight:bold;color:#CC6600;font-family:Arial, Verdana;margin-bottom:0.75em;margin-top:0em;padding-top:0em;}
#related-posts a {color:#;}
#related-posts a:hover {color:#;}
#related-posts ul {list-style-type:none;margin:6px 0 10px 12px;padding:0;text-decoration:none;font-size:13px;}
#related-posts ul li {list-style-type:none;margin-bottom:5px;padding-left:25px;padding-top:0;display:block;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcjvYK1QCL3LustDlffjmdJytF58rrGH9dHswU8iuP4mT2SV1LVfz4xLSrR-lfAUFqAnhiljAVUCHoqrZt-ka6dhkyj_u8Ju8F0pJuWIzW3sKEl_-62OMf-4UGLQFOMaS_KwcnjnAsJtM/s1600/relatedpost.png) no-repeat;}
</style>
<script type='text/javascript'>
var relatedpoststitle="Related POST";
</script>
<script src='http://nimbuzzin.googlecode.com/files/relatedpost.js' type='text/javascript'/>
</b:if>
Kemudian mouse Anda gulir ke bawah dan temukan kode seperti ini :
<div class='post-body entry-content'>
<data:post.body/>
Letakkan kode warna hijau di bawahnya, hingga hasilnya seperti ini :
<div class='post-body entry-content'>
<data:post.body/> <div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=5"' type='text/javascript'/></b:loop>
<script type='text/javascript'>
var maxresults=7;
removeRelatedDuplicates();
printRelatedLabels("<data:post.url/>");
</script>
</div>
Kemudian Preview atau pratinjau.
Setelah dirasa aman baru Save template.

Oke sob sambil di coba, sambil minum kopi :), Juga Jangan Lupa Tinggalkan Jejak Sob .. :)

Cara membuat Form "Email Subscriber" / "Berlangganan Lewat Email"

2013-03-13T09:52:00.001+07:00

Cara membuat Form "Email Subscriber" / "Berlangganan Lewat Email" - Hay sob kali ini saya akan berbagi Cara membuat Form "Email Subscriber" / "Berlangganan Lewat Email" . Oh ya, tapi sebelum ke TKP perlu saya dijelasin dulu nih apa fungsi dari form tersebut. Form tersebut fungsinya adalah untuk mempermudah para pembaca blog kita agar bisa berlangganan atau mendapatkan info terbari postingan kita melalui email mereka. Jadi jika memposting artikel baru maka para pelanggan/pembaca yang sudah memasukkan email mereka melalui form tersebut akan secara otomatis mendapatkan kiriman email yang berisi postingan terbaru kita. Mudeng ra? wes pokoke ngono lah.
Beginilah cara membuat form "Email Subscriber" tersebut :

1. Kunjungi situs ini : http://www.feedburner.com

2. Saat pertama kali datang kamu akan langsung disodori kotak untuk mengisikan alamat feed blogmu yang akan dibakar :D

3. Biasanya alamat feed blog kamu seperti ini http://NAMABLOGMU.blogspot.com/feeds/posts/default , ganti tulisan NAMABLOGMU dengan nama alamat blogmu.

3. Isikan nama feed blogmu tadi dalam kotak yang disodorkan tersebut, jika blogmu itu isinya hanya video2 maka beri tanda centang pada kotak "I am a podcaster", jika tidak ya gak usah dicentang. Kemudian klik tombol "next"

4. Setelah itu kamu akan disodori lagi dengan form pendaftaran, isikan data2 yg diperlukan disana, trus klik tombol "Activate Feed"

5. Nha kalo berhasil nanti akan ada informasi "Congrats! your ......".

6. Dibawahnya akan ada tombol "Next" dan link "Skip directly to feed management" kali ini pilih yang link "Skip directly to feed management", sebenarnya lewat tombol "next" bisa sih tapi biar seru kita lewat jalan lain aja.

7 Kemudian nanti akan ada beberapa menu, kali ini pilih menu "Publicize"

8. Setelah itu disebelah kiri akan muncul beberapa menu. PIlih menu "Email Subscriptions".

9. Kemudian klik tombol "Activate"

10. Nha setelah itu nanti akan ada beberapa kotak yang berisi kode2. Nha kalo km pinginnya yang berbentuk form maka pilih kode yang ada di kotak "Subsciption Form Code".

11. Copy kode yang ada dalam kotak tadi, trus klik tombol "Save" untuk mengaktifkan layanan tersebut.

12. Cara pasangnya, Login ke blogger, pilih "layout --> Add a Gadget --> HTMl/Java Script" nha paste kode yang sudah kamu copy tadi disana.

Sekarang coba dilihat blogmu, udah ada kan form untuk "Email Subscriber".

Trus kalo mo nampilin jumlah reder yang berlanganan gini caranya :
- Login ke feedburner kemudian pilih feed blogmu
- Trus masuk ke menu "Publicize --> FeedCount" nha disitu scriptnya yang harus km copy dan pasang di blogmu.
- Selsai

Sekian dulu sob artikel kali ini, Semoga bermanfaat ^_^, Jangan lupa tinggalkan jejak ya sob :)

Cara Membuat Kotak Blogroll dan Marquee

2013-03-13T09:35:00.000+07:00

Cara Membuat Blogroll dan Marquee - Oke sob untuk kali ini saya akan bagikan trik Cara Membuat Blogroll dan Marquee, untuk trik ini ada dua macam kotak blogroll yang akan kita buat, terserah kamu mo pilih yang mana. Kotak blogroll-nya yaitu:

1. Kotak Blogroll Model Textarea

Contohnya seperti kotak blog roll seperti punyaku itu, itu lho yg atasnya ada tulisanya "Friend links"
Nha begini cara membuatnya :
Pasang code berikut ini di kedalam element kamu (Page Elements --> Add a Gadget --> HTML /Javascript)

<div style="border: 1px solid rgb(153, 153, 153);
overflow: auto;
width: 200px;
height: 200px;
text-align: center; ">

#link1 <br />
#link2 <br />
#link3 <br />
#link...

</div>

keterangan:
- Kode width: 200px; dan height: 200px; adalah ukuran lebar dan panjang kotak, kamu bisa merubahnya dan menyesuaikanya dengan ukuran yg kamu suka.
- Ganti tulisan "#link1,#link2, #link3 dst" dengan daftar link-link kamu, oh ya itu juga bisa diisi dengan banner link.
- Jika kamu pingin daftar link-linknya berjajar kayak punyaku, maka hilangkan kode <br />

2. Kotak Blogroll Model Marquee

Kotak ini juga mampu menampung banyak link dalam tempat yang sempit. Namun kotak blog roll ini berbeda dengan kotak yg diatas, karena kotak yang ini tidak memiliki rollbar (yg biasanya disebelah kanan trus ditarik keatas kebawah itu lho). Link-link ato isi didalam kotak ini akan bergerak/berjalan, bisa vertikal ato horizontal. Nah gini nih cara buatnya:
Pasang code berikut ini di kedalam element kamu (Page Elements --> Add a Gadget --> HTML /Javascript)

<MARQUEE align="center" direction="up" height="100" scrollamount= "2" onmouseover='this.stop()' onmouseout='this.start()' width="95%" >

#link1 <br />
#link2 <br />
#link3 <br />
#link...<br />

</marquee>

Keterangan :
- Kode "up" itu menunjukan arah pergerakan, kamu bisa menggantinya dengan down, left, right (udah mudeng to artinya, gak usah dijelasin ya).
- Jika kamu menggantinya dengan pergerakan horizontal (left ato right) maka hilangkan kode <br />.
- Angka "100" menunjukkan tinggi dari kotak blogroll kamu. Semakin banyak angkanya maka semakin tinggi pula ukuran blogroll.

OK SOB SEMOGA BERMANFAAT..., Jangan lupa tinggalkan jejak ya sobat :)

Cara Mengganti Icon Pada Address Bar

2013-03-11T20:52:00.000+07:00

Jika kita membuka suatu website atau blog maka seringkali kita menjumpai ada sebuah gambar atau icon pada address bar (kotak untuk mengetikkan alamat web). Dan jika kita punya blog di Blogspot maka icon default yang akan tampil adalah gambar seperti ini :
Bagi kamu yang tidak puas dengan icon/gambar tersebut, kamu bisa menggantinya dengan gambar sesuai dengan keinginanmu. caranya sangat mudah, yaitu dengan membuat gambar (gif, jpg, ico, dan lain2) dengan ukuran kira2 24x42 pixel sampai 32x32 pixel (sebenarnya ukurannya bebas sih, tapi biar filenya kecil dan proses membukanya cepat). Setelah itu .....
masuk ke "Layout --> Edit HTML" trus tempatkan script berikut sebelum kode </head>

<link href='http://i1309.photobucket.com/albums/s630/Yogie_Firmansyah/icon56_zps60676a3c.png' rel='SHORTCUT ICON'/>

ganti huruf yang dicetak tebal dengan lokasi gambar dimana kamu menyimpannya. Kamu bisa menyimpan gambarmu di 000webhost atau bisa juga di photobucket dan juga di imageshack atau kalo kamu tidak mau pusing dibawah ini ada beberapa contoh icon/gambar beserta dengan linknya.

http://img87.imageshack.us/img87/5862/image1an1.gif
http://img110.imageshack.us/img110/6218/image2ie0.gif
http://img98.imageshack.us/img98/9617/image3cr0.gif
http://img134.imageshack.us/img134/633/image4hx4.gif
http://img139.imageshack.us/img139/83/image5oa7.gif
http://img509.imageshack.us/img509/6449/image6fu0.gif
http://img527.imageshack.us/img527/6543/image7go9.gif
http://img507.imageshack.us/img507/5774/image8wn8.gif
http://img412.imageshack.us/img412/3808/image11pc0.gif
http://img100.imageshack.us/img100/4658/image12du2.gif
http://img145.imageshack.us/img145/7793/image14zg9.gif
http://img412.imageshack.us/img412/4403/image15jc7.gif
http://img264.imageshack.us/img264/7575/image16kn8.gif

Semoga bermanfaat sob ^_^ , Jangan lupa tinggalkan jejak ya sob :)

Triks Cara Mempercepat loading Blog

2013-03-11T16:44:00.002+07:00

Hay sobat, Kali ini saya akan menerangkan tentang "Cara Mempercepat Loading Blog". Sebuah blog yang memiliki loading dengan cepat merupakan suatu dambaan bagi setiap blogger. Karena sebagai pemilik blog,ini merupakan salah satu langkah untuk memberikan yang terbaik untuk pengunjung. Jika blog yang kita miliki ternyata dalam menampilkannya "lelet" maka bukan tidak mungkin pengunjung blog tersebut malas untuk menunggu dan berkunjung lagi ke blog milik kita. Perlu diketahui, jaringan internet yang pengunjung pakai mungkin ada yang "ngebut" dan mungkin juga ada yang "lelet".

Untuk mengakali loading biar mempunyai loading yang cepat memang diperlukan langkah-langkah yang tepat untuk mempercepat loading blog. Dalam perkembangannya,pemilik blog dalam usaha untuk mempercepat loading blognya mereka biasanya menghapus beberapa widget/gadget yang dianggap tidak terlalu penting yang ada di blog mereka. Memang cara ini berguna untuk memperkecil unkuran blog sehingga secara otomatis akan mempercepat loading blog. Banyak yang beranggapan bahwa jika sebuah blog yang memiliki ukuran berat yang kecil maka loading blog itu akan menjadi cepat. Dengan kata lain semakin kecil ukuran berat sebuah blog maka akan semakin cepat pula proses loadingnya.

Namun jika ternyata widget/gadget yang ada di blog sobat adalah widget/gadget yang penting dan harus ada di blog dan sobat tidak mau untuk mengahpusnya, maka bagaimana caranya untuk bisa mempercepat loading blog? Dalam masalah ini, sobat tak perlu kuatir karena sobat masih bisa mempercepat loading blog tanpa mengahapus beberapa widget yang ada di blog.Untuk mengetahui caranya,silahkan ikuti langkah-langkah seperti di bawah ini :

1. Silahkan kunjungi http://www.webtoolhub.com/tn561353-website-speed-test.aspx untuk mengetahui seberapa cepat loading blog sobat

2. Login ke Blogger

3. Klik Template

4. Klik Edit HTML

5. Klik Lanjutkan

6. Cari kode </head> dengan cara tekan ctrl+F di keyboard

7. Copy kode di bawah ini dan letakkan di atas kode </head>

<script charset='utf-8' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script src='http://cuerosb.googlecode.com/files/cueros%20-lazyload.js' type='text/javascript'/>
<script charset='utf-8' type='text/javascript'>
$(function() {
$("img").lazyload({placeholder :
"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIHoIGo3rN4ouco671UobK5P_cuiY991hR8cE-bP-MI79Td2FxXd3AJYNuavaFXYfasOZxIWuFc2hnJTRz9GXzia4bWmVC69Xw-1uKqkN-z6MU99JwOeZ6kQYicscJNAFbL4jYDTf5iRg/",threshold
: 200});
});
</script>

8. Klik Pratinjau

9. Setelah klik Pratinjau,jika tampilan blog sobat tak ada yang janggal(baik-baik saja) silahkan klik Simpan Template

10. Namun jika setelah klik Pratinjau tampilan blog sobat ternyata "rusak" ada yang "cacat" silahkan klik Kosongkan Hasil Edit terus klik Simpan Template 11. Silahkan kunjungi lagi http://www.webtoolhub.com/tn561353-website-speed-test.aspx untuk mengetahui apakah blog sobat telah berhasil untuk dikurangi waktu loadingnya..

Semoga bermanfaat ^_^ , Jangan lupa tinggalkan jejak ya sob :)

Trik Internet Gratis Smartfren Terbaru Maret 2013

2013-03-11T10:15:00.001+07:00

Trik Internet Gratis Smartfren Terbaru Maret 2013 - untuk SMARTFREN saya anjurkan menggunakan kartu perdana KWIK atau SMARTFREN SOCIAL yang bisa gratis akses Facebook dan twitter dan masih dalam masa aktif

untuk AHA terserah kartu mati juga gak pa2…
download dulu toolsnya disini : EvdoHack.zip

software ini saya packer dengan MEW jadi akan terdeteksi virus di beberapa AV.. false alarm kok santay aja…
Virustotalnya disini : http://adf.ly/KdDWk

caranya cukup simple pertama Koneksikan modem agan seperti biasa lalu setting proxy pada browser anda dengan proxy 127.0.0.1 port 8080 misal firefox klik Tools – Option – Tab Advanced – Tab Network – Setting- Manual Proxy Configurations isi proxy dan portnya dan jangan lupa centang use thi proxy server for all protocol seperti di gambar ini :

Buka file EVDO HACK.exe di situ ada 2 provider yakni smartfren dan aha dan 2 channel yakni proxy only dan Koneksi Langsung… jika agan ingin langsung bisa ngenet gratis pilih pada channel koneksi langsung dan pilih salah satu provider yang agan pakai misal smartfren.. lalu klik tombol START contoh :

SELAMAT SURFING GRATIS…
dan guna dari channel proxy only itu untuk misalnya mau agan gabungkan dengan ISPCE, Proxomitron, ultrasurf atau tools phreak yang lain…
NB : Channel Koneksi Langsung tidak dapat di gabungkan dengan software Phreak yang lain…

Cara KE-2. SOFTWARE FICE SF 1.0 ini merupakan penggabungan coding dari applikasi semacam ISPCE,PROXOMITRON,ULTRA SURF,PROXIFIER,BITVISE TUNNELIER dll. sehingga memudahkan anda mengoperasikan software internet gratis,tidak perlu mengotak-atik setingan seperti front query,back query,host,proxy dsb. semuanya sudah di set dalam program ini,program ini menggunakan 2 browser yaitu : Mozila dan Google Crhome…!Mozila digunakan untuk berselancar atau browsing di ip lokal dengan kecepatan mulai dari 240kbps-2,5mbps tergantung dari lokasi dan sinyal anda, dan tidak mendukung https,ada sebagian situs yang masih di block. sedangkan google crhome digunakan untuk bypass firewall, dengan ip luar ,semua situs bisa di akses oleh google crhome ini , dikarenakan setingan google crhome anda sudah terseting otomatis dengan program ini lewat ultra surf. dengan kecepatan rata2 dari 240kbps-1,4Mbps.

Hasil Speed tes up to 1Mbps mulai dari Jam 00:00-12:00, untuk jam 13:00-24:00 saya mendapatkan kecepatan rata-rata 380-480kbps.
untuk download idm bisa sampai 2Mbps.Disarankan modem memakai cdma EVDO REV.A,atau Memakai Modem cdma REV.B ,kecepatan bisa dua kali lipat dari modem cdma REV.A., untuk pengguna Modem CDMA 1X .. kecepatan Rata-rata mulai dari 64kbps-200kbps
langkah 1 : Pengguna Dibawah generasi modem smartfren AC628 disarankan memakai simcard seperti : SMART FREN EXTRA, SMARTFREN LOKAL PLUS,agar lebih stabil. Pengguna Modem Smartfren AC628 disarankan memakai simcard SMARTFREN ANTI LELET/TERBARU atau memakai simcard SMARTFREN SOCIAL NETWORK yang mendukung Facebook.

langkah 2 : jalankan applikasi bawaan modem dengan username : smart,m8,wap,cdma , paswword mengikuti username. kalau ditempat saya lebih stabil menggunakan username : ” smart ,pada waktu 00:00 – 12 :00 , dan untuk jam 13:00-24:00 saya menggunakan username : wap.

langkah 3 : jalankan applikasi FICE SF 1.0, pertama klik start lalu proxyfier kemudian ultra surf .dan anda sudah bisa menggunakan internet secara gratis..! gunakan 2 browser , yaitu Mozila firefox untuk surfing ip lokal dengan no proxy , google crhome untuk bypass proxy dengan ip luar, dengan port forward lokal 9666 yang sudah ter set otomatis pada IE dan Google crhome .

langkah 4 : untuk download gunakan program IDM ( internet download manager ) , dan set Proxy : 127.0.0.1 port :9666. jadi anda bisa browsing di mozila menggunakan ip lokal dan download dengan ip luar menggunakan ultr surf , download memakai idm dan menggunakan ultra surf bisa lebih cepat di bandingkan memakai ip lokal, dikarenakan server ultra surf berada di bagian eropa. jika anda tidak memakai idm dengan konfigurasi di atas , download kadang gagal atau sama sekali tidak bisa download.

ok sob langsung aja sedot softwarenya disini :

Catatan :
1.Pulsa di wajibkan 0 rupiah.
2.sinyal minimal 1 bar
3.setingan fire fox harus no proxy
4.gunakan chrome plus untuk mempercepat surfing di ip luar.
5.set idm dengan proxi 127.0.0.1 port 9666 agar bisa download
6.ingat-ingat security question di yahoo/gmail dll.jaga-jaga untuk pertanyaan keamanan seperti facebook,poker,login yahoo, dll karena anda di anggap berada di luar indonesia,jika anda mrnggunakan browser google chrome. selamat mencoba …………!

Download FICE SF 1.1 Portable

Download Chrome

Cara Ke-3 #Alat tempurnya silakan di download
Kartu smartfren social
ISPCE
PD-proxy
config ispce
#Ok Sekarang Kita mulai Gunakan alat tempurnya.
1.Usahakan pulsa nol.untuk menghindari hal-hal yang tidak di inginkan.
2.install dan buka ispce
3.extract config ispce di folder ispce(default. C:\program files\ISPCE
4.load config ispce yang kamu extract tadi.
5.extract PD-proxy trus buka dan pergi ke pengaturan klik show advanced settings
6.klik pada tap parent proxy,centang enable parent proxy. isi IP:127.0.0.1 dan Port:8012
7.kembali ke halaman awal pada server pilih DEMO server. Server port pilih TCP
8.masukan username dan password kamu.jika belum punya daftar aja Disini
9.klik connect Download Config ISPCE

Cara Ke-4# Ok dah langsung saja trik ini masi menggunakan pendukung ISPce yang bisa download di sini .
Pertama:
1. Dialup number: #777 (Bisa juga *99# tapi cuma sebagian modem saja yang bisa mengganti no dialnya.)
2. Username: Pilih salah satu mana yang stabil (wap,cdma,smart)
3. Pasword: Pass mengikuti Username .

Kedua:
1. Isi FQ (Front Query): m.smart.telecom.co.id@
2. Centeng set proxy, set proxy: 10.20.27.250 atau 10.17.27.250
3. Port: Pilih salah satu (8080,8000,80)
4. Klik aplly setting, kemudian klik start
5. Setting browser menggunakan proxy: 127.0.0.1 port: 8088

Gimana sob ? Ribet baget ya sob xixixixi :D, dicoba saja dulu sob mungkin anda bisa berhasil dengan cara2 yang saya sampaikan :)

Hanya itu saja yang bisa saya sampaikan, Semoga mencoba dan semoga berhasil ya sobat ^_^

Untuk tanda terima kasih silahkan anda follow blog / like facebook / di comment / atau klik salah satu iklan yang tercantum, oke sob terima kasih atas kunjungan nya SEMOGA BERMANFAAT :)

Ashampoo Ashampoo Burning Studio 2013 v11.0.6.40 Full Version + Serial

2013-03-11T09:21:00.001+07:00

Hay sobat saya mau share software nih, software ini udah yang udah ga asing lagi, yaitu Ashampoo Burning Studio, produk ini yang kluaran terbaru lho sobat yaitu Ashampoo Burning Studio 2013 v11.0.6.40, software ini sobat dapat gunakan untuk keperluan burning, seperti burning data, music movie, dan lain-lain. Tidak hanya sebata itu saja Ashampoo Burning Studio ini dilengkapi dengan cover designer untuk mendesain cover CD/DVD.

Ashampoo Burning Studio 2013 Features:

Create data discs with optional autostart feature
Burn data to CDs, DVDs and Blu-ray discs
Update existing discs (multi-session)
Backup files across several CDs, DVDs or Blu-ray discs
Rip audio CDs to multiple formats
Burn music to several formats (MP3/WMA disc, audio CD)
Create HD and Full HD video discs
Duplicate CDs, DVDs and Blu-ray discs
Create and burn disc images
Erase rewritable discs
Create modified copies
Design and print covers and booklets

Screenshot :

Download Via Indowebster :

Ashampoo Burning Studio 2013 v11.0.6.40 Full Version + Serial

Semoga bermanfaat, jangan lupa tinggalkan jejak ya sobat :)

Merubah Title Blog dengan Title Postingan

2013-03-10T11:01:00.000+07:00

Perlu gak sih mengganti title/judul blog dengan title postingan?
Title blog biasanya berada didepan title postingan. Seperti yang dulu aku bilang, mengoptimalkan title itu akan mempengaruhi dalam membuat blog kita berada dalam top rank hasil pencarian search engine. Nha jika kamu menggunakan trik mengganti title blog kamu dengan title postingan maka hal itu akan lebih bagus lagi buat masuk ke jajaran depan search engine.

Bener gak sih?

Dulu ketika aku belum pake trik ini, ketika aku mencari di google dengan keyword "Cara Membuat Search Engine" maka hasilnya adalah sepeti ini:

Tapi sekarang ketika aku terapkan trik ini maka hasilnya menjadi seperti ini :

Nha tentunya orang akan lebih suka untuk memilih mengklik hasil seperti pada gambar yang kedua daripada gambar yang pertama, ya kan? dan kalo menurut yang ahli dalam SEO (Search Engine Optimization) katanya cara ini akan membuat blog kita menjadi lebih Search Engine Friendly. OK bagi yang pingin mencobanya silahkan ikuti langkah-langkah berikut ini:

1. Masuk ke "Layout-->>Edit HTML
2. Cari kode ini ;

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

( letaknya dibagian atas)

3. Kalo sudah ketemu ganti dengan kode berikut ini :

<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>

4. Trus simpan.

Untuk halaman utama titlenya akan tetap title blog. tapi jika km coba buka salah satu postinganmu maka nanti title postingmu akan menjadi title blogmu.

Selamat mencoba, Jangan lupa tinggalkan jejak ya sobat blogger .. :)

Cara Membuat Commments Box (Kotak Komentar) Haloscan

2013-03-10T10:38:00.001+07:00

Comments Box atau Kotak Komentar adalah suatu kotak yang berfungsi untuk memberikan komentar terhadap isi dari suatu artikel dalam sebuah weblog. Jika di Wordpress.com kotak komentar tersebut akan langsung muncul tepat di bawah artikel. Namun tidak halnya di Blogspot/Blogger, kotak komentar dilayanan blog ini hanya berupa link yang kemudian baru akan muncul kotak komentar bagi pengunjung yang mau memberikan komentar terhadap artikel tersebut, hal ini menyebabkan para komentator sedikit enggan untuk melakukannya karena merasa malas untuk membuka window baru yang tentu saja akan memerlukan sedikit waktu untuk membukanya. Sehingga para pengguna layanan Blogspot lebih sedikit menerima komentar dibanding dengan para pengguna layanan Wordpress.

WARNING : KARENA BANYAK BLOGGER YANG GAGAL MENGGUNAKAN TRIK INI DAN JUGA ADA YANG KEHILANGAN POSTINGNYA, JADI ANDA HARUS MEMBACKUP DULU TEMPLATE ANDA. YANG GAGAL MEMAKAI INI MUNGKIN KARENA ADANYA KETIDAKCOCOKAN DENGAN TEMPLATE YANG DIGUNAKAN. JIKA TERJADI HAL-HAL YANG TIDAK DIINGIINGINKAN SEGERA KEMBALIKAN TEMPLATE ANDA YANG LAMA. TAPI BANYAK JUGA KOK YANG BERHASIL, SEMOGA BERUNTUNG

Tapi bagi kamu yang memakai layanan Blogspot tidakperlu khawatir lagi karena trik berikut ini akan mengulas bagaimana caranya menambahkan kotak komentar atau comments box sehingga menjadi kotak komentar yang ada di Wordpress yaitu persis berada dibawah artikel caranya adalah dengan menggunakan layanan di http://www.haloscan.com. Satu hal yang perlu diperhatikan sebelum kamu menggunakan layanan ini yaitu "komentar-komentar terdahulu akan hilang", jadi pikirkanlah dulu sebelum kamu memakai layanan ini. Kalau kamu sudah yakin mau menerapkannya maka berikut ini dalah caranya:

Buka website http://www.haloscan.com.

Daftarkan diri kamu di website tersebut.

Setelah selesai lalu Login dengan username dan password yang sama dengan pada saat mendaftar.

Setelah login berhasil maka akan muncul beberapa menu. Pertama-tama pilih menu setting. Didalam menu Setting ada beberapa pengaturan yang harus disi silahkan atur sesuai dengan keinginanmu. Supaya kotak komentarnya muncul dibawah postingan, ganti status "open in popup window" menjadi "off". kamudian simpan.

Langkah selanjutnya yaitu pilih menu Template. Silahkan pilih mana yang kamu sukai, sebaiknya sesuaikan dengan warna blog kamu kemudian simpan.

Langkah berikutnya yaitu pilih menu Install

Beri tanda pada radio button di samping tulisan Blogger or Blogspot lalu klik Tombol Next

Klik Tombol Brows , silahkan pilih file template yang sudah dibackup. Kalau belum silahkan backup dulu. Jika belum tahuh caranya backup klik disini

Klik tombol Upload Blogger Template.

Jika sudah berhasil klik tombol Download New Template kemudian di save.

Pilih Template kemudian klik menu Edit HTML

Untuk Upload template klik tombol Brows. Masukkan template yang sudah didownload dari haloscan tadi lalu Upload kemudian simpan setting.

Coba buka buka web blog kamu dan lihat hasilnya. Sekarang kamu sudah mempunya kotak komentar seperti yang ada di wordpress.
Trus gimana caranya nampilin komen-komen terbaru biar bisa kelihatan di sidebar? caranya gampang, yiatu kembali ke haloscan trus pilih dashbord nha disitu kan ada recent comments trus dibawahnya ada link tulisannya gini "put this widget on your site" nha kamu klik link tersebut, setelah itu dibawahnya akan muncul kotak yang berisi kode. Copy kode tersebut dan pasang di blog kamu, gampang to?

Selsai Semoga Berhasil Sobat Blogger .., Jangan lupa tinggalkan jejak ya sobat blogger :)

Cara Menghilangkan Navbar (Navigation Bar)

2013-03-10T10:29:00.001+07:00

Navbar adalah fasilitas yang dimiliki oleh Blogger/blogspot, bentuknya berupa kotak kecil memanjang kesamping yang letaknya berada di bagian paling atas dari blog yang fungsinya antara lain untuk mulai melakukan Sign In/out atau bisa juga membuat Blog baru. Navigation Bar juga bisa digunakan untuk melaporkan kecurangan atau tindak kejahatan weblog yang dilakukan oleh seorang blogger, misalnya kontent blognya yang melanggar TOS atau hal-hal yang dianggap merugikan orang lain.

Namun ada beberapa blogger yang merasa akan lebih enak jika melihat tampilan blognya dalam keadaan bersih tanpa harus ada bagian mencolok di bagian atas blognya sendiri (NavBar). Karena itu, kadang para blogger menghapus NavBar tersebut. Pertanyaannya adalah: Apa tidak melanggar Term of Service (TOS) dari Blogger.com?
Sejauh ini, banyak blogger yang telah menghilangkan Navbar mereka dan tidak juga mendapat teguran dari blogger. Artinya, bisa dilakukan. Toh di TOS Blogger sendiri juga tidak ada aturan yang cukup detail tentang hal ini.

Nah, bagaimana menghilangkan Navigation Bar?
Ada beberapa penyedia template yang memang sudah tidak ada NavBar-nya. Namun bagi kamu yang memakai template yang masih ada NavBarnya dan ingin menghilangkannya maka inilah caranya.

1. Kamu harus Login dulu di Blogger.com / Blogspot.com
2. Trus Pilih Layout --> Edit HTML
3. Copy script berikut ke dalam tag head

#navbar-iframe {
display: none !important;
}

contohnya sebagai berikut :
-----------------------------------------------
Blogger Template Style
Name: Son of Moto (Mean Green Blogging Machine variation)
Designer: Yogie Firmansyah
URL: www.yogie-56.blogspot.com
Date: 23 Feb 2004
Updated by: Blogger Team
----------------------------------------------- */

#navbar-iframe {
display: none !important;
}

/* Variable definitions
====================

4. Kemudian simpan.

5. Selsai

Selamat mencoba masbro, Jangan lupa tinggalkan jejaknya sobat blogger ...:)

Cara Membuat Search Engine

2013-03-10T10:24:00.000+07:00

Tentu kita semua sudah tahu apa itu Search Engine (hari gini gak tahu apa itu search engine? cape' deeh...). Search Engine adalah ... bla.. bla..bla.. dst.
Saat ini Search Engine tidak bisa dipisahkan dalam dunia internet. Dengan Search Engine kita bisa mencari tahu tentang suatu hal yang kita inginkan sesuai dengan keyword yang kita ketikkan dan juga bla.bla..bla..... udah ah penjelasannya, yang mau dibahas disini adalah bagaimana caranya membuat search engine di blogger . Caranya sangat mudah, yaitu:

1. Login ke blogger terus klik Layout terus pilih page elements nha disitu kan banyak tulisan Add a page elements klik link tersebut dan sesuaikan dimana tempatnya menaruh search engine
2. kemudian pada layar baru yang muncul pilih HTML/Javascript kemudian copy/paste script/kode berikut ini di dalam kolom content.

<form action="http://nama-blogmu.blogspot.com/search"
method="get"> <input class="textinput" name="q" size="30" type="text"/> <input value="search" class="buttonsubmit" name="submit" type="submit"/></form>

Ganti nama-blogmu dengan nama blog kamu. Angka 30 menunjukkan panjang kotak (text box) semakin banyak angkanya maka semakin panjang textbox-nya

Selsai gampangkan ? Jangan lupa tinggalkan jejak ya sobat blogger :)

Cara Membuat Kategori / Label di Blogger

2013-03-10T10:18:00.000+07:00

Artikel-artikel yang diposting, kadang-kadang memang perlu untuk dikelompokkan atau dikategorikan sesuai dengan tema/topiknya. Dengan adanya pengkategorian atau pengelompokan artikel yang telah diposting dapat lebih mempermudah bagi para pembaca untuk memilih artikel mana yang ingin dibaca. Di Blogger untuk membuat kategori dikenal dengan istilah Label.

Dalam episode kali ini (kayak sinetron aja pake istilah "episode") saya akan mencoba membahas mengenai bagaimana cara untuk membuat kategori atau label. Pertama-tama yang harus kamu lakukan yaitu membaca "Bismillah" he..he.. :)
Login ke blogger lalu Klik Posting --> Edit Post

* Membuat Kategori / LabelPilih atau beri tanda centang pada artikel yang ingin diberi label/dikategorikan. Lalu pada Combo box (yang ada tulisannya "label action") pilih "New Label" lalu beri nama label tersebut.

jadi deh...

* Menghapus Kategori / Label
Beri tanda centang pada postingan yang ingin dihapus labelnya, trus klik combo box trus klik label dibawah tulisan "Remove label", Nha jadi deh....

* Mengganti Kategori / Label
Hapus dulu label yang ada, kemudian kasih label baru.

Trus bagaimana cara memasang/menampilkannya di blog?
Gini nih caranya:
1. Klik Template --> Page Elements
2. Tambahkan page elements kemudian pilih Label trus disitu atur sendiri

Selamat mencoba sobat :D

Jangan lupa tinggalkan jejak ya ssobat blogger :)

Trik Memproteksi Blog dari Penjiplakan

2013-03-10T10:11:00.000+07:00

Mungkin bagi sebagian para pemilik blog sering kali jengkel jika melihat artikel-artikel yang dibuatnya dengan memeras otak (emangnya cucian) tiba-tiba sudah ada di tempat blog milik orang lain, apalagi kalo disitu tidak disebutkan sumber asli dari artikel tersebut, pasti orang tersebut akan bilang "ANJRIT" :@ dan sumpah serapah yang lain (apa aja ya kata sumpah serapah?, aku taunya cuma itu doang, aku kan selalu ngomong yg baik2 jadi nggak tahu kata-kata kotor :D hooooeeeekkkkk..). Tapi mungkin bagi sebagian orang lagi sih nggak mempermasalahkannya, entah artikelnya diambil kek, di copy kek, di cekek kek "No Problem". Nha, kamu termasuk golongan yang mana nih? yang Protectif atau yang Cuekif (bahasa mana tuh "Cuekif"). Kalo kamu termasuk yang yang Protectif alias golongan orang yang artikelnya nggak mau dicuri orang, sini ikut saya , tak tunjukin jalan menuju sorga, eeh, maksudnya cara melakukannya.
Udah berdebar-debar ya?, nggak sabar nunggu ya? ya udah deh ini dia Tips dan Trik untuk memproteksi artikel dari pencurian...

pertama-tama kita panjatkan puja dan puji sukur kita kepada Tuhan YME. Walah malah pidato. Langsung aja deh
Pertama-tama kita panjatkan, walah kok itu lagi sih :@
Pertama-tama kita analisa dulu, biasanya kalo mau nyuri artikel kan ada beberapa cara nih, mulai dari menyeleksi tulisan yang mau dicuri kemudian di copy-paste. Atau melihat "Source Code"nya dengan meng-klik kanan dan lain-lain. Ada beberapa cara untuk mengatasi masalah tersebut, mulai dari cara yang mudah sampai cara yang sulit. Nha untuk Tips dan Trik kali ini kita akan mencoba menggunakan cara yang mudah saja, tapi ingat, cara ini hanya efektif untuk menghadapi maling kelas teri, jadi nggak akan mempan menghadapi para penjahat kelas kakap yang sudah banyak makan asam garam dunia internet (emangnya enak makan asam ama garam?). Tapi lumayan kan untuk berjaga jaga dari maling-maling kelas teri. Nha berikut adalah triknya...
copy script dibawah ini kedalam body kamu (lho? kok kedalam body sih?), maksudnya kedalam tag <body .....
begini deatil caranya:
pertama login dulu ke blogger, terus pilih Layout --> Edit HTML
cari kode ini <body> letaknya kira-kira di tengah bagian kiri, dan biasanya setelah kode </head> . perlu diperhatikan bahwa di dalam kode html terdapat banyak tulisan "body", jangan salah memilih body :D .
kalo sudah ketemu letakkkan script ini didalamnya

onmousedown="return false" oncontextmenu="return false" onselectstart="return false"

contohnya kayak gini nih

<body onmousedown="return false" oncontextmenu="return false" onselectstart="return false" >

Nha, script diatas untuk memproteksi agar text yang ada tidak bisa di seleksi untuk dicopy, dan juga tidak bisa di klik kanan.
trus bagaimana kalo kalo pencurinya lihat source code kita lewat menu-menu yang ada di web browser? misalnya yang pake Mozilla dengan cara Klik View -->> Page Source atau dengan menekan Ctrl+u. Nha untuk menakali masalah ini kita kita pakai cara licik aja, yaitu dengan menurunkan script html kebawah, caranya gimana tuh?
gini, taruh kursor/pointer ke atas tag <head> (letaknya dibagian atas), trus tekan enter sampai kira-kira 70 kali. Nha kalo pencurinya melihat source code kita, dia hanya akan melihat kode kepala dari html kita, sedangkan isi dari blog kita kan udah turun ke bawah, tul ga? :D
tapi ingat sekali lagi, ini hanya untuk pencuri kelas teri, walaupun diproteksi secanggih apapun, pasti tetap aja ada orang yang akan bisa membongkarnya, tapi kan setidaknya kita berjaga-jaga, ya tho?
Monggo di jajal..

NB : Kalo pake trik proteksi ini, maka untuk form-form isian seperti search engine, kotak komentar haloscan, shoutbox ogix. tidak bisa diisi. Jadi kalo memang tidak benar-benar diperlukan, jangan menggunakan trik ini. he..he.. :D

Cara Membuat Kotak Ngoceh (Shout Box)

2013-03-10T09:51:00.002+07:00

Kotak ngoceh atau istilah lainnya shout box, Say Box, Tag Board, dan Chatter Box adalah suatu kotak yang berfungsi untuk mengirimkan pesan-pesan pendek, namun bisa juga berfungsi sebagai tempat ngobrol (chatting). Dengan shoutbox, kita juga bisa mempromosikan blog kita, misalnya nih, kita datangi blog orang yang menyediakan kotak ini kemudian kita kasih komentar atau cuma sekedar salam di shoutbox mereka, lalu yang punya blog akan melihat di shoutbox, biasanya meraka akan balas mengunjungi blog kita. Nha gitu ceritannya. Biasanya kotak ngoceh diselipkan kedalam halaman web/blog dengan bahasa java Script. Bagi kamu yang jago pemrograman java script mungkin bisa membuatnya sendiri dengan membuat kode-kode yang memusingkan kepala. Namun buat kamu yang nggak jago nggak usah kuatir karena sekarang ini banyak situs internet yang menyediakan layanan ini, salah satunya yaitu Shoutmix . Caranya adalah sebagai berikut :

1. Buka situs Shoutmix Kamu harus mendaftar di situs tersebut, cara daftarnya gampang kok.
2. Jika pendaftarannya berhasil kamu langsung disuruh milih type shoutbox yang disediakan, terserah kamu milih bentuknya yang gimana. Klik tombol Continue
3. Setelah itu kamu akan mendapat ucapan "Terima Kasih" :D lalu klik link Go to My Control Panel Now
4. Disitu kamu bisa mensetting terlebih dahulu shoutbox kamu, misalnya Style & Color, Date & Time, dan lain-lain.
5. Jika sudah selesai klik menu Get Codes
6. Jika kamu pingin menaruh shoutbox di blog kamu pilih "Place Shoutbox on Webpage"
7. Atur lebar dan tinggi shoutbox di kolom widht dan hight
8. Kemudian Copy kode yang ada di dalam kotak "generated Codes"
9. Login ke blogger.com lalu pilih Layout kemudian Add Page Elements
11. Tambahkan element HTML/Javascript.
12. Paste Kode yang telah kamu copy dari shoutbox.com tadi di kotak "Content" lalu simpan.
13. Jadi deh.....

Jangan lupa tinggalkan jejak ya para sobat Blogger :)

Cara Membuat Dropdown Menu

2013-03-10T09:44:00.001+07:00

Para sobat blogger nah udah tahu kan? Dengan dropdown menu kita bisa mnghemat space/ruang di blog kita, karena dengan ukuran yang kecil seperti itu bisa menyimpan link dan text yang banyak. Itu bisa diisi dengan arsip, blogroll dll.
Gimana? Mau mencobanya?
Gini nih caranya :

Login ke blogger, trus masuk ke menu "Page Element" trus pilih Add page elements --> HTML/JavaScript. Kemudian masukkan script berikut ini di kocat "Content"

<select onChange="document.location.href=this.options[this.selectedIndex].value;">
<option value="0" selected>Arsip Blog</option>
<option value="Links 1">Text 1</option>
<option value="Links 2">Text 2</option>
</select>

Text yang berwarna merah adalah link. ganti text2 tersebut dengan link2 kamu.
Text yang berwarna biru adalah tulisan yang ditampilkan. Itu juga harus km ganti.

Contohnya seperti ini :

<select onChange="document.location.href=this.options[this.selectedIndex].value;">
<option value="0" selected>Arsip Blog</option>
<option value="http://trik-tips.blogspot.com/2008/01/membuat-menu-horizontal.html"> Cara Membuat Menu Horizontal </option>
<option value="http://trik-tips.blogspot.com/2007/12/cara-membuat-search-engine.html"> Cara Membuat Search Engine </option>
</select>

maka hasilnya akan seperti ini :

untuk menambahkan menu lagi, tambahkan kode seperti ini :

<option value="Links 2">Text 2</option>

sebelum kode </select>

Link dalam dropdown menu di atas jika di klik akan membuka link di halaman yang sama. Ini cocok untuk Arsip dan link-link yang masih berhubungan dengan blog tsb.

Ada satu tipe lagi yang jika diklik linknya maka akan membuka window baru tanpa menutup blog kamu. Yang ini cocok untu Blogroll atau Friend link.
Cara mambuatnya seperti diatas tapi ganti kode berikut

<select onChange="document.location.href=this.options[this.selectedIndex].val

ganti dengan kode ini :

<select onchange="javascript:window.open(this.options[this.selectedIndex].val

hasilnya akan seperti ini :

Selsai masbro ..,, gimana susah ga ?

Jangan lupa tinggalkan jejak ya para sobat Blogger :)

Cara Membuat Link Download

2013-03-10T09:24:00.002+07:00

Setelah beberapa kali mendapat pertanyaan tentang bagaimana cara membuat link download, akhirnya aku posting artikel ini.
Ok langsung aja, caranya sebenarnya sangat mudah, pertama taruh/upload file yang akan di download di webhosting, misalnya geocities, trus kamu buat script seperti ini:

<a href="http://www.geocities.com/kendhin_x/file.zip">download</a>

text yang dicetak tebal adalah alamat file tempat kamu menyimpannya, ganti text tersebut dengan alamat tempat file kamu.

Selsai,, gampang bgt ni mah para sobat blogger kalo yang tidak tahu boleh di tanyakan sama mbah dukun :D

Jangan lupa tinggal jejak ya para sobat blogger :)