Blogger sudah support fungsi Readmore


read more

Untuk melengkapi hadiah perayaan hari ulang tahunnya yang ke 10, kini blogger menambahkan satu tombol yang sangat di tunggu-tunggu oleh ribuan blogger didunia yaitu tombol "Jump Breaks" atau tombol "More" atau tombol "Read more" yang mempunyai fungsi untuk memotong tulisan di halaman depan (home page) atau lebih populer dengan sebutan "fungsi read more".
Ini artinya, untuk memotong artikel agar tidak terlalu panjang tampil di halaman depan, anda hanya tinggal klik tombol " Read more" saja dan anda tidak harus repot lagi mengetikkan kode read more hasil hack atau apapun.
Namun, sepertinya tombol ini hanya muncul pada post editor baru dan dalam posisi mode "Compose" dan tidak muncul pada mode "Edit HTML". Walaupun seperti itu, anda masih tetap bisa menggunakan fungsi "read more" pada post editor lama serta dalam posisi mode "Edit HTML" yaitu dengan mengetikkan secara manual kode    

<!-- more -->

edit 
HTML

Untuk anda yang memakai template asli yang disediakan blogger akan langsung bisa menikmati fasilitas ini dan hasilnya akan muncul tulisan " Read more » "  seperti ini :
read
 more

Bagi anda yang memakai template bukan yang disediakan oleh blogger atau template hasil download dari situs lain, fungsi "  Read more " akan tetap berfungsi secara baik atau dengan kata lain artikel anda akan tetap terpotong namun tulisan " Read more » " tidak akan muncul. Untuk hal ini anda harus menambahkan kode tambahan pada template anda. Berikut langkah-langkahnya :

  1. Silahkan login ke blogger dengan ID anda.
  2. Klik Tata Letak.
  3. Klik tab Edit HTML.
  4. Beri tanda centang pada kotak kecil di sampil tulisan " Expand Template Widget " expand-template-widget
  5. Carilah kode yang mirip seperti Ini :

    <div class='post-body entry-content'>
          <data:post.body/>
          <div style='clear: both;'/> <!-- clear for photos floats -->
        </div>
  6. Copy lalu paste kode berikut persis di bawah kode yang tadi :
    <b:if cond='data:post.hasJumpLink'>
          <div class='jump-link'>
            <a expr:href='data:post.url + &quot;#more&quot;'><data:post.jumpText/></a> 
          </div>
        </b:if>

    code
  7. Klik tombol SIMPAN TEMPLATE
  8. Selesai.
Dengan cara tersebut, tulisan " Read more » " akan muncul walaupun anda tidak menggunakan template yang disediakan oleh blogger.

Secara default tulisan yang akan muncul adalah " Read more » ", namun anda bisa mengubahnya sesuai keinginan anda, caranya seperti ini :

  1. Silahkan login ke blogger dengan ID anda.
  2. Klik Tata Letak.
  3. Klik tab Elemen Halaman.
  4. Klik "Edit" pada elemen "Posting Blog" atau "Blog post" untuk yang bahasa inggris. posting-blog-element
  5. Setelah muncul jendela baru, gantilah tuisan Read more »  menjadi tulisan sesuai dengan keinginan anda. edit read more
  6. Klik Tombol SIMPAN
  7. Selesai.
Untuk anda yang menggunakan trik membuat read more seperti yang kang Rohman posting disini! sebaiknya di hilangkan saja karena blogger sekarang sudah mempunyai sistem read more sendiri. Cara mengembalikannya silahkan baca saja trik tersebut secara terbalik yaitu di baca dari bawah ke atas.

Cara pasang shoutbox melayang





shoutboxDalam artikel sebelum ini saya ada menerangkan cara bagaimana cara memasang shout box secara tersembunyi pada tepi paparan blog.Untuk kali ini pula agak berlainan kerana shoutbox yang diklik akan muncul dibahagian tengah  paparan blog dengan kesan gelap dan muncul secara perlahan lahan.Cara membuatnya juga agak mudah kerana  cuma perlu masukkan pada widget sahaja.
Cara memasangnya:

1.Masuk ke design-klik page elements

2. pilih add a gadget

3.Pilih HTML/Javascript

Dan masukkan kod ini:

<!-- Start flying Shoutbox  by ybl -->
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.pack.js"></script>
<script>
$(document).ready(function() {
//select all the a tag with name equal to ybl
$('a[name=ybl]').click(function(e) {
//Cancel the link behavior
e.preventDefault();
//Get the A tag
var id = $(this).attr('href');
//Get the screen height and width
var tbbHeight = $(document).height();
var tbbWidth = $(window).width();
//Set heigth and width to tbb to fill up the whole screen
$('#tbb').css({'width':tbbWidth,'height':tbbHeight});
//transition effect
$('#tbb').fadeIn(1000);
$('#tbb').fadeTo("slow",0.8);
//Get the window height and width
var winH = $(window).height();
var winW = $(window).width();
//Set the popup window to center
$(id).css('top', winH/2-$(id).height()/2);
$(id).css('left', winW/2-$(id).width()/2);
//transition effect
$(id).fadeIn(2000);
});
//if close button is clicked
$('.window .close').click(function (e) {
//Cancel the link behavior
e.preventDefault();
$('#tbb').hide();
$('.window').hide();
});

//if tbb is clicked
$('#tbb').click(function () {
$(this).hide();
$('.window').hide();
});

});
</script>
<style>a {color:#ffffff; text-decoration:none}
img { border: none; }
#tbb {
position:absolute;
left:0;
top:0;
z-index:9000;
background-color:#000;
display:none;
}
#ddt .window {
position:fixed;
left:0;
top:0;
width:440px;
height:200px;
display:none;
z-index:9999;
padding:20px;
}
#ddt #yblshoutbox {
background:url(https://lh5.googleusercontent.com/-nDP_P-QqX54/TWoQRu88UxI/AAAAAAAABaU/oJ_e6l8Kdg0/s1600/shout.gif) no-repeat 0 0 transparent;
width:272px;
height:460px;
padding:60px 0 20px 15px;
}
#ttp {
padding:2px 0 0 0;
}
</style>
<ul><center> <a href="#yblshoutbox" name="ybl"><img src="https://lh3.googleusercontent.com/-orZIIwB83bI/TWoQjbTHR6I/AAAAAAAABaY/6epCnQ_6Ar8/s512/button.gif" border="0" width="128" height="58" /></a> </center> </ul>
<div id="ddt">
<!-- Start Shoutbox -->
<div id="yblshoutbox" class="window">

LETAKKAN KOD SHOUTBOX DISINI

<div id="ttp"><input type="button" value="Close" class="close" style="background: #0066FF; color: #ffffff;"/><a href="http://teknikbuatblog.blogspot.com/2010/12/cara-pasang-shoutbox-melayang.html"><font size="1">get this</font>
</a></div></div><!-- End Shoutbox -->
<div id="tbb"></div></div>
<!-- End of flying Shoutbox  by ybl -->
Kemudian klik save
#Jangan lupa masukkan kod shoutmix pada ruangan diatas.Ubahkan kod shoutmix/Cbox contoh width="240" height="380" supaya memenuhi ruang bingkai.

contoh kod shoutmix

Cara Membuat Menu Seperti Slide Menu

Halo blogger,,,Kembali saya akan berbagi Tips Blogger,Mungkin agak aneh teman - teman Membaca judul dari posting ini saya sendiri  bingung mau memberi judul apa pada postingan kali ini,Karena postingan ini merupakan pesanan atau permintaan dari seseorang teman blogger yang ingin memasang tampilan menu seperti sebelah kanan blog saya,
Sebelumnya saya pernah berbagi Tips tentang Cara Memasang Buku tamu tersembunyi,nah mungkin postingan ini merupakan lanjutan dari  Cara Memasang Buku tamu tersembunyi, apabila teman - teman sudah pernah  mencoba tips sebelumnya pada postingan ini tidak berbeda jauh...


Berikut Ini langkah - Langkah nya :
1. Masuk ke account Blogger kamu, pilih Layout: kemudian Page Elements.
2. Klik "Add a Gadget" yang mana saja, kemudian pilih "HTML/JavaScript",
3. Copy-paste kode di bawah ini:



<style type="text/css">
#hitsukeFX{
position:fixed;
top:150px;
z-index:+1000;
}
.hitsukeFXtab{
 height:100px;
 width:30px; float:left;
 cursor:pointer;
 background:url('http://lh3.ggpht.com/_KdeVdQg2Vsw/Swj9uvNEeVI/AAAAAAAAAGs/N5XIUu3ymzY/tabs.png') no-repeat;
 }

.hitsukeFXcontent{ float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:10px;
}

</style> <script type="text/javascript">
function showHidehitsukeFX(){
var hitsukeFX = document.getElementById("hitsukeFX");
 var w = hitsukeFX.offsetWidth;
 hitsukeFX.opened ? movehitsukeFX(0, 30-w) : movehitsukeFX(20-w, 0);
 hitsukeFX.opened = !hitsukeFX.opened;
 }

function movehitsukeFX(x0, xf){ var hitsukeFX = document.getElementById("hitsukeFX"); var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; hitsukeFX.style.right = x.toString() + "px"; if(x0!=xf){setTimeout("movehitsukeFX("+x+", "+xf+")", 10);} }


</script>
<div id="hitsukeFX"> <div class="hitsukeFXtab" onclick="showHidehitsukeFX()"> </div>
 <div class="hitsukeFXcontent">

 <!-- Taruh Kode  Kamu disini -->

 <div style="text-align:right">
 <a href="javascript:showHidehitsukeFX()"> [close] </a>
 </div>
 </div>
 </div>

 <script type="text/javascript"> var hitsukeFX = document.getElementById("hitsukeFX"); hitsukeFX.style.right = (40-hitsukeFX.offsetWidth).toString() + "px"; </script>

4.SIMPAN.


Tunggu belum Selesai,,,selanjutnya kita tambah gadget lagi, kan tips ini menampilkan 2 menu tersembunyi,,berikut ini selanjutnya :
1. Klik "Add a Gadget" yang mana saja, kemudian pilih "HTML/JavaScript",
2. Copy-paste kode di bawah ini:

<style type="text/css">
#hitsukeFX{
position:fixed;
top:150px;
z-index:+1000;
}
.hitsukeFXtab{
 height:100px;
 width:30px; float:left;
 cursor:pointer;
 background:url('http://lh4.ggpht.com/_KdeVdQg2Vsw/Swj_PjBhSQI/AAAAAAAAAGw/3vmbzeov-kk/tabs2.png') no-repeat;
 }

.hitsukeFXcontent{ float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:10px;
}

</style> <script type="text/javascript">
function showHidehitsukeFX(){
var hitsukeFX = document.getElementById("hitsukeFX");
 var w = hitsukeFX.offsetWidth;
 hitsukeFX.opened ? movehitsukeFX(0, 30-w) : movehitsukeFX(20-w, 0);
 hitsukeFX.opened = !hitsukeFX.opened;
 }

function movehitsukeFX(x0, xf){ var hitsukeFX = document.getElementById("hitsukeFX"); var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; hitsukeFX.style.right = x.toString() + "px"; if(x0!=xf){setTimeout("movehitsukeFX("+x+", "+xf+")", 10);} }


</script>
<div id="hitsukeFX"> <div class="hitsukeFXtab" onclick="showHidehitsukeFX()"> </div>
 <div class="hitsukeFXcontent">

 <!-- Taruh Kode Shoutmix Kamu disini -->


 <div style="text-align:right">
 <a href="javascript:showHidehitsukeFX()"> [close] </a>
 </div>
 </div>
 </div>

 <script type="text/javascript"> var hitsukeFX = document.getElementById("hitsukeFX"); hitsukeFX.style.right = (40-hitsukeFX.offsetWidth).toString() + "px"; </script>

3. Simpan ....

Catatan : Tulisan yang berwarna Merah isi dengan script yang ingin anda tampilkan
Selamat Mencoba.....!!!  Apabila Suka dengan posting ini, berilah komentarn

Read more: http://www.oktri.co.cc/2010/03/cara-membuat-menu-seperti-slide-menu.html#ixzz1mkB5jgH2

Company Hack PB PKL V 5.0 Special MALEM MINGGU || Special Room Master TANGAN DEWA || 2012


Downloads Cheat
Downloads Password : 
=============
Fitures Updates :
=============
------New Fitur Hack ------
[-]Auto On Anti PI
[-]Auto O Anti Banned
[-]Auto ON Wallhack Blink Name
[-]Auto ON Hollow 20% Cash|persis/sama seperti loe pakai hollow rasanya
(kalau pakai pangkat gede gak usah on kan brust nya pakai ini ja gak akan ketara cheater)

[-]New Brust Mencar ALl Pelurunya
-1 Hit Global Pabrik
-Blue System Bullets
-Brust ALL Pabrik + Cetay Snipe
[-]Akses Full Pangkat
-120 Hack HP
-Reload GM
-Company Akses Pngkat
[-]Amo 6 Juta ja
[-]Piso Santet Pabrik
[-]Fullhack Replace AKses
[-]Lari Super Akses
[-]Auto HS Datar|Beta akses
[-]Cheat Invisible Super
[-]Anti VK 75% + Pas|Defius Bom 1 Hit
---New Hack Super---
[-]Wallshot 100% ||Publick|| NO GETAR
[-]Special Tangan Dewa || cocok buat Room MASTER saja ||
  •  JANGAN GUNAKAN SELAIN RM
  •  Cocok di gunakan saat war agar winrate naik
===========
Keys Hacckkss
===========
[-]New Brust Super Duber Miring : Midle Mouse(bagian tengah mouse di klik ssaja)
[-]Akses Full Pangkat : F11 Tero | F12 CT (gunkan jngan kebalik ntar gk isa di kill)
[-]Amo 100 Jt : INSERT
[-]Piso Santet Pabrik : F4 ---. Di ganti Dengan F6 (Agar Gak sama dengan chat clan)
[-]Fullhack Replace AKses : HOME ON|End OFF
[-]Lari Super Akses : F1 , F2 ON | F3 OFF
[-]Auto HS Datar|Beta akses : CAPLOCK On|Shift Off(jangan gunakan kekeran/setiap delay layar hitam jadi offkan sbelum delay)
[-]Cheat Invisible Super : F7
[-]Anti VK 75% + Pas|Defius Bom 1 Hit : F9 , F10
[-]WS : Midle Mouse || Just For One MAP || <<Map yang di SS sebelumnya
[-]Special Tangan Dewa : UP On(Panah atas) || Down Off(Arah panah atas)

Tutor
[-]Buka PB
[-]Buka Cheat
[-]Start PB
[-]Tekan Inject /klik Fullhacknya
[-]Resume

Keterangan : 
Cheat aktif saat berbunyi beep/dung/ding

Company PKL Visual V 4.0 Fullhack Dewa || ++WALLSHOT 100%(Tembus Dinding pelurunya) || Special Suka Ria + SHow OFF Mode(Berlebihan)!!

Karena hari ini wkeeend nih q share super dayshat!!!!  <<<Fitur terbaru di PUBLICKVisual Company V 4.0 Special Wekkend + WALLSHOTIni Bukan WS goyang inul/getar  , effect 100% Wallshot , cek gambarnya saja mas broo,,

Downloads Cheat
Downloads Password : 
=============
Fitures Updates :
=============
------New Fitur Hack ------
[-]Auto On Anti PI
[-]Auto O Anti Banned
[-]Auto ON Wallhack Blink Name
[-]Auto ON Hollow 20% Cash|persis/sama seperti loe pakai hollow rasanya
(kalau pakai pangkat gede gak usah on kan brust nya pakai ini ja gak akan ketara cheater)

[-]New Brust Mencar ALl Pelurunya
-1 Hit Global Pabrik
-Blue System Bullets
-Brust ALL Pabrik + Cetay Snipe
[-]Akses Full Pangkat
-120 Hack HP
-Reload GM
-Company Akses Pngkat
[-]Amo 6 Juta ja
[-]Piso Santet Pabrik
[-]Fullhack Replace AKses
[-]Lari Super Akses
[-]Auto HS Datar|Beta akses
[-]Cheat Invisible Super
[-]Anti VK 99% + Pas|Defius Bom 1 Hit
---New Hack Super---
[-]Wallshot 100% ||Publick|| NO GETAR (Peluru Lu Bisa tembus dinding nya...)

===========
Keys Hacckkss
===========
[-]New Brust Super Duber Miring : Midle Mouse(bagian tengah mouse di klik ssaja)
[-]Akses Full Pangkat : F11 Tero | F12 CT (gunkan jngan kebalik ntar gk isa di kill)
[-]Amo 100 Jt : INSERT
[-]Piso Santet Pabrik : F4
[-]Fullhack Replace AKses : HOME ON|End OFF
[-]Lari Super Akses : F1 , F2 ON | F3 OFF
[-]Auto HS Datar|Beta akses : CAPLOCK On|Shift Off(jangan gunakan kekeran/setiap delay layar hitam jadi offkan sbelum delay)
[-]Cheat Invisible Super : F7
[-]Anti VK 75% + Pas|Defius Bom 1 Hit : F9 , F10
[-]WS ??? Hiden Keys(Keys Tersembunyi) >> PM saya di YM agar tidak pada show off

Tutor : 
[-]Buka PB
[-]Buka Cheat
[-]Start PB
[-]Tekan Inject /klik Fullhacknya
[-]Resume

Keterangan : 
Cheat aktif saat berbunyi beep/dung/ding

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | Best Buy Printable Coupons