Cara Membuat Read More

• Kalian tau readmore nggak..???..,Readmore berfungsi untuk melakukan pemenggalan kalimat agar tampilan sebuah posting dapat dipersigkat. Hal ini mirip sekali dengan koran, artikel berita akan lebih padat dan beragam, sehingga pembaca tidak merasa bosan untuk menikmatinya. Begitu pula dengan postingan sebuah blog, defaulnya posting akan menampilkan seluruh entry dalam sebuah judul posting. Coba bayangkan jika sebuah posting yang panjang ditampilkan, tentu menyita ruang untuk posting lainnya. Padahal posting lain yang kamu masukkan tidak kalah penting dengan posting yang panjang tadi.

• Agar hal tersebut tidak terjadi dalam blog kamu, maka perlu trik supaya posting blogger dapat dipersingkat. Caranya dengan menambah dan memodifikasi pengaturan format dan template blogger kamu. Sebagai catatan sebaiknya kamu menggunakan browser Firefox atau yang lainnya, kecuali Internet Explorer untuk menghindari terjadinya galat. Daripada kita ngelantur kemana-mana, langsung saja dimulai trik blogger tentang readmore, yaitu :

• Login ke blogger kamu.
• Klik tab Pengaturan --> Format
• Di layar paling bawah, ada text area kosong disamping tulisan Template Posting, isi area kosong tersebut dengan kode di bawah ini :

<span class="fullpost">
</span>

• Simpan pengaturan format

• Pilih tab Tata Letak > Edit HTML > centang "Expand Template Widget"

Sebelum melakukan edit template, sebaiknya simpan dulu template kamu yang ada dengan meng-klik tulisan Download Template Lengkap. Kemudian simpan dalam harddisk atau media penyimpanan lainnya, sehingga jika terjadi hal-hal yang tidak diinginkan kamu sudah memiliki back-up untuk mengembalikannya seperti semula.

• Cari kode berwarna merah di bawah ini :

<data:post.body/>

Tips : Kalau susah mencarinya, coba tekan tombol F3 di keyboard. Maka akan timbul menu toolbar pencarian di bawah browser (Firefox), sehingga kamu tinggal memasukkan kata yang ingin dicari.

• Ganti semua kode berwarna merah diatas dengan kode berikut :

<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>Readmore...</strong></a></p> </b:if>

Untuk kode yang bertanda hijau dapat kamu ganti dengan kata yang kamu kehendaki seperti Selengkapnya..., Lanjutannya..., Klik disini untuk melanjutkan..., Baca selengkapnya..., dan sebagainya. Atau kamu bisa menghilangkan atribut <strong> ... </strong> agar tulisan Readmore tidak menggunakan huruf tebal.

• Jangan lupa di simpan.

Contoh :

Isi semua posting :

Readmore berfungsi untuk melakukan pemenggalan kalimat agar tampilan sebuah posting dapat dipersigkat. Hal ini mirip sekali dengan koran, artikel berita akan lebih padat dan beragam sehingga pembaca tidak merasa bosan. Begitu pula dengan postingan sebuah blog, defaulnya posting akan menampilkan seluruh entry dalam sebuah judul posting. Coba bayangkan jika sebuah posting yang panjang ditampilkan, tentu menyita ruang untuk posting lainnya. Padahal posting lain yang kamu masukkan tidak kalah penting dengan posting yang panjang tadi.

Penambahan kode :

Readmore berfungsi untuk melakukan pemenggalan kalimat agar tampilan sebuah posting dapat dipersigkat. Hal ini mirip sekali dengan koran, artikel berita akan lebih padat dan beragam sehingga pembaca tidak merasa bosan. Begitu pula dengan postingan sebuah blog, defaulnya<span class="fullpost"> posting akan menampilkan seluruh entry dalam sebuah judul posting. Coba bayangkan jika sebuah posting yang panjang ditampilkan, tentu menyita ruang untuk posting lainnya. Padahal posting lain yang kamu masukkan tidak kalah penting dengan posting yang panjang tadi.</span>

Hasil yang ditampilkan :

Readmore berfungsi untuk melakukan pemenggalan kalimat agar tampilan sebuah posting dapat dipersigkat. Hal ini mirip sekali dengan koran, artikel berita akan lebih padat dan beragam sehingga pembaca tidak merasa bosan. Begitu pula dengan postingan sebuah blog, defaulnya

Readmore...

Read more »

Cara Membuat text berjalan di bar menu

1. Login ke blogger
2. Pada menu Layout -> Edit HTML
3. Letakkan kode dibawah ini diatas kode </head>

<script type='text/javascript'>
//<![CDATA[

msg = "  Selamat Datang Yach]...[Silakan Melihat-lihat ";
msg = "  ]...[  " + msg;pos = 0;
function scrollMSG() {
document.title = msg.substring(pos, msg.length) + msg.substring(0, pos); pos++;
if (pos > msg.length) pos = 0
window.setTimeout("scrollMSG()",200);
}
scrollMSG();
//]]>
</script>

Dan lho liat sendiri deh hasilnya pasti Sweeeeeet - Sweeeeeeet

Read more »

Cara Memasukkan Blog Ke Search Engine Google

• Memasukkan Blog ke Search Engine Google artinya mendaftarkan blog Anda agar masuk ke dalam database Google. Apakah harus dilakukan? Sebetulnya cara ini optional, tidak dikerjakan pun tidak mengapa, blog Anda tetap bisa masuk ke database Google tersebut, mengapa ini bisa terjadi? Karena Google tersebut mempunyai apa yang disebut dengan robot crawler (robot penjelajah) yang berkeliaran terus menerus. Misalnya Robot sedang masuk ke blog saya, lalu menemukan LINK ke blog Anda dari blog saya maka robot itupun akan otomatis mengindex atau memasaukkan blog Anda ke dalam database mereka. Namun jika Anda tidak ingin menunggu robot masuk ke website Anda dari pintu masuk blog lain secara otomatis maka Anda boleh mendaftarkan blog Anda ke Search Engine Google tersebut secara manual. Bagaiamana caranya? Sangat sederhana, mari kita bahas.

Silahkan masuk ke http://www.google.com/addurl/?continue=/addurl

• Setelah sampai disana, Anda akan menemukan layar untuk memasukkan blog Anda. Perhatikan isian untuk masing-masing kotak tersebut.

• URL: ….

• Isi dengan blog anda misalnya http://rahasiasearchengine.net

• Comments: …
• Isi komentar singkat tentang blog Anda misalnya Rahasia Search Engine. ISi dengan judul blog Anda ya, yang satu ini hanyalah contoh dari saya saja.
• Lalu akan ada kotak dengan gambar bertuliskan kata acak. Anda masukkan ke dalam kotak di bawahnya.
• Kemudian yang terakhir klik pada tombol Add URL
• Jika Anda berhasil maka Anda akan mendapatkan pesan seperti ini:

Thank you
Your site URL has been successfully added to our list of URLs to crawl. Please note that we do not add all submitted URLs to our index, and we cannot make any predictions or guarantees about when or if they will appear.

Read more »

Cara Membuat Tampilan Gallery Foto

Berikut instruksi dalam pembuatannya (copy paste kode berikut dibawah ini):
Tapi ingat yach kalo Code di bawah ini sudah di copy, masukan dalam Edit HTML bukan Compose

<div class='snap_preview'><div><center><font color="#0066FF" size="4"></font></center></div>
<style type='text/css'>
.gallery {
margin: auto;
}
.gallery-item {
float: left;
margin-top: 10px;
text-align: center;
width: 33%; }
.gallery img {
border: 2px solid #cfcfcf;
}
.gallery-caption {
margin-left: 0;
}
</style>
<div class='gallery snap_nopreview'><dl class='gallery-item'>
<dt class='gallery-icon'>
<img src="http://sujufemm.files.wordpress.com/2010/12/snsd-etude.jpg" width="128" height="96" class="attachment-thumbnail" >
</dt></dl><dl class='gallery-item'>
<dt class='gallery-icon'>
<img src="http://valorsite.files.wordpress.com/2011/04/snsd_gubne_cf_2.jpg" width="128" height="96" class="attachment-thumbnail">
</dt></dl><dl class='gallery-item'>
<dt class='gallery-icon'>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiQjPxg7EF40py7svsUiw-iledYucdyj2IeEn-kVIC3W9ZnOYL6vZ3YVKn6xSekxqlykfHt2AoSFbiJdqO68x_tdDdg9omBwPHmya3FLWFcldsvihur-bv7zCH1bB6P2XQe2IXdEar0dgm/s1600/snsd-3.jpg" width="127" height="96" class="attachment-thumbnail">
</dt></dl><br style="clear: both" /><dl class='gallery-item'>
<dt class='gallery-icon'>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirh54mNduYhdXlZwrs9Ey9XEuL6FgDWW1zKWDezCTUPy8mvQLYOUTUu605KQfmYUoshf2vAvY_09PS2ApCrzYQJZma2_gMYjOd_5rCzbdcu8sJc6Q1ikW_4lZR3VB5mwxTX1y8oDHZlLft/s400/foto-SNSD-korea-4.jpg" width="127" height="96" class="attachment-thumbnail">
</dt></dl><dl class='gallery-item'>
<dt class='gallery-icon'>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjD70DT_zQ-J60u3wSXvIutzQZ7iQbXDxqsfv6euJibnLh0GvfLbWvPuo04v9_mte8Ehg4jzHMY4N7cwxwFFnT4rrj5yNr0pRQPp0sm5kecWWM2PTK-BHgrHmj11P4ynniyuo1TUmphDoe8/s1600/foto-SNSD-korea-10.jpg" width="128" height="96" class="attachment-thumbnail">
</dt></dl><dl class='gallery-item'>
<dt class='gallery-icon'>
<img src="http://naqquiah.files.wordpress.com/2011/08/snsd157.jpg" width="128" height="96" class="attachment-thumbnail">
</dt></dl><br style="clear: both" />
<br style='clear: both'/>
</div>
</div>

(stop!! copy paste sampai disini)

Tugas Anda berikutnya,
Bila hanya ingin mengganti tampilan foto saja, Anda bisa rubah alamat gambar yang berwarna merah dengan alamat gambar yang Anda inginkan, kalo kamu ingin memperbanyak tampilan gambarnya yach kamu Copy/Paste aja Codenya.......

Nah kalo udah jadi maka akan terlihat seperti ini :

Namun Anda juga dapat mengotak-atiknya, bila sudah mengetahui/mempelajari bahasa HTML.

Read more »

Cara Membuat Favicon di Blog

Favicon adalah icons di sebelah Judul Blog pada Adress Bar
Berikut trik membuat favicon:

1. Klik Tata Letak
2. Klik Edit HTML
3. Cari kode </head>
4. Letakkan kode favicon dibawah ini diatas kode </head>
   
   




<link rel="shotcut icon" href="http://graphichive.net/uploaded/fordesigner/1313321581.jpg"/>

Nah text yang berwarna hitam itu ganti dengan URL Icons kamu
Nah kalo Udah Simpan Tempelate
dan lho liat deh hasilnya

Read more »

Cara Supaya Artikel Blog Tidak Bisa Di Copy

 Ikuti langkah-langakah berikut aja :
1.Log in ke blogger lalu pilih Layout --> Edit HTML Lalu cari kode </body> Supaya tidak ribet mencarinya tekan aja tombol CTRL Dan F.

2.Kalo Udah Ketemu Copy Paste Kode Berikut Dan taro Di atas Kode </body> :

 <script language='JavaScript1.2'>

//Disable select-text script (IE4+, NS6+)- By Andy Scott
//Exclusive permission granted to Dynamic Drive to feature script
//Visit http://www.dynamicdrive.com for this script

function disableselect(e){
return false
}

function reEnable(){
return true
}

//if IE4+
document.onselectstart=new Function (&quot;return false&quot;)

//if NS6
if (window.sidebar){
document.onmousedown=disableselect
document.onclick=reEnable
}
</script>
<script language='JavaScript'>curPage=1;
document.oncontextmenu = function(){return false}
if(document.layers) {
window.captureEvents(Event.MOUSEDOWN);
window.onmousedown = function(e){
if(e.target==document)return false;
}
}
else {
document.onmousedown = function(){return false}
}</script>

Read more »

Cara Mengganti Gambar Posting Lama/Baru

Untuk mengganti Tulisan tersebut,tentu anda harus memiliki gambarnya dulu,  kemudian gambar tersebut di-upload ke Image Hosting anda..

• Mengganti tulisan Beranda/Home

1. Login ke akun blogger
2. Rancangan
3. Edit Template
4. Beri tanda expand template widget
5. Cari kode <data:homeMsg/> ganti dengan

<img src='Url Gambar anda'/>

• Mengganti Tulisan Posting Lama

1. Login ke blogger
2. Rancangan
3. Edit Html
4. Beri tanda expand template widged
5. Cari kode <data:olderPageTitle/> ganti dengan

<img src='Url Gambar anda'/>

• Mengganti Tulisan Posting Baru

1. Login Ke blogger
2. Rancangan
3. Edit Html
4. Beri tanda expand template widget
5. Cari kode <data:newerPageTitle/> ganti dengan

<img src='Url Gambar anda'/>
Penting :
Untuk mengganti Tulisan tersebut anda harus memiliki gambarnya  terlebih dulu.
Pratinjau dulu HTMLnya. Jika Anda Sudah Yakin Maka Langkah terakhir SIMPAN kode tersebut.

Read more »