Cara Membuat Baca Selengkapnya/Read More Di Blogspot

Cara membuat readmore pada blogspot, cara membuat readmore di blogspot, membuat readmore di blogger, membuMungkin ketika anda menjelajah blog, anda pernah menemukan tampilan blog yang memiliki kata "baca selengkapnya" seperti ini : Nah. Berikut saya akan memberikan anda cara membuat baca selengkapnya seperti diatas. Caranya adalah sebagai berikut :

1. Login Ke Blogger seperti biasa.
2. Masuk ke Rancangan
3. Pilih Edit HTML
4. Beri tanda centrang pada kotak Expand Template Widget
5. Temukan baris kode code </head>
6. Copy paste kode berikut di atas nya :

<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 230;
summary_img = 140;
img_thumb_height = 100;
img_thumb_width = 100;
</script>
<script src='http://blogergadgets.googlecode.com/files/excerpt.js' type='text/javascript'/>


7. Kemudian temukan baris kode <data:post.body/>
8. Ganti Kode tersebut dengan kode berikut :

<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
<b:else/>
<div expr:id='"summary" + data:post.id'>
<data:post.body/>
</div>
<script type='text/javascript'>
createSummaryAndThumb("summary<data:post.id/>");
</script>
<span style='padding-top:5px;;float:right;text-align:right;'><a expr:href='data:post.url' rel='bookmark'><img align='right' border='0' src='http://lh3.ggpht.com/_kTaFrEr_318/SkKGIoU-oPI/AAAAAAAAA9g/5A_nTHvFgiI/readmore_thumb%5B2%5D.gif'/></a></span>
</b:if>


9. Klik tombol simpan template.. Selesai. 

Read More

Cara Membuat Menu Horizontal di Atas Blog

Bagi anda yang memiliki blog, anda dapat mempercantik blog anda dengan memasang menu cantik ini. Agar tampilan blog anda terlihat lebih menarik dibandingkan sebelumnya. Menu yang di letakkan dengan posisi mendatar yang pada umum nya terletak di bagian atas blog atau website ini adalah menu horizontal. Dengan menu ini kita dapat mengisikan alamat link tujuan atau menjadikan nya sebagai navigasi blog kita. Baik langsung saja kita lihat langkah langkah nya berikut ini :

Cara pemasangan menu horizontal ini adalah sebagai berikut :
1. Copy Kode Berikut ini Masuk ke edit HTML blog dan cari kode atau tekan Ctrl+F ]]></b:skin> dan copy kan kode berikut di atasnya :

.menu-solid {
display: inline;
}
.menu-solid a{
float: left;
color: #000;
padding: 9px 11px;
text-decoration: none;
}
.menu-solid a:visited{
color: #cc0000;
}
.menu-solid a:hover, .menu-solid .current{
color: #ffffff;
background: #800000;
text-decoration:none;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;}

2. Masuk ke tata letak / rancangan blog. Pilih Tambah Gadget dan pilih html/javascript



3. Copy kan kode berikut dan pastekan di dalamnya :

<div class='menu-solid'>
<a href='http://tialorenzha.blogspot.com/2012/10/membuat-tombol-di-blogspot.html'target="_blank">Home</a>
<a href='http://tialorenzha.blogspot.com/2012/09/samsonsluluh.html'target="_blank">Musik</a>
<a href='http://tialorenzha.blogspot.com/2012/09/pascal-bonus-potongan-penjualan.html'target="_blank">Pascal</a>
<a href='http://tialorenzha.blogspot.com/2012/03/kartu-jaringan-komputer.html'target="_blank">Jaringan Komputer</a>
</div>

4. SELESAI deh............ Selamat Menc0ba yah....

Read More

Membuat Tombol di Blogspot

Bagi anda yang ingin membuat tombol di website maupun di blogspot, berikut adalah cara yang harus anda lakukan. Sangat mudah.. Silahkan mencoba :
Lihat Tombol ini dan coba anda klik :

Copy Paste Kode Ini untuk membuat nya :

<form action="http://www.blogger.com" method="get" target="_blank">

<input type="submit" value="Blogger" /></form>

Keterangan :
1. Ganti http://www.blogger.com dengan alamat tujuan anda.
2. target="_blank" gunanya adalah untuk membuka jendela baru pada browser. kalo kode ini dihilangkan maka akan tetap berada di halaman itu. 

Contoh :

Diatas adalah tombol yang kode target="_blank" nya dihilangkan

Read More

Cara Mendisable Klik Kanan

Anda pasti pernah menjumpai blog yang tidak bisa di klik kanan pada halaman blog tersebut. Tujuannya dari mendisable klik kanan pada halaman web atau blog adalah untuk menjaga artikel kita agar tidak di Copy paste oleh orang lain. Selain itu juga tujuan dari menonaktifkan klik kanan pada halaman blog adalah untuk mencegah pengunjug melihat source code, copy link location, copy image dll. Nah!, anda juga bisa menonaktifkan klik kanan pada halaman blog anda jika blog anda tidak mau di copas oleh orang lain atau anda ingin melindungi blog anda dari penyalahgunaan orang-orang yang tidak bertanggung jawab.

Caranya untuk mendisable atau menonaktifkan klik kanan pada halaman blog anda sangat sederhana, anda hanya perlu menambahkan kode javascript pada blog anda. 

langkah-langkahnya adalah sebagai berikut :

1. log-in ke blog anda
2. Pilih Rancangan >Elemen halaman
3. Klik Tambah gadget pilih HTML/JavaScript
4. Copas kode berikut kedalam box HTML/javasrcipt yang tersedia.
   
<script> var message="Maaf, Klik Kanan Tidak Berfungsi !"; /////////////////////////////////// function clickIE4(){if (event.button==2){alert(message);return false;}} function clickNS4(e){if (document.layers||document.getElementById&&!document.all){if (e.which==2||e.which==3){alert(message);return false;}}} if (document.layers){document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS4;} else if (document.all&&!document.getElementById){document.onmousedown=clickIE4;} document.oncontextmenu=new Function("alert(message);return false") </script>

Simpan dan selesai..

var message dapat diganti dengan kata yang anda inginkan.

Read More

Highlight Paragraf

Highlight Paragraf adalah membuat sebuah paragraf dalam sebuah posting mempunyai latar belakang (background) dan warna teks yang berbeda-beda; saat teks mulai terlihat, saat tersentuh cursor dan setelah cursor berpindah. Ketika cursor anda di atas box ini, maka inilah yang dimaksudkan dengan highlight paragraf

Cara membuat highlight paragraf:

1. Login ke Blogger.
2. Klik "Posting".
3. Klik "New Post"
4. Klik "Edit HTML".
   Dalam posting dikenal dua mode posting:
   - Compose
   - Edit HTML
5. Copy dan gunakan HTML berikut dan terbitkan posting.
   HTML Highlight Paragraf :
   <div style="margin:20px 0;background-font-weight:500;" onmouseover="this.style.background='yellow';this.style.color='red'" onmouseout="this.style.background='blue';this.style.color='white'"> Tuliskan teks posting (paragraf) disini! </div>

Nb :

1. yellow = background saat cursor di atas paragraf.
2. red = color (warna teks) saat cursor di atas paragraf.
3. blue = background paragraf saat cursor meninggalkan paragraf.
4. white = warna teks saat cursor meninggalkan paragraf.
5. Ganti variable di atas untuk disesuaikan dengan blog anda.

Read More

Membuat Emoticon di Atas Komentar (2)

Untuk memperindah tulisan komentar anda bisa menggunakan emoticon sebagai penghias komentar anda agar tetap terlihat hidup. Selain itu, dengan adanya emoticon tersebut pengunjung dapat mengekspresikan komentarnya dengan menambahkan emoticon tersebut pada komentarnya. Menurut saya emoticon ini sangatlah menarik. Mengapa? Karena emoticon ini jenisnya banyak dan emoticonnya lucu-lucu. Cara penggunaannya juga gampang, anda tinggal klik salah satu yang akan dipilih dan copy paste atau ketikan kode yang muncul di dekatnya pada kolom komentar. Bagaimana, anda mau membuatnya? Oke, kalau begitu silahkan ikuti langkah-langkahnya.

1.  Masuk ke dasbor blog anda dengan akun blogger anda.

2.  Pergi ke Rancangan > Edit HTML > Centang Expand Template Widget.

3.  Cari kode </body> (Ctrl+F) dan copy paste kode berikut tepat di atasnya.

<style type='text/css'>.emoWrap {   background-color:#ffffff;  border:2px solid #ffffff;  padding:10px 14px;  color:black;  font:bold 12px Tahoma,Arial,Sans-Serif;  text-align:center;} img.emo, input.emoKey {   display:inline-block; /* Penting! */  *display:inline;  vertical-align:middle;} input.emoKey {   border:1px solid #ccc;  background-color:white;  font:bold 11px Arial,Sans-Serif;  padding:1px 2px;  margin:0px 0px 0px 2px;  color:black;} </style> <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/> <script src='http://reader-download.googlecode.com/svn/trunk/jquery.autoemoticons.js' type='text/javascript'/> <script type='text/javascript'> //<![CDATA[ var emoRange    = "#comments p, div.emoWrap",     putEmoAbove = "iframe#comment-editor";//]]> </script>

4.  Lalu klik Simpan Template jika sudah.

5.  Lihat hasilnya.

Read More

Cara Membuat Floating Spolier Menu

Floating Spolier Menu adalah salah satu fitur blog yang menampilkan menu blog dengan tampilan melayang dan dalam bentuk spoiler. Kalau Floating Spolier Menu dibayangi crusor, maka Floating Spolier Menu secara otomatis terbuka. Mungkin sobat blogger jarang menemukan blog yang memasang menu blog-nya dengan tampilan menu seperti ini, Floating Spolier Menu bisa dijadikan salah satu solusi pengganti menu horizontal atau menu vertikal.
Cara buat Floating Spolier Menu sebagai berikut :

• Log In di http://www.blogger.com/
• Pada Dashbor klik Design
• Klik Add a Gadget dan HTML Java Script
• Copy kode di bawah ini dan paste pada kolom yang tersedia :

1. <style text-type="CSS"> #bmenu{ position:fixed; right:5px; center:0px; background-color:#000; border-radius:10px; -moz-border-radius:10px; border:1px solid #FFF; width:202px; height:20px; color:#FF0606; transition:all .5s ease-in;-moz-transition:all .5s ease-in;-webkit-transition:all .5s ease-in;-o-transition:all .5s ease-in;z-index:3overflow:hiddenpadding:9px 15px 10px;}  #bmenu h3{ margin:0; padding:0; text-align:center; cursor:pointer;}
   #bmenu ul{ border-radius:10px;-moz-border-radius:10px; border:2px solid #FFf; background-color:#FF0606; margin:15px 0; padding:0 15px;}  #bmenu li{list-style:none;margin:0 0 5px;padding:0;} #bmenu li a{ color:#000; text-decoration:none; font-size:14px;}
    #bmenu li a:hover{ color:#fff;}  #bmenu:hover{ z-index:5; height:175px; </style><div id="bmenu"><h3>TITLE</h3><ul><li><a href="http://tialorenzha.blogspot.com/2012/09/trik-menipu-pengunjung-dengan-merubah.html">Trik Menipu Pengunjung dengan merubah Jumlah komentar</a></li> <li><a href="http://tialorenzha.blogspot.com/2012/09/samsonsluluh.html">Samson Luluh</a></li> <li><a href="http://tialorenzha.blogspot.com/2012/09/cara-buat-tombol-hide-and-show-spoiler.html">Cara Buat tombol spoiler</a></li> <li><a href="http://tialorenzha.blogspot.com/2012/09/cara-buat-tulisan-berjalan-effect.html">Cara Membuat Effect Marquee</a></li> <li><a href ="http://tialorenzha.blogspot.com/2012/09/memasang-widget-google-translate-di.html">Cara Memasang Widget Google Translae</a></li> </ul></div> 

• Klik Save dan Lihat Hasil nha...
  Jangan Lupa Comment nha yah

Tambahan :

1. right:5px; dan center:0px; adalah posisi dari Floating Spolier Menu, silahkan sobat blogger sesuaikan
2. Sesuaikan Link dan title link dari kode atas yang berwarna MERAH
   
   
   

Read More