Cara Menghilangkan Tanggal Posting

Disetiap Entri yang kita buat bila di review/dilihat pasti ada keterangan kapan kita memposting postingan tersebut ( tanggal posting ), namun ada juga yang merasa terganggu oleh adanya tenggal posting tersebut, nah aku ada tips nih buat ngilanginnya, tips ini aku dapet dari mas o-om ok deh langsung aja ke caranya :

1. Yang pasti Login dulu Ke BLOGGER
2. Pilih menu TATA LETAK --> EDIT HTML
3. Cari kode h2.date-header { dengan memencet tombol ctrl + f
5. Jika sudah ketemu tambahkan code script ini ( visibility: hidden; ) di antara kode berikut

Kalau masih belum mengerti lihat contoh nya dibawah ini !

h2.date-header {
margin:.3em 0 0;
padding:0;
font-size:80%;
color:#777;
height: 0px;
visibility: hidden;
}

OK semoga berhasil.... ;)

Cara Mengubah Background Pada Blog

Mungkin kalian pernah berkeinginan untuk mengubah background blog kamu dengan gambar yang kamu ingikan......? nah dalam episode kali ini saya akan menerangkan tentang bagaimana Cara Mengubah Background Pada Blog ada yang tertarik....? :o kalau ada ikutilah langkah - langkah berikut ini untuk mengetahui caranya :

1. login ke BLOGGER seperti biasa
2. masuk ke TATA LETAK --> EDIT HTML
3. Cari kode berikut menggunakan Ctrl + f

body {
background-color: $color;
margin: 0;
padding: 0;
text-align: center;
font: $bodyFont;
color: $textColor;

Tidak terlalu mirip pun tidak apa apa, yang penting ada yang mirip seperti contoh di atas

4. hapus pada tulisan background-color : $color; dan ganti dengan script berikut

background-image: url (http://url gambar kamu.com/image.jpg);


jadi keseluruhannya akan menjadi seperti ini

body {
margin: 0;
padding: 0;
text-align: center;
font: $bodyFont;
color: $textColor;
background-image: url (http://url gambar kamu/image.jpg)
}

5. klik tombol SIMPAN TEMPLATE

selesai deh...Selamat Mencoba ;)

Memasang Translate 24 bahasa

Di posting sebelumnya saya pernah membahas tentang memasang google translate 12 bahasa kalau belum baca (klik disini) Tapi kok sekarang translate lagi....? eitszz... tapi yang satu ini 24 bahasa lho.....! gimana keren bukan kalau kamu tertarik ikuti langkah - langkah berikut ini untuk memasangnya

1. Login ke BLOGGER seperti biasa
2. masuk ke TATA LETAK --> ELEMEN HALAMAN --> TEMBAHKAN GADGET
3. Copykan kode script di bawah ini ke dalam "CONTENT"

</p><div style="border: 1px solid rgb(153, 153, 153); margin: 15px; padding: 5px; text-align: center; background-color: rgb(255, 248, 175);">

<div style="border: 1px solid rgb(153, 153, 153); margin: 15px; padding: 5px; text-align: center; background-color: rgb(255, 248, 175);">

<a target="_blank" rel="nofollow" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cen&amp;hl=en'); return false;" title="Translate English to Arabic"><img style="cursor: pointer;" alt="Translate English to Arabic" src="http://tbn1.google.com/images?q=tbn:rLRZGysla--0ZM:http://www.zybe.hu/kepek/english_flag.gif" title="Translate English to Arabic" border="0" width="24" height="18" /></a>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&amp;langpair=en%7Car&amp;hl=en&amp;ie=UTF8'); return false;" title="Translate English to Arabic"><img style="cursor: pointer;" alt="Translate English to Arabic" src="http://i263.photobucket.com/albums/ii150/mohamedrias/Arabic_Flag.png" title="Translate English to Arabic" border="0" width="24" height="18" /></a>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&amp;langpair=en%7Czh-CN&amp;hl=en&amp;ie=UTF8'); return false;" title="Translate to Chinese (Simplified) BETA"><img style="cursor: pointer;" alt="Google-Translate-Chinese (Simplified) BETA" src="http://i263.photobucket.com/albums/ii150/mohamedrias/_chinese_s.png" title="Translate to Chinese (Simplified) BETA" border="0" width="24" height="18" /></a>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&amp;langpair=en%7Cbg&amp;hl=en&amp;ie=UTF8'); return false;" title="Translate English to Bulgarian"><img style="cursor: pointer;" alt="Translate English to Arabic" src="http://i166.photobucket.com/albums/u106/language_forum/Languages/Bulgarian_Flag.png" title="Translate to Bulgarian" border="0" width="24" height="18" /></a>



<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&amp;langpair=en%7Czh-TW&amp;hl=en&amp;ie=UTF8'); return false;" title="Translate English to Traditional Chinese"><img style="cursor: pointer;" alt="Translate English to Arabic" src="http://i166.photobucket.com/albums/u106/language_forum/Languages/Mandarin_Flag.png" title="Translate to traditional Chinese" border="0" width="24" height="18" /></a>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&amp;langpair=en%7Chr&amp;hl=en&amp;ie=UTF8'); return false;" title="Translate English to Croatian"><img style="cursor: pointer;" alt="Translate English to Croatian" src="http://i166.photobucket.com/albums/u106/language_forum/Languages/Croatian_Flag.png" title="Translate to Croatian" border="0" width="24" height="18" /></a>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&amp;langpair=en%7Ccs&amp;hl=en&amp;ie=UTF8'); return false;" title="Translate English to Czech"><img style="cursor: pointer;" alt="Translate English to Czech" src="http://i166.photobucket.com/albums/u106/language_forum/Languages/Czech_Flag.png" title="Translate to Czech" border="0" width="24" height="18" /></a>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&amp;langpair=en%7Cda&amp;hl=en&amp;ie=UTF8'); return false;" title="Translate English to Danish"><img style="cursor: pointer;" alt="Translate English to danish" src="http://i166.photobucket.com/albums/u106/language_forum/Languages/Danish_Flag.png" title="Translate to Danish" border="0" width="24" height="18" /></a>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&amp;langpair=en%7Cfi&amp;hl=en&amp;ie=UTF8'); return false;" title="Translate English to Finnish"><img style="cursor: pointer;" alt="Translate English to Finnish" src="http://i166.photobucket.com/albums/u106/language_forum/Languages/Finnish_Flag.png" title="Translate to Finnish" border="0" width="24" height="18" /></a>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&amp;langpair=en%7Cfr&amp;hl=en&amp;ie=UTF8'); return false;" title="Translate English to French"><img style="cursor: pointer;" alt="Translate English to French" src="http://i18.photobucket.com/albums/b120/pdhinderlie/Web%20Stuff/Flags/flag_fr.gif" title="Translate to French" border="0" width="24" height="18" /></a>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&amp;langpair=en%7Cde&amp;hl=en&amp;ie=UTF8'); return false;" title="Translate English to German"><img style="cursor: pointer;" alt="Translate English to German" src="http://i263.photobucket.com/albums/ii150/mohamedrias/_german_s.png" title="Translate English to German" border="0" width="24" height="18" /></a>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&amp;langpair=en%7Cel&amp;hl=en&amp;ie=UTF8'); return false;" title="Translate English to Greek"><img style="cursor: pointer;" alt="Translate English to Greek" src="http://i18.photobucket.com/albums/b120/pdhinderlie/Web%20Stuff/Flags/flag_gr.gif" title="Translate to Greek" border="0" width="24" height="18" /></a>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&amp;langpair=en%7Chi&amp;hl=en&amp;ie=UTF8'); return false;" title="Translate English to Hindi"><img style="cursor: pointer;" alt="Translate English to Hindi" src="http://i323.photobucket.com/albums/nn467/techbookmark/hindi.png" title="Translate to Hindi" border="0" width="24" height="18" /></a>


<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&amp;langpair=en%7Cit&amp;hl=en&amp;ie=UTF8'); return false;" title="Google-Translate-English to Italian"><img style="cursor: pointer;" alt=" Translate English to Italian" src="http://i263.photobucket.com/albums/ii150/mohamedrias/_italian_s.png" title=" Translate English to Italian" border="0" width="24" height="18" /></a>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&amp;langpair=en%7Cja&amp;hl=en&amp;ie=UTF8'); return false;" title="Google-Translate-English to Japanese BETA"><img style="cursor: pointer;" alt="Google-Translate-English to Japanese BETA" src="http://i187.photobucket.com/albums/x307/Mafishioso/_japanese_s.png" title="Translate English to Japanese BETA" border="0" width="24" height="18" /></a>


<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&amp;langpair=en%7Cko&amp;hl=en&amp;ie=UTF8'); return false;" title=" Translate English to Korean BETA"><img style="cursor: pointer;" alt="Translate English to Korean BETA" src="http://i263.photobucket.com/albums/ii150/mohamedrias/_korean_s.png" title="Translate English to Korean BETA" border="0" width="24" height="18" /></a>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&amp;langpair=en%7Cno&amp;hl=en&amp;ie=UTF8'); return false;" title="Translate English to Norwegian"><img style="cursor: pointer;" alt="Translate English to Norwegian" src="http://i536.photobucket.com/albums/ff328/pmhrid/norway_flag.png" title="Translate to Norwegian" border="0" width="24" height="18" /></a>
<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&amp;langpair=en%7Cpl&amp;hl=en&amp;ie=UTF8'); return false;" title="Translate English to Polish"><img style="cursor: pointer;" alt="Translate English to Polish" src="http://i166.photobucket.com/albums/u106/language_forum/Languages/Polish_Flag.png" title="Translate to Polish" border="0" width="24" height="18" /></a>
<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&amp;langpair=en%7Cpt&amp;hl=en&amp;ie=UTF8'); return false;" title="Translate English to Portuguese"><img style="cursor: pointer;" alt="Translate English to Portuguese" src="http://i18.photobucket.com/albums/b120/pdhinderlie/Web%20Stuff/Flags/flag_pt.gif" title="Translate to Portuguese" border="0" width="24" height="18" /></a>
<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&amp;langpair=en%7Cro&amp;hl=en&amp;ie=UTF8'); return false;" title="Translate English to Romanian"><img style="cursor: pointer;" alt="Translate English to Romanian" src="http://i166.photobucket.com/albums/u106/language_forum/Languages/Romansh_Flag.png" title="Translate to Romanian" border="0" width="24" height="18" /></a>
<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&amp;langpair=en%7Cru&amp;hl=en&amp;ie=UTF8'); return false;" title="Translate English to Russian"><img style="cursor: pointer;" alt="Translate English to Russian" src="http://i166.photobucket.com/albums/u106/language_forum/Languages/Russian_Flag.png" title="Translate to Russian" border="0" width="24" height="18" /></a>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&amp;langpair=en%7Cru&amp;hl=en&amp;ie=UTF8'); return false;" title=" Translate English to Russian BETA "><img style="cursor: pointer;" alt="Translate English to Russian BETA " src="http://i263.photobucket.com/albums/ii150/mohamedrias/_russian_s.png" title=" Translate English to Russian BETA " border="0" width="24" height="18" /></a>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&amp;langpair=en%7Ces&amp;hl=en&amp;ie=UTF8'); return false;" title="Translate English to Spanish"><img style="cursor: pointer;" alt="Translate English to Spanish" src="http://i166.photobucket.com/albums/u106/language_forum/Languages/Spanish_Flag.png" title="Translate English to Spanish" border="0" width="24" height="18" /></a>


<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&amp;langpair=en%7Csv&amp;hl=en&amp;ie=UTF8'); return false;" title="Translate English to Swedish"><img style="cursor: pointer;" alt="Translate English to Swedish" src="http://i166.photobucket.com/albums/u106/language_forum/Languages/Swedish_Flag.png" title="Translate to Swedish" border="0" width="24" height="18" /></a>
<div style="display: none;">
<small><a href="http://rias-techno-wizard.blogspot.com/" target="_blank">Grab this widget</a></small></div>
</div></div>

4. Klik tombol SAVE, dan lihat hasilnya .....!

Selamat Mencoba ;)

Tulisan Ala Koran (DropCap)

Kalian pasti bertanya - tanya apa itu tulisan ala koran ( Drop Cap) tulisan seperti apa yang di maksud.....???
Ok saya akan jelaskan dropcap itu tulisan ala koran, jika kamu ingin liat detailnya kamu bisa liat di MS WORD, atau kalau masih belum tau juga nih aku kasih liat contoh nya



Keren kan .....? :z
sudah tau kan....? bagi yang tertarik ikuti langkah - langkah berikut untuk mengetahui cara membuat nya :

1. Login ke BLOG MU
2. Pilih TATA LETAK -> EDIT HTML
3. Pada kotak Edit HTML tadi copy paste kan code script berikut ini persis diatas kode ]]></b:skin>

/* kode untuk drop cap
----------------------------------------------- */
.dropcap {
float:left;
color: #000000;
background:#ffffff;
line-height:80px;
padding-top:1px;
padding-right:5px;
font-family:times;
font-size:100px;
}

4. klik SAVE TEMPLATE
5. Jika kamu ingin Memasangnya Di Posting kamu maka cara postingnya seperti ini <span class="awal">hurup awal </span>

Contoh:

<span class="awal">J</span> ika kamu ingin membuat script ini maka kamu harus mengikuti cara cara dibawah ini, agar kamu berhasil kamu harus memakai browser mozilla firefox 3.5.0

6. Selamat Mencoba .... ;)

Menghilangkan Tanda Obeng Dan Tang

Kalian Tau kan disetiap Widget yang kita pasang di blog di bawah Widget tersebut pasti ada tanda obeng dan tang, nah itu gunanya untuk mempercepat pengeditan widget yang kita pasang. Namun ada juga yang merasa terganggu oleh keberadaan Obeng Dan Tang tersebut. Tetapi menurut saya itu tidak mengganggu karena Obeng dan Tang tersebut hanya muncul pada saat kita login,

jika kita sudah logout maka otomatis Obeng dan Tang tersebut akan hilang :z .
OK deh bagi yang merasa terganggu atas keberadaan Obeng dan Tang Tersebut, Untuk menghilangkannya ikuti langkah - langkah berikut :

1. Login ke blogger kamu seperti biasa
2. Pilih Tata Letak (layout)
3. Pilih Edit HTML.
4. Cari kode seperti ini :

]]> </b:skin>


5.Copy paste kode berikut persis di atas kode yang tadi :

.quickedit{
display:none;
}

6. Klik SIMPAN TEMPLATE dan lihat hasilnya.......
7. Ucapkan Selamat Tiggal Pada Obeng dan Tang :O

Ok deh Selamat Mencoba ;)

Cara Menampilkan Recent Post

RESENT POST.....
apa sih RESENT POST itu...?
bagi kalian yang belum tau RECENT POST itu adalah postingan Terbaru, jadi bila kamu ingin menampilkan posting terbaru kamu disinilah tempat untuk mengetahui caranya....
OK deh langsung aja ke cara cara nya....

untuk mengetahui cara - caranya ikutila langkah - langkah berikut ini :

1. Login ke BLOGGER -> TATA LETAK -> ELEMEN HALAMAN -> HTML/JavaScript
2. Copy pastekan kode dibawah ini dan masukan kedalam "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://NAMABLOGKAMU.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rp"><br /></script>

3. Ganti angka 10(Angka sepuluh Menunjukan Jumlah "RECENT POST" yang akan kita tampilkan)dengan angka yang kamu inginkan
4. Ganti juga NAMABLOGKAMU dengan nama blog kamu
5. Lalu Klik SAVE


OK Selamat Mencoba ;)

Cara Membuat Read More / Baca Selengkapnya

pada episode kali ini saya akan membahas tentang membuat read more baca selengkapnya di blogger, jika kamu mempunyai posting yang panjang sehingga halaman utama blog kamu penuh, dan kamu ingin yang ditampilkan dihalaman utama cuma abstraksinya saja kemudian ada sebuah link Read More / Baca Selengkapnya untuk melihat selengkapnya maka ikutilah langkah-langkah berikut :

1. Buka menu Layout kemudian pilih Edit HTML.
2. Kasih tanda cek (centang) pada cekbox "expand widget template"
3. Cari kode berikut di Template blog kamu (tempatnya kira-kira pada 1/4 bagian bawah kode hmtl) :

<p><data:post.body/></p>

4. Kalau sudah ketemu, Ganti kode kode tersebut sehingga menjadi seperti ini:

<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/></p>

<a expr:href='data:post.url'>Read More......</a>
</b:if>

Tulisan "Read More....." itu bisa kamu rubah, misalnya jadi "Baca Selengkapnya".

5. Simpan hasil pengeditan.
6. Kemudian pilih menu Pengaturan lalu pilih Format
7. Pada kotak Template Posting isikan kode berikut:

<span class="fullpost">


</span>

8. Kemudian Simpan.
9. Ketika memposting, kan disana ada 2 tab pilihan tuh, yang "Compose" dan "Edit Html", Nha km pilih Yang "Edit HTML".
10. Letakkan abstraksi posting atau artikel yang akan ditampilkan dihalama utama (sebelum tulisan "Redmore") diatas kode ini : <span class="fullpost"> sementara sisanya yaitu keseluruhan posting letakkan di antara kode <span class="fullpost"> dan </span>

11. dan SELESAI

Selamat Mencoba.... ;)