Young Blogger Tutorials | Internet Marketing

Cara Membuat Favicon

2009-07-29T02:20:00.000+07:00

Assalamu’ alaikum para blogger mania.dalam pembahasan kali ini saya akan menjelaskan tentang cara membuat Favicon pada blog. Favicon adalah kepanjangan dari (favorite icon) yaitu icon kecil yang berada di samping alamat blog/addres bar. Contohnya seperti dibawah ini !

Huruf 'f' pada logo facebook itu dinamakan pavicon

Kalau begitu langsung aja kita buat !

1. Sediakan gambar yang akan dijadikan favicon,bisa dari gambar wajah sobat atau logo kreasi sobat sendiri

2. Setelah jadi anda harus mengubahnya menjadi gambar icon. Untuk itu anda bisa menggunakan Favicon
Generator. Silahkan lihat web nya dengan klik DI SINI !

3. Setelah masuk klik tombol browse

4. Masukkan gambar yang sudah dibuat untuk diubah menjadi gambar icon

5. Pilih tombol Generate Favicon

6. Setelah proses selesai, klik tombol Click Here to Download your favicon

7. Kemudian save dalam komputer anda

8. Langkah selanjutnya anda harus mengupload Favicon tadi ke tempat hosting gambar, contohnya di photobucket.com. Silahkan klik DI SINI !

9. Untuk Cara mengupload nya bisa dilihat di postingan saya DI SINI
10. Copy kode icon yang telah di upload tersebut pada kotak yang disediakan

11. Sekarang anda sudah mempunyai alamat URL dari Favicon anda. Sebagai contoh saya memiliki alamat URL seperti ini :

http://i591.photobucket.com/albums/ss359/saiin/favicon2.jpg

12. Kemudian anda harus mengganti kode tersebut mejadi seperti ini !

<link rel="shortcut icon" href="http://i591.photobucket.com/albums/ss359/saiin/favicon2.jpg"/>

13. Langkah selanjutnya login ke blogger.com

14. Pilih Layout/Tata Letak ---> Edit HTML

15. Cari kode </head> biar cepat tekan Ctrl+F

16. Kalau udah ketemu simpan kode favicon tadi persis di atas kode </head>

17. Untuk melihat hasilnya silahkan klik tulisan Pratinjau

18. Kalau udah siip, klik simpan template

19. Silakan lihat hasilnya

20. Semoga bermanfaat sobat.....

Cara Menghilangkan Navbar

2009-07-27T02:15:00.000+07:00

Pernah melihat gambar seperti dibawah ini pada tampilan blog??? letak nya pasti diatas header blog tidak pernah beralih kemana-mana.

dalam bahasa blogger di namakan navbar.Dalam bahasa jawa dinamakan ‘ndase blog’ hehe

Navbar blog bisa ditampilkan dan juga bisa tidak, karena sifatnya yang tidak begitu penting dan mungkin kurang bagus dilihat, kebanyakan para blogger menghilangkan navbar ini.Namun saran saya jangan di hapus demi menjaga TOS blogger.kalau sobat ingin menghapusnya tidak apa-apa.ga bakalan masuk penjara kok.berikut tutorial penghapusan navbar:

Login ke blogger dengan ID anda sendiri.
Klik Tata Letak.
Klik tab Edit HTML. .
beri tanda centang pada Expand Template Widget
Kemudian masukkan kode seperti ini dibawah kode <b:skin><![CDATA[:

#navbar{height:10px; visibility:hidden; display:none}

Selain cara di atas ada satu lagi cara agar navbar kita bisa otomatis mucul saat kursor menghadap navbar.akan tetapi juga bisa sembunyi manakala kursor tidak menghadap navbar.dalam bahasa inggris dinamakan Auto Hide pada Navbar Blogger

Untuk Membuatnya bisa mengikuti langkah mudah dibawah ini:

Login ke blogger dengan ID anda sendiri.
Klik Tata Letak.
Klik tab Edit HTML. .
beri tanda centang pada Expand Template Widget
Kemudian masukkan kode seperti ini dibawah kode <b:skin><![CDATA[:

#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}

Nah selesai sudah tutorialnya….

Semoga bermanfaat……

Cara Membuat Scroll Box (kotak Scroll naik turun)

2009-07-23T02:11:00.000+07:00

Pada Blog ini sobat akan mendapati elemen scroll seperti gambar dibawah ini:

kalau di tarik scroll nya maka isi dalam kotak scroll bisa naik turun dan tidak saling bertabrakan.hal ini dinamakan dengan scroll box.

Untuk membuat scroll box ( fungsi scroll ) seperti di atas sobat hanya perlu menambahkan sedikit kode HTML ke dalam elemen yang di inginkan.tidak terlalu sulit pokoknya.Monggo kita mulai saja…..

Kode yang dibutuhkan untuk membuat scroll adalah seperti dibawah ini:

isi halaman scroll

</div>

contohnya lengkapnya adalah sebagai berikut :

<li>1. <a href="http://www.zonasaiin.com/2009/03/cara-membuat-email-di-gmail.html">Cara Membuat Email Di Gmail</a></li>
<li>2. <a href="http://www.zonasaiin.com/2009/03/tutorial-membuat-email-di-yahoo.html">Cara Membuat Email Di Yahoo</a></li>
<li>3. <a href="http://www.zonasaiin.com/2009/02/cara-membuat-blog-di-blogspot-secara.html">Cara Membuat Blog Yang Benar</a></li>
<li>4. <a href="http://www.zonasaiin.com/2009/05/cara-memposting-artikel-di-blogger.html">Cara Memposting Artikel Blog kita</a></li>
<li>5. <a href="http://www.zonasaiin.com/2009/05/tab-editor-blogger-untuk-posting.html">Tab Editor Posting Blog</a></li>
<li>6. <a href="http://www.zonasaiin.com/2009/08/tab-editor-baru-pada-blogger.html">Tab Editor Baru Dari Blogger</a></li>
<li>7. <a href="http://www.zonasaiin.com/2009/04/cara-menambahkan-social-bookmark-di.html">Cara Menambahkan Social Bookmark</a></li>
<li>8. <a href="http://www.zonasaiin.com/2009/03/cara-memasang-page-rank.html">Cara Memasang Page Rank Blog</a></li>
<li>9. <a href="http://www.zonasaiin.com/2009/02/cara-mengganti-template-blogger.html"> Cara Mengganti Template Blogger</a></li>
<li>10. <a href="http://www.zonasaiin.com/2009/02/cara-merubah-mengganti-gambar-header.html">Cara Mengganti Gambar Header</a></li>

</div>

overflow:auto; » kode ini agar tercipta scrolling atau penggulung halaman apabila isi dari halaman tersebut sudah melampaui batas tinggi atau lebar yang telah di tentukan.

width:300px; » adalah lebar kotak scroll.silakan di sesuaikan dengan lebar sidebar sobat.

height:200px; » adalah tinggi scroll.silakan di sesuaikan dengan lebar sidebar sobat.

padding:10px; » jarak agar tulisan yang ada dalam halaman tersebut tidak menabrak dinding halaman, silakan di sesuikan. contohnya : padding:3px; atau 5px

border:1px solid #eee » garis yang mengelilingi bentuk kotak.di sini saya buat 1px, kalau kurang tebal bisa di tambahkan menjadi 3atau5px.kalau tidak suka berkotak maka tinggal di hapus saja kode ini.tapi menurut saya bagus ada kotaknya kok….

Nah Untuk membuat fungsi scroll ini bisa dengan cara seperti biasanya

1. Login ke Blogger anda
2. Masuk pada Dasbor => Tata Letak => Klik Elemen Halaman
3. Silakan tentukan tempat yang di inginkan lalu klik Tambah Gadged
4. Pilih pada Edit HTML dan Masukkan kode di atas.
5. Jangan lupa di simpan ya…

SElesai…

Semoga bermanfaat…….

Menghilangkan Tanda Obeng dan Tang (quick edit)

2009-07-18T02:11:00.000+07:00

Kadang kala tanda obeng pada blog kita sedikit mengganggu pemandangan.Tapi kadang-kadang juga bermanfaat untuk mempercepat editing blog.Namun tidak ada hal yang paling baik kalau kita mengetahui cara agar hal tersebut dua-dua nya.bisa kita munculkan dan bisa juga suatu saat kita hilangkan.
iya kan?????

kalau bagi saya tanda obeng seperti gambar dibawah ini cocoknya di hilangkan kalau blog kita sudah tidak memerlukan editing lagi.kalaupun perlu hanya sekedarnya tidak terlalu banyak.Tapi lebih baik di tampilkan kalau blog kita masih dalam taraf edit-editan agar lebih cantik dikit seperti blog ini..hehehe

Nah untuk Menghilangkan Tanda Obeng dan Tang (quick edit) seperti gambar di atas, sobat blogger bisa mengikuti cara termudah se dunia….. silakan dilihat saja di bawah ini..:

Tambahkan kode seperti ini di atas kode ]]></b:skin>

.quickedit{
display:none;
}

Udah gitu aja… selesai tutorialnya…….

Mudah sekali bukan? atau masih bingung?? Seengkap nya begini :

Login ke blogger dengan ID anda sendiri.
Klik Tata Letak.
Klik tab Edit HTML.
Cari kode seperti ini :

]]></b:skin>
Copy paste kode berikut persis di atas kode yang tadi :

.quickedit{
display:none;
}
Klik tombol Simpan template.

selesai beneran kalau udah begini…..

semoga bermanfaat………

Menambahkan 3 Kolom Di Bawah Header

2009-07-15T02:06:00.000+07:00

Dua hari yang lalu saya sudah menjelaskan masalah yang berkaitan dengan header.Postingan saya kemaren lusa sudah cukup jelas tentang cara menambahkan kolom dibawah header, namun hanya sebatas satu kolom saja.Sekarang kita akan lebih membesarkan formatnya dengan menambahkan tiga kolom di bawah header agar lebih banyak space iklan yang kita miliki.Dan tentunya mengundang pemasang iklan untuk menempelkan iklannya di blog kita dan yang jelas uang akan mengalir dengan sendirinya.

Untuk kolom yang akan kita buat nanti bisa di lihat ilustrasinya pada blog saya sendiri.Yang mana tampilannya seperti dibawah ini:

Pada garis merah menunjukkan kolom yang akan kita buat nanti.Pada masing-masing kolom bisa di taruh iklan maupun Tutorial seperti punya saya.Yang jelas bisa dimanfaatkan nanti kalau sudah di buat.kalau belum di buat ya nonggo kita ikuti langkah-langkahnya di bawah ini..:

Silahkan login ke Blogger seperti biasanya.
Klik Tata Letak seperti biasanya.
Klik tab Edit HTML seperti biasanya.
Klik tulisan Download Template Selengkapnya seperti biasanya.( sudah biasa kalee…..)
Cari kode ]]></b:skin>.
Copy paste kode berikut persis di atas kode ]]></b:skin>

#tigakolom-box {
clear:both;
background:#a0c4dc url(http://i591.photobucket.com/albums/ss359/saiin/5X320.jpg)repeat scroll 0 0;
border-bottom:25px solid #003253;
}
.box-kolom {
padding: 10px;
font-size:12px;
text-transform:capitalize;
text-align:left;
line-height:1.7em;
}

Lalu cari kode seperti ini <div id='main-wrapper'>
Paste kode berikut diatas kode <div id='main-wrapper'>

<div id='tigakolom-box'>
<div id='box1' style='width: 300px; float: left; margin:0; text-align: left;'>
<b:section class='box-kolom' id='col1' preferred='yes' style='float:left;'>
<b:widget id='HTML2' locked='false' title='' type='HTML'/>
</b:section>
</div>
<div id='box2' style='width: 320px; float: left; margin:0; text-align: left;'>
<b:section class='box-kolom' id='col2' preferred='yes' style='float:right;'>
<b:widget id='HTML4' locked='false' title='' type='HTML'/>
</b:section>
</div>
<div id='box3' style='width: 320px; float: left; margin:0; text-align: left;'>
<b:section class='box-kolom' id='col3' preferred='yes' style='float:right;'>
<b:widget id='HTML7' locked='false' title='' type='HTML'/>
</b:section>
</div>
<div style='clear:both;'/>
</div>
</textarea></p>
Jangan lupa tekan tombol SIMPAN
Untuk melihat hasilnya, silakan periksa ELEMENT HALAMAN
Untuk Tambahan pengaturan agar tampilan bisa sedikit bagus bisa di tambah kan kode-kode berikut ini di bawah kode diatas:

.box-kolom h2{
color:#000000;
font-family:Arial,Tahoma,Verdana;
font-size:15px;
font-weight:bold;
margin:0 0 0px;
padding:1px 0 1px 2px;
text-transform:capitalize;padding: 1px;
text-align:left;
}
.box-kolom li{
background: url("http://i591.photobucket.com/albums/ss359/saiin/folder.gif") no-repeat 0px .20em;
list-style-type:none;
margin:1px 5px 5px 1px;
padding-left:17px;
border-bottom:1px dotted #cccccc;
}

12. .box-kolom h2 adalah pengatur Judul kotak elemen.disini di contohkan Tutorial Blogger Awam

13. .box-kolom li adalah pengaturan icon link yang ada di setiap judul artikel.lihat di dalam kotak ada gambar folder di depan setiap judul artikel.Nah gambar itu diatur dengan kode ini.

14. Selesai…..

15. Semoga bermanfaat……..

Menambahkan 1 Kolom Dibawah Header

2009-07-10T02:06:00.000+07:00

Pada pertemuan yang lalu kita sudah berhasil membuat Kolom di atas posting area.Sekarang kita akan membuat satu kolom di bawah header agar lebing fungsionable (lebih berfungsi) dan lebih efektif untuk menempatkan iklan dan sejenisnya.

Mari kita simak……

Kolom header biasanya singgle seperti ini…

tapi kita bisa menambahkan satu kolom lagi sehingga akan menjadi seperti ini :

Kolom tersebut bisa digunakan untuk menempatkan iklan-iklan 125x125 atau sejenisnya untuk meraup keuntungan dari hasil ngleblog kita…..

Maka utuk Menambahkan 1 Kolom Dibawah Header mari kita ikuti langkah sederhana ini.:

Login ke blogger dengan ID anda.
Klik TATA LETAK
Klik tab Edit HTML.
Klik Tulisan Download Template Lengkap, silahkan di backup dulu (penting).
Copy kode berikut, lalu paste di atas kode ]]></b:skin>

#1kolom{
margin:10px 0;
padding:1%;
width:98%;
}
Cari kode di bawah ini :

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidget="1" showaddelement="no">
<b:widget id='Header1' locked='true' title='test (Header)' type='Header'/>
</b:section>
</div>
Copy kode berikut lalu paste persis di bawah kode tadi :

<div id="1kolom">
<b:section class='header' id='1kolom' preferred='yes'/>
</div>
Klik tombol SIMPAN TEMPLATE.
Klik tab Elemen Halaman. maka akan berubah header anda menjadi seperti ini.
Silakan ditambahkan apa yang anda mau di bawah header ini… bisa iklan bisa juga gambar-gambar anda.. asal jangan menambahkan pisang goreng.kwkwkwkw
SELESAI….
SEMOGA BERMANFAAT

Membuat Kolom Di atas Posting Area

2009-07-08T02:05:00.000+07:00

Selamat pagi sobat blogger…… masih segar terasa menyinari pagi yang cerah ini…. Seperti biasanya saya selaku blogger mania ingin memberikan sedikit uneg-uneg tentang per blogger an dan trik membuat blog kita sedikit indah dari sebelumnya..

Kali ini kita akan Membuat Kolom Di atas Posting Area. sebagai ilustrasi silalakan perhatikan blog saya, di atas posting ada elemen putih kecil memanjang (lihat gambar dibwah)

Elemen itu sebenarnya ada isinya, tapi masih di pikir dulu isinya apa.. tahu, apa tempe, atau lumpia..hehe tapi yang jelas, elemen di atas posting sangat bermanfaat untuk

1. iklan PPC (paid per click )
2. Iklan banner
3. Menampilakan banner affiliasi yang kita ikuti
4. Dan lain-lain

Dan Untuk keperluan ini, kita akan menambahkan kode-kode singkat supaya bisa menjadi seperti blog saya.Yuk Mari kita mulai Membuat Kolom baru Di atas kolom Posting Area……

Silahkan login ke Blogger.
Klik Tata Letak
Klik tab Edit HTML.
Klik tulisan Download Template Selengkapnya Agar lebih aman kalau terjadi error.
Cari kode ]]></b:skin>.
Copy paste kode berikut persis di atas kode ]]></b:skin>.
.kolomposting{
width: 600px;
padding:10px 0px 10px 10px;
background:#fff;
margin:0px 0px 10px 0px;
text-align:left;
border:1px solid #cccccc;
}

.kolomposting.widget{
}
Scroll terus ke bawah, lalu cari kode berikut :

<div id='main-wrapper'>
paste kode berikut persis di bawah kode <div id='main-wrapper'> :

<b:section class='kolomposting' id='kolomposting' preferred='yes'/>
Klik tombol SIMPAN TEMPLATE.

Silakan lihat pada ELEMEN HALAMAN sobat. pasti akan ada kolom baru diatas kkolom posting area (kihat gambar dibawah ini) sobat langsung bisa menambah gadged pada tombol add a gadged semisal iklan atau kode PPC anda…

semoga bermanfaat…….

Cara Memasang Page Rank

2009-07-05T02:02:00.000+07:00

Selamat malam blogger mania.. pada pertemuan kali ini saya akan membahas tentang cara memasang page rank pada blog. Page Rank ini merupakan page rank dari search engine Google. Semakin besar nilai pada page rank, maka blog anda semakin terkenal. Berbeda dengan Alexa Rank semakin kecil nilainya, maka semakin banyak pengunjung pada blog anda.Contohnya bisa di lihat punya saya, karena masih belum ber rank tinggi, blog saya masih terbelakang dalam urusan rank.so harus kerja keras agar rangkingnya naik.

Oke kalau begitu to the point aja langsung aja kita buat :
1. Langkah pertama silahkan klik DI SINI !

2. Pilih menu Page Rank

3. Kemudian akan muncul 3 kotak :

- Kotak I : Isi dengan alamat blog anda. Contoh http://zonasaiin.com
- Kotak II : Isi dengan judul blog. Contohnya blog nya saiin
- Kotak III : Pilih kategori blog anda. Misalnya jika blog anda membahas tentang computer, maka pilih kategori computing/softwares

4. Kemudian klik OK

5. Setelah itu akan muncul sebuah kotak, beri tanda centang pada kotak di sebelah tulisan “I accept Policies & Conditions (FR)”

6. Lalu klik tombol “Safe Content”

7. Kemudian copy kode yang berada di dalam kotak dan beri tanda centang di samping tulisan “I accept Policies & Conditions (FR)”

8. Langkah selanjutnya login ke blogger.com

9. Pilih Layout/Tata Letak ---> Add Gadget/Tambah Gadget ---> HTML/Javascript

10.Paste kode yang sudah dicopy ke dalam kotak yang telah disediakan

11.Langkah terakhir klik simpan

12.Allhamdulillah.. selamat mencoba

Pasang Jam Di Sidebar Agar Blog jadi Cantik

2009-06-30T02:00:00.000+07:00

Agar blog anda tampak cantik dan menarik untuk di lihat, maka anda bisa memasang beberapa aksesori blog, salah satunya adalah dengan cara memasang jam. Jam ini bisa anda dapatkan secara gratis pada situshttp://www.clocklink.com

Silakan pilih-pilih.. mumpung gratis ga bayar….

Kalau sudah di pilih silakan lanjut dengan tutorial di bawah ini……………

Silahkan kunjungi situs http://www.clocklink.com
Jika sudah berada pada situs tersebut, silahkan klik tulisan Want a clock on your Website ?
Silahkan anda melihat-lihat dulu model dari jam yang tersedia, yaitu mulai dari Analog, Animal, Animation, dll
Jika di rasa sudah menemukan model jam yang anda sukai, klik tulisan View HTML tag yang berada di bawah jam yang anda sukai tadi
Klik tombol yang bertuliskan Accept
Pilih waktu yang sesuai dengan tempat anda di samping tulisan TimeZone. Contoh : untuk indonesia bagian barat pilih GMT +7:00
Set ukuran jam yang anda sukai di samping tulisan size
Copy kode HTML yang di berikan pada notepad
Paste kode HTML yang di copy tadi pada tempat yang anda inginkan
Selesai

Selamat mencoba.

Cara Membuat Flash label Cloud

2009-06-27T01:59:00.000+07:00

Kalau sobat memang suka yang bergerak-bergerak tentu sangat suka dengan tutorial ini… mengapa?? karena ini juga memberikan tutorial yang bergerak-gerak seperti angka putar.apakah itu? ini adalah Label Cloud..maksudnya Label kita tidak tegak lurus seperti punya saya.setelah memakai alat dibawah ini, Label sobat jadi bergerak-gerak.

Ikuti step ya di bawah ini
1. Log in
2. Klik Layouts
3. Klikk EDIT HTML
4. Cari kode dibawah ini atau yang mirip dengan nya.

<b:section class='sidebar' id='sidebar' preferred='yes'>

5. Setelah ketemu, masukin kode berikut ini di bawahnya.

<b:widget id='Label99' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='http://halotemplates.s3.amazonaws.com/wp-cumulus-example/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a></div>
<script type='text/javascript'>
var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0x333333");
so.addVariable("mode", "tags");
so.addVariable("distr", "true");
so.addVariable("tspeed", "100");
so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

6. Klik Save Template and lihat hasilnya atau klik disini untuk melihat buktinya.

7. Dibawah ini adalah default instalation dari flash label yang sudah kalian buat.

* Width is set to 240px
* Height is set to 300px;
* Background color is white
* Test color is grey
* Font size is "12"

8. Adapun Cara mengedit lebar dan tinggi labelnya

Cari kode dibawah ini

var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");

angka (240) itu lebar nya dan silakan rubah ukurannnya sesuai keinginan.
angka (300) itu tinggi nya dan silakan rubah sesuai keinginan

9. Cara mengedit background warna
cari kode dibawah ini:

var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");

kode (ffffff) itu warna background dan silakan ganti sesuai dengan keinginan.

10. Mengedit Warna Text

so.addVariable("tcolor", "0x333333");

kode HTML (333333) adalah warna text dan silakan ganti sesuai dengan keinginan.
11. Mengganti Ukuran Text

so.addVariable("tagcloud", "12'>");

angka (12) adalah ukuran text dan silakan ganti sesuai keinginan.
12. Selesai lagi deh dan SILAKAN melihat hasilnya lagi.

13. Semoga bermanfaat……..

Cara Menambahkan Gambar Pada Judul Artikel

2009-06-24T01:57:00.000+07:00

Bagi kawan yang suka Judul Artikel / Postingannya ada gambarnya bisa mengikuti tutorial dibawah ini.Tapi kalau tidak suka (seperti saya) ya tidak usah di kasih gambar, ntar malah amburadul hasilnya.

Pada prinsipnya sama saja, yaitu gambar tersebut di upload dulu di hosting gambar dulu semacam photobucket.com lalu kode nya diambil dan ditaruh di template kita.untuk lebih detail lihat tutorial dibawah ini…. perhatikan ya.. mudah kok

1. Log in ke blogger

2. Klik Layouts di Menu Dashboard

3. Klik Edit HTML

4. Beri tanda pada expand widget Template

5. Cari kode di bawah ini. (pake ctrl+F saja)

<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>

6. Letakan kode gambar yang sudah di upload tadi diantara <a expr:href='data:post.url'> dan <data:post.title/></a>

Sehingga kodenya jadi seperti dibawah ini:

<a expr:href='data:post.url'> <img src="kode HTML gambar" width="40" hight="40" border="0"> </img>  <data:post.title/></a>
<b:else/>

penambahan kode width="40" hight="40" border="0" dimaksudkan agar ukurannya sesuai denga tinggi rendahnya judul postingan kita.anda bisa merubahnya misalkan dengan 30 atau berapa terserah anda.

Penambahan kode    untuk memberi jarak antara gambar dan judul postingan.

7. Selanjutnya Klik Save Template

8. Silakan lihat hasilnya

9. Semoga bermanfaat…

Cara Menghilangkan Jumlah Angka Pada Label Blog

2009-06-22T01:54:00.000+07:00

Banyak cara untuk membuat blog kelihatan cantik, salah satunya dengan menghilangkan hal-hal yang membuat blog kelihatan tidak enak dilihat.

Salah satunya yang kurang enak dilihat adalah jumlah angka yang terdapat dalam label, seperti gambar di bawah ini;

Angka di label memang kurang sedap di pandang dan mungkin akan indah kalau angkanya di hilangkan, seperti dibawah ini;

Gimana??? cantikan dihilangkan angkanya kan. Mau tahu caranya, baca terus;

1. Log in seperti biasa ke blogger dengan ID kalian

2. Klik layouts di Dasboard Menu

3. Klik Edit HTML

4. Beri tanda check di Expand Widget Template

5. Cari kode di bawah ini

(<data:label.count/>)

6. kalau sudah ketemu, tinggal DIHAPUS deh kode di atas.

7. Klik Save template dan selesai.

7. Silakan check label blog kalian..

8. Semoga bermanfaat

Merubah Blogspot Menjadi Dot Com atau Custom Domain

2009-06-20T01:51:00.000+07:00

Hari gini masih menggunakan subdomain?? kurang yahuud rasanya… hehe…

saya mempunyai sebuah pepatah “selama domain anda masih ber embel-embel blogspot maka segitu juga harga blog anda“ tapi jangan hiraukanlah kata kata saya ini, karena tidak akan bermanfaat kalau anda bersikukuh memegang bendera blogspot dan tidak mau custom domain.Memang prinsip orang berbeda-beda, ada yang cinta banget terhadap embel-embel blogspot ada yang risih juga melihat embel-embel itu, (termasuk saya )

Jika anda merasa embel-embel blogspot masih kurang cantik maka segera ganti saja dengan domain lain.bisa .com atau .net atau .info atau .web.id atau .co.id atau yang lain sesuka hati anda.itu semua tergantung anda selaku peilik blog.kalau saya sendiri lebih suka domain berbayar dan terlihat wah kalau dipandang.entah isinya apa blog ini yang penting domainnya sudah dot com.kapan-kapan kalau sudah lama pasti penuh juga isinya. So bagi yang mau domain dot com MURAH MERIAH saya sarankan bergabung di SINI. Cuma dengan 90.000 Rupaiah saja anda sudah bawa pulang domain dot com untuk di custom di blogspot.

tapi kalau anda mau yang murah dan gratis bisa pakai domain co.cc yang notabene sekarang sangat populer itu bisa mendaftar di SINI.Kalau belum tau bener tentang domain co.cc bisa melihat langsung situsnya dan mendaftar langsung domain kesayangan anda.bisa dicontohkan domain saya di co.cc adalah www.zonasaiin.co.cc.bisa dilihat tuh forwardingnya

Kalau sudah mempunyai domain sendiri kan lega rasaya..nah sekarang tinggal custom ke blogger.gimana caranya?? ikuti cara-cara berikut:

1. Login dulu di blogger anda
2. Masuk dalam dasbor dan pilih pengaturan

3. Pilih tab publikasikan

4. Lalu pilih link domain kustom seperti gambar dibawah ini

5. Kalau sudah silakan pencet saja link beralih ke pengaturan lanjut. hal ini dikarenakan kita sudah
mempynyai domain sendiri.

6. Setelah itu masukkan domain yang sudah anda siapkan sebelumnya.disini saya contohkan domain saya yaitu www.zonasaiin.com.

7. gulir kebawah dan isikan kode verifikasi dan tekan SIMPAN SETELAN

8. Setelah tersimpan akan ada sebuah pemberitahuan kalau domain anda sudah siap di gunakan lihat gambar dibawah ini, tanda centang dan kata selamat menunjukkan domain zonasaiin.com sudah siap digunakan.kita tinggal menunggu max 24 jam saja untuk bisa di buka di browser.tapi pengalaman saya tidak segitu lamanya.cukup restart komputer setelah nyala langsung bisa dilihat blog saya.mungkin karena domainnya dafra di idwebspace yang memberikan layanan memuaskan

9. selesai………. SEMOGA BERMANFAAT……….

Menghilangkan Garis Bawah Link

2009-06-17T01:34:00.000+07:00

Ketika kita mengarahkan mouse ke sebuah link, maka akan ditampilkan garis bawah link tersebut. Kalau kalian merasa terganggu dengan garis itu atau ingin blognya kelihatan lebih cantik, kita bisa menghilangkannnya dengan sangat mudah!!
Ikuti caranya berikut ini:

Sebelumnya senyum dulu biar Seger… agar ga Ketahuan kalau abis putus cinta..

Masuk ke dasboard
Klik Layouts lalu pilih Edit HTML
Di halaman Edit HTML, cari kode seperti dibawah ini;

a:hover {
color: $mainVisitedlinkColor;
text-decoration:underline;
}

4. Lihat tulisan yang tebal, rubah script nya menjadi none seperti dibawah ini;

a:hover {
color: $mainVisitedlinkColor;
text-decoration:none;
}

5. Lalu klik Save Template

6. Sekarang silakan arahkan mouse nya kesalah satu link. Jika garis bawahnya hilang, maka prose diatas sudah berhasil.

Tab Editor Baru Pada Blogger

2009-06-15T01:34:00.000+07:00

Dulu saya menulis tentang Tab editor yang dimiliki oleh blogger.Sesuai dengan berkembangnya waktu dan zaman, maka tab editor yang pernah saya bahas dulu sedikit berubah dan sedikit ada tambahan.Nah sekarang saya akan membahas tentang tab baru yang dimiliki oleh blogger.Seperti apa ya?? mari kita ikuti sekilas info dibawah ini….

Untuk Mengatur tab editor anda menjadi lebih terkini (baru) ikuti langkah-langkah sederhana dibawah ini.

1. Seperti biasa, lakukan Login ke blogger anda terlebih dahulu

2. Pilih Pengaturan –> Dasar

3. Lalu Lihat di bagian Setting Global (berlaku untuk semua blog anda) dibawahnya ada tulisan Pilih editor entri.Silakan centang yang Editor yang diperbarui

4. Jangan lupa klik tombol SIMPAN SETELAN

5. Silakan cek kembali pada Posting—>> Edit Entri.Dan lihat perbedaannya dari editor anda sebelumnya.

6. Lihat juga Pengaturan komentar dan yang lainnya di bawah.sudah banyak berbeda dari yang lama.

7. Bandingkan editor yang lama dibawah ini dengan yang baru di atas.dan temukan kemudahannya…

8. Semoga bermanfaat……………

Tab Editor Blogger Untuk Posting Artikel

2009-06-13T04:39:00.000+07:00

Kalau tidak salah saya pernah menulis tentang cara memposting artikel.Akan tetapi saya hanya menjelaskan tentang step-step cara masuk de dasbor dan setting nya.Sekarang saya akan menjelaskan tentang Tab editor blogger.Tab editor blogger yang ada sekarang kurang lebih seperti dibawah ini.dan akan saya jelaskan sedikit cara penggunaannya, selanjutnya anda sendiri bisa mencobanya dengan sabar dan teliti.kalau ada halangan rintangan bisa panggil nama saya 10 kali nanti saya bantu..hehehe

--> Untuk merubah jenis huruf

--> Untuk merubah ukuran besar kecilnya huruf
--> Untuk Menebalkan huruf (Ctrl+b)
--> Untuk memiringkan huruf (Ctrl+i)
--> Untuk merubah warna huruf
--> Untuk membuat link ( blok tulisan lalu klik icon disamping)
--> Untuk membuat artikel menjadi rata kiri (left)
--> Untuk membuat tulisan menjadi di tengah (center)
--> Untuk membuat artikel menjadi rata kanan (right)
--> Untuk membuat artikel menjadi rata kiri dan rata kanan (justify)
--> Untuk membuat sub bahasan oleh angka
--> Untuk membuat sub bahasan oleh bullet
--> Untuk mengecek spelling
--> Untuk memasukan gambar(upload gambar)
--> Untuk membuat artikel dalam kode HTML
--> Untuk membuat artikel dalam mode Compose (biasa)
--> Untuk me review (melihat) artikel yang sudah ditulis sebelumnya.

Nah kalau masih kurang begitu mendalam tutorial ini, silakan dipraktekkan langsung di blog sobat sendiri.pasti kalau banyak belajar nanti akan hafal diluar kepala nama editor-editor di atas

Semoga bermanfaat…………….

Cara daftar dan upload foto di photobucket.com

2009-06-10T01:25:00.000+07:00

Aktifitas ngeblog pasti berkutat dengan foto dan gambar-gambar untuk mempercantik blog.Entah buatan sendiri atau tidak yang jelas mengolah foto dengan apapun ujung-ujungnya foto tersebut akhirnya di unggah (upload) ke dunia maya.Salah satu situs yang saya kira lumayan bagus dan profesional adalah photobucket.Tidak susah untuk mendaftar disana.Yuk kita ikuti langkah-langkahnya:

Masuk di http://photobucket.com atau klik disini

Daftar sebagai member dulu dengan meng-klik Join Now pada situsnya seperti gambar dibawah ini:

Isi kolom Username dan Password kamu yang mudah diingat karena Username dan Password dibutuhkan saat kamu login nanti.jadi jangan sampai lupa.Lalu klik Next Step seperti nomor4 pada gambar dibawah ini.

Nah langkah terakhir proses register di photobucket silakan isi kolom-kolom selanjutnya, lalu tekan tombol I accept. Sign me up! kalau sudah selsesai sekarang kita tinggal login:

Nah kalau sudah selesai begini tinggal upload foto kita ke dalam situs ini.

Klik tombol Choose files, pilih gambar yang ingin di-upload

Setelah proses upload selesai kita bisa meng-edit, memberi nama dan deskripsi gambar anda, kemudian tekan save and continue

Setelah loading selesai dan gambar kita sudah muncul, kita bisa mengambil kode HTML dan kode lain-lain untuk keperluan editing blogger atau keperluan lainnya.

Lihat gambar di atas,.panah paling atas adalah gambar yang kita upload tadi, sedangkan panah yang bawah menunjukkan kode HTML gambar kita.Kode tersebutlah yang sering digunakan untuk keperluan editing blog.

Semoga bermanfaat…

Cara Menambahkan Social Bookmark Di bawah Posting

2009-06-06T01:17:00.000+07:00

Coba sobat lihat gambar disamping pada blog ini.jika di klik akan kelihatan menu apa saja yang akan muncul sebagai alat bookmark.

widget ini adalah milik addthis.com yang sudah populer di kalangan netter termasuk saya dan anda juga.

Untuk memasang social bookmark ikuti langkah-langkahnya berikut ini:
1. Masuk ke web Addthis.com untuk mendaftar. Lihat gambar dibawah ini.

2. Isi data-data yang diperlukan dan klik create account .

3. Dan klik Get Your Button. Lihat gambar dan tanda panah di bawah ini.

4. Dihalaman Get Your Button, lihat gambar dan petunjuk berikut ini:

5. Klik Get Your Free Button dan akan muncul gambar dibawah ini

6. Dari gambar di atas , Silakan pilih kode HTML nya dan di copy. (yang diberi anak panah)
7. Login ke blogger -- Di dashboard klik Layouts dan Edit HTML.
8. Cari kode dibawah ini

<span class='post-backlinks post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.showBacklinks'>
<a class='comment-link' expr:href='data:post.url + "#links"'><data:top.backlinkLabel/></a>
</b:if>
</b:if>
</span>

<span class='post-icons'>

<b:if cond='data:post.emailPostUrl'>
<span class='item-action'>

9. Lalu paste kode dibawah ini di tengah-tengah kode </span> dan <span class='post-icons'>

<div><a expr:href='"http://www.addthis.com/bookmark.php?pub=wed_sam@yahoo.com&url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Bookmark and Share'><img src='http://s9.addthis.com/button1-bm.gif' width='125' height='16' style='border: 0px; padding: 0px' alt='Bookmark and Share' /></a></div>
<!-- AddThis Button for Post END –>

10 Sehingga hasilnya akan begini:

<span class='post-backlinks post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.showBacklinks'>
<a class='comment-link' expr:href='data:post.url + "#links"'><data:top.backlinkLabel/></a>
</b:if>
</b:if>
</span>

<div><a expr:href='"http://www.addthis.com/bookmark.php?pub=wed_sam@yahoo.com&url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Bookmark and Share'><img src='http://s9.addthis.com/button1-bm.gif' width='125' height='16' style='border: 0px; padding: 0px' alt='Bookmark and Share' /></a></div>

<b:if cond='data:post.emailPostUrl'>
<span class='item-action'>

11. Save template dan silakan lihat hasilnya.

12 Semoga bermanfaat…….

Add Video From YouTube To Blog

2009-06-05T15:02:00.000+07:00

Somebody ask to me, how to show video from YouTube or other website to post page such as this post. If you want to show a Video from you tube, that is very easy. Only need I little action from you. This is the steps to show a Video from You Tube :

Step #1

Please Check out http://www.youtube.com

Find your favourite video which you want to show

Look at to right side. Find → Embed. See the image :

Copy the code under embed. Paste at notepad or another text editor. Close youtube window if you want.

Step #2

Click New Posting.

Choose Edit Html tab (don’t at Compose tab)

Copy the code at the notepad (embed code) and paste at the column for posting.

Click Publish Post button

Done. Please see the results

This is the example a video from you tube :

Happy blogging.

Membuat Read More Untuk Template Klasik (Lama)

2009-06-04T01:17:00.000+07:00

Sobat tau maksud saya tentang Read More?? kalau belum tau silakan lihat gambar ini dulu…

Pada tulisan >>> Baca Selengkapnya diatas seharusnya di tulisin Read More seperti yang saya maksud, tetapi saya tidak suka kata Read More saya lebih suka >>> Baca Selengkapnya kok..hehehee

Tulisan itu tidak serta merta ada dan muncul begitu saja, harus dibuat dulu

disini akan saya bahas tentang membuat Read More bagi anda yang masih menggunakan template KLASIK. ingat hanya untuk TEMPLATE KLASIK…

Lebih jelas Silahkan ikuti langkah-langkah berikut :

Login ke blogger.com dengan id sobat
Klik menu bertuliskan Template
Klik menu Edit HTML
jangan lupa Donload template lengkap agar aman.kalau terjadi kesalahan tinggal dibalikin lagi
Copy kode HTML di bawah, kemudian paste di atas kode </style> :
<MainOrArchivePage> div.fullpost {display:none;} </MainOrArchivePage> <ItemPage> div.fullpost {display:inline;} </ItemPage>
Untuk selanjutnya, silahkan copy kodeini lalu paste setelah kode <$BlogItemBody$> :
<MainOrArchivePage><br/>
<a href="<$BlogItemPermalinkURL$>">Read more!</a>

</MainOrArchivePage>
Klik tombol yang bertuliskan SAVE SETTINGS
Kemudian klik menu Setting
Lalu Klik menu Formatting
Dibagian bawah menu tersebut ada kotak di samping tulisan Post Template, isi kotak kosong tersebut dengan kode di bawah ini :
<div class="fullpost"> </div>
kemudian jangan lupa klik tombol Save Settings
Selesai

Cara Posting Artikel

Agar memudahkan anda dalam memunculkan Read More perlu sedikit ketelitian.Lanjut ya…

Klik menu Posting
klik menu Edit HTML, secara otomatis akan tampak kode yang kita simpan tadi, yakni :

<div class="fullpost"> </div>
Tulis lah artikel anda sebelum kode <div class="fullpost">, dan simpan sisa tulisan ada setelah kode <div class="fullpost"> dan sebelum kode </div>
begini contohnya: misalkan saya menulis artikel sepeti dibawah ini:
Aktifitas ngeblok pasti berkutat dengan foto dan gambar-gambar untuk mempercantik blog.Entah buatan sendiri atau tidak yang jelas mengolah foto dengan apapun ujung-ujungnya foto tersebut akhirnya di unggah(upload) ke dunia maya.Salah satu situs yang saya kira lumayan bagus dan profesional adalah
<div class="fullpost">
dan tulisan yang ini adalah tulisan yang akan muncul ketika para pengunjung meng klik link yang bertuliskan Read more.
</div>
Aktifitas ngeblok pasti berkutat dengan foto dan gambar-gambar untuk mempercantik blog.Entah buatan sendiri atau tidak yang jelas mengolah foto dengan apapun ujung-ujungnya foto tersebut akhirnya di unggah(upload) ke dunia maya.Salah satu situs yang saya kira lumayan bagus dan profesional adalah.
Read more!

Sudah paham??? silakan dipelajari lagi dengan seksama..

semoga bermanfaat………….

Cara Merubah atau Mengganti Gambar Header

2009-06-02T01:17:00.000+07:00

Bosan dengan header lama?? di ganti aja biar kelihatan lebih fress dan cool

Caranya gampang kok.Silakan ikuti tutorial ini sampai habis pasti sukses

Sebelumnya siapkan gambar header anda terlebih dahulu.bisa di buat dengan photoshop atau dengan program editing foto lainnya.Gambar harus di sesuaikan dengan ukuran header anda agar hasilnya pas dan rapi.Setelah itu ikuti langkah-langkah ini:

1. Login di Blogger dengan akun anda

2. Pilih Dasbor

3. Pilih menu Tata Letak dan klik di Elemen Halaman (lihat gambar)

4. Dibawah Navbar ada tulisan judul blog anda.Itulah yang dinamakn header blog.Klik Edit

5. Pada tab Mengkonfigurasi Header pilih Telusuri untuk mencari file dari komputer anda.Dibawahnya ada penempatan untuk gambar header, pilih selain judul dan keterangan dan susutkan agar sesuai

6. Tunggu loading memutar sampai selesai.

7. Gambar header anda sudah terupload dan lihat hasilnya.Kalau ukuran gambarnya sesuai dengan ukuran maka hasilnya akan rapi.selanjutnya klik SIMPAN

8. Lihat hasilnya…

9. Semoga bermanfaat…

Cara Menambah Emoticon Di Shoutmix

2009-06-02T01:07:00.000+07:00

Anda suka tertawa?? kalau suka maka jawaban anda sama dengan saya.tapi alngkah baiknya tertawa anda di wujudkan dengan ekspresi yang aneh-aneh seperti gambar-gambar dibawah ini:

lucu kan??

untuk memperoleh gambar-gambar yang lain yang tidak seperti diatas bisa di cari lewat google dengan keyword anta lain= free moticon, free icon, MSN Icon, yahoo icon dan lain-lain yang berhubungan dengan icon.trus gimana langkah selanjutnya??

download icon-icon lucu yang sudah anda dapatkan tadi
upload lah di direktori penyimpanan gambar seperti photobukcket misalnya
ambil kode HTML nya.

TRUS APA GUNANYA???

seperti pada judul postingan kali ini kegunaa icon-icon tersebut adalah untuk dimasukkan ke dalam shoutbox chat dalam blog.contohnya kaya punya blog ini

pada kepala yang dilingkari itulah yang dinamakan icon.benda kecil itulah yang bisa diganti-ganti sesuka hati kita.saya kasih contoh utuk icon yahoo seperti yang bergerak-gerak di atas tadi kodenya adalah sbb:

<img src=http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif

width=34 height=18 border=0>

untuk dimasukkan kedalam shoutmix tidak perlu ditulis semua, cukup linknya

saja.jadi seperti ini:

http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif

kode-kode tersebut anda dapatkan kalau memakai kode asli bawaan yahoo.kalau anda mengupload gambar pada direktori pribadi tentunya kodenya tidak seperti itu.jadi disinilah letak permasalahannya.

nah kalau sudah ada kodenya tinggal memasukkan aja ke shoutmix.

untuk selanjutnya bisa diikuti cara dibawah ini..

Silahkan login di Shout mix dahulu
lihat menu Display, klik yang untuk Smiley
Tuliskan alamat gambar yang di inginkan pada kotak di bawah tulisan Smiley image URL.
Tekan tombol Add yang berada di sampingnya.
Ulangi cara ke 3 dan ke 4 apabila masih menginginkan gambar-gambar yang lain
Jangan lupa untuk Klik tombol Save Settings.

Selesai.

semoga bermanfaat

How To Add A Related Post Widget

2009-06-01T14:59:00.000+07:00

There is a reader of this blog who asked me on how to make a Related Post Widget in blogger. Well…can we make it? Don’t worry because I can make it for you and it is easy.

There are some advantages by adding related post widget in our blog; the readers will be able to find the articles that relate to the article they reading and it also gives an advantage for the blow owner because the readers can stay in the blog longer.

If you are interested in adding that widget, just read the guide below;

Log in into blogger with your ID
Click Layout
Click EDIT HTML tab
Click Download Full template. Please back up your template first
Please download the script first
Give a mark next to Expand Widget Templates and wait for a few seconds until the process is over.
Find the code below (focus on red code):
<div class='post-body entry-content'>
     <data:post.body/>
     <div style='clear: both;'/> 
   </div>
Copy and paste the script you have downloaded right under the code <data:post.body/>
Click SAVE TEMPLATE
Finish and check the result

The above steps are for those who still the original template and does not use read more feature. If you use a template that has been modified with Read More system just like my Blog, just follow the steps below;

Log in into blogger with your ID
Click Layout
Click EDIT HTML tab
Click Download Full template. Please back up your template first
Please download the script first
Give a mark next to Expand Widget Templates and wait for a few seconds until the process is over.
Find the code below (focus on red code): :
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/>
<a expr:href='data:post.url'><strong>Read more...</strong></a></p>
</b:if>
Copy the script you have downloaded, then paste you see below :
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
Paste Your Script here!
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/>
<a expr:href='data:post.url'><strong>Read more...</strong></a></p>
</b:if>
Click SAVE TEMPLATE
Finish and check the result

Good Luck!!!

Cara Memposting Artikel Di Blogger Yang Benar

2009-06-01T01:04:00.000+07:00

Guna Menambah postingan artikel kita di dalam blog kita memerlukan teknik khusus yang berkaitan dengan teori tulis menulis.Dan yang jelas teori menulis saya dengan anda tentunya sangat berbeda.Tidak menutup kemungkinan para blogger sangat malas menulis sendiri isi blognya dengan alasan malas dan kurang mengerti teori menulis dengan benar.bahkan para blogger pemula khususnya tidak begitu paham bagaimana caranya menambah tulisan atikel pada blog kesayangannya.Guna menjawab keluhan para blogger pemula yang terakhir di atas saya ingin memberikan sedikit tulisan yang berkaitan hal itu.silakan dibaca dengan santai…. karena hal itu sangatlah mudah..

1. Pertama kai masuklah ke situs Blogger dengan akun yang anda miliki.

2. Kemudian akan terlihat tampilan dasbor blog anda seperti dibawah ini.silakan klik ENTRI BARU

3. Lalu akan ada tampilan seperti dibawah ini.Lihat tab Posting dan Entri baru.dan perhatikan editor yang tersedia.(dilingkari merah) dengan mudah sobat bisa memahami simbol-simbol yang ada.

4. Setelah anda menulis dengan benar dan di koreksi, Dibawah tulisan sobat akan menemukan setting lebih lanjut tentang postingan anda.Perhatikan juga yang dilinkari merah.anda bisa meng aktifkan dan me non aktifkan dengan memilih option yang ada