Cara Membuat Readmore

Cara Membuat Readmore

✪ No comment yet

Kalau postingan kita terlalu panjang atau kita ingin mepersingkat postingan kita tapi tidak menghilangkan yang sisanya dan hanya menampilkan pokok nya saja? itulah fungsi dari script yang ini, yaitu readmore/baca selengkapnya. Bagi para blogger pasti sudah tak asing lagi dengan nama read more/baca selengkapnya. Okelah langsung aja ke caranya:

1. login ke blogger
2. masuk ke tab rancangan
3. lalu klik edit HTML, centang "expand template widget"
4. cari

<p><data:post.body/></p>
atau
<data:post.body>
kedua kode diatas sama saja.
 5. hapus kode diatas lalu ganti dengan kode yang ada di bawah ini:


<b:if cond='data:blog.pageType == &quot;item&quot;'>
 <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 dengan apa aja, sesuka kalian,,hhe)

sampai saat ini proses pembentukan readmore selesai
agar dapat terlihat readmore di postingan kita, masuk ke pengaturan lalu ke tab format, di paling bawah ada kotak kosong yang ada tulisan templat entri. isikan dengan

<span class='fullpost'>
</span>

itu untuk cara yang otomatis, untuk yang manual tinggal tulis kode di atas di setiap postingan dengan ket sebagai berikut
di tab postingan pilih edit HTML jangan compose di sana sudah ada kode di atas. Letakan postingan yang akan di "readmore" di antara kode di atas, contohnya tulisannnya:

Teks asli
Jika Anda memilih "Ya" kami akan menyertakan blog Anda dalam Penelusuran Blog Google dan ping Weblogs.com. Jika Anda memilih "Tidak", <span class='fullpost'>semua orang masih dapat melihat blog Anda, tetapi mesin penelusur akan diminta untuk tidak merayapinya. Jika ada tautan ke blog dari situs web lain, mesin penelusur mungkin masih menyarankan blog Anda dalam menanggapi kueri.</span>

Maka akan jadi
Jika Anda memilih "Ya" kami akan menyertakan blog Anda dalam Penelusuran Blog Google dan ping Weblogs.com. Jika Anda memilih "Tidak", Read More

jika terjadi masalah atau tidak mengerti silahkan comment

Mohon Laporkan Bila Ada Link Yang Rusak/Tidak Berfungsi, Terima Kasih

baca selengkapnya

Cara Buat Buku Tamu Melayang

Cara Buat Buku Tamu Melayang

✪ No comment yet

Sobat Blogger Semua, Apakah pernah melihat buku tamu yang berada di sisi kanan? yang akan muncul jika di klik. nah, Kali ini saya akan menjelaskan tentang bagaimana caranya membuat buku tamu yang melayang. Maksud melayang di sini bukang berarti buku tamunya terbang, tapi tidak dalam posisi widget yang sebenarnya. Caranya memang agak rumit tapi saya sudah membuat se simpel mungkin. Langkahnya

1. Masuk ke blogger
2. Masuk ke tab Rancangan
3. Jika belum punya buku tamu silahkan kunjungi www.shoutmix.com , bagi yang sudah punya tinggal edit buku tamunya
4. Jangan dulu dihapus kode buku tamu yang sudah anda punya
5. Copykan kode di bawah ini dan letakan di atasnya (kode buku tamu yang lama)

<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}

.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2s9X9bnq-D-7HYUulujFVKa4deWiXr3ocvBPnETfTC5KQJH-DxHxBC4hg7flJjnWZcqGlhtzKcvN1T6vY1KdkkonAF2mD67HxBclRfrUZ1f6fyA7oaFpf4YlQ4nIAZ97SuAF_E_rA_MZx/') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:10px;
}
</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>

<div id="gb">

<div class="gbtab" onclick="showHideGB()"> </div>

<div class="gbcontent">

<p> Jangan Lupa Isi Buku Tamunya </p>
<!-- Begin ShoutMix - http://www.shoutmix.com --><iframe title="rexpectz" src="http://www5.shoutmix.com/?rexpectz" width="100%" height="460" frameborder="0" scrolling="auto"><a href="http://www5.shoutmix.com/?rexpectz">View shoutbox</a></iframe><br /><a href="http://www.shoutmix.com" title="Get your own free shoutbox chat widget at ShoutMix!">ShoutMix chat widget</a><br /><!-- End ShoutMix -->

<br/>
Anda berminat buat Buku Tamu seperti ini?<br/>
Klik di
<a href="http://www.fikriblaze.co.cc/2010/12/cara-buat-buku-tamu-melayang.html">
sini </a>

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

</div>

</div>

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

6. Ganti kode yang berwarna merah dengan kode buku tamu yang sudah anda punya.
7. Lihat hasilnya

Selamat Mencoba

baca selengkapnya

Buat Tulisan Mengikuti Cursor

Buat Tulisan Mengikuti Cursor

✪ No comment yet

Sebelumnya saya mau katakan bahwa ini trik blog yang mungkin menggangu, tapi terserah anda mau pasang atau tidak. Trik blog kali ini akan "bercerita" tentang tulisan yang mengikuti cursor, maksudnya? maksudnya adalah di blog anda, akan ada tulisan yang bisa anda tentukan sendiri yang mengikuti cursor kemanapun ia bergerak, ketika sedang diam, tulisan itu masih tetap bergerak. Masih bingung? coba lihat blog teman saya yang satu ini Blog Percobaan
Jika anda sudah mengerti, kita lanjutkan ke langkah berikutnya, yaitu pembuatannya
1. Buka blogger
2. Masuk ke rancangan --> edit tata letak --> tambah gadget --> HTML/Javascript
3. Masukan kode ini

<style type='text/css'>
#outerCircleText {
font-style: italic;
font-weight: bold;
font-family: 'comic sans ms', verdana, arial;
color: #0000ff; /* warna huruf */
position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;}
#outerCircleText div {position: relative;}
#outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;}
</style>

<script type='text/javascript'>
//<![CDATA[
;(function(){
// Your message here (QUOTED STRING)
var msg = "http://www.gawisacmscheater.blogspot.com/"; /* tulisan yang muncul */
/* THE REST OF THE EDITABLE VALUES BELOW ARE ALL UNQUOTED NUMBERS */
// Set font's style size for calculating dimensions
// Set to number of desired pixels font size (decimal and negative numbers not allowed)
var size =20; /* ukuran huruf */
// Set both to 1 for plain circle, set one of them to 2 for oval
// Other numbers & decimals can have interesting effects, keep these low (0 to 3)
var circleY = 0.75; var circleX = 2;
// The larger this divisor, the smaller the spaces between letters
// (decimals allowed, not negative numbers)
var letter_spacing = 5;
// The larger this multiplier, the bigger the circle/oval
// (decimals allowed, not negative numbers, some rounding is applied)
var diameter = 10;
// Rotation speed, set it negative if you want it to spin clockwise (decimals allowed)
var rotation = 0.4;
// This is not the rotation speed, its the reaction speed, keep low!
// Set this to 1 or a decimal less than one (decimals allowed, not negative numbers)
var speed = 0.3;
////////////////////// Stop Editing //////////////////////
if (!window.addEventListener && !window.attachEvent || !document.createElement) return;
msg = msg.split('');
var n = msg.length - 1, a = Math.round(size * diameter * 0.208333), currStep = 20,
ymouse = a * circleY + 20, xmouse = a * circleX + 20, y = [], x = [], Y = [], X = [],
o = document.createElement('div'), oi = document.createElement('div'),
b = document.compatMode && document.compatMode != "BackCompat"? document.documentElement
:
document.body,
mouse = function(e){
e = e || window.event;
ymouse = !isNaN(e.pageY)? e.pageY : e.clientY; // y-position
xmouse = !isNaN(e.pageX)? e.pageX : e.clientX; // x-position
},
makecircle = function(){ // rotation/positioning
if(init.nopy){
o.style.top = (b || document.body).scrollTop + 'px';
o.style.left = (b || document.body).scrollLeft + 'px';
};
currStep -= rotation;
for (var d, i = n; i > -1; --i){ // makes the circle
d = document.getElementById('iemsg' + i).style;
d.top = Math.round(y[i] + a * Math.sin((currStep + i) / letter_spacing) * circleY - 15) +
'px';
d.left = Math.round(x[i] + a * Math.cos((currStep + i) / letter_spacing) * circleX) + 'px';
};
},
drag = function(){ // makes the resistance
y[0] = Y[0] += (ymouse - Y[0]) * speed;
x[0] = X[0] += (xmouse - 20 - X[0]) * speed;
for (var i = n; i > 0; --i){
y[i] = Y[i] += (y[i-1] - Y[i]) * speed;
x[i] = X[i] += (x[i-1] - X[i]) * speed;
};
makecircle();
},
init = function(){ // appends message divs, & sets initial values for positioning arrays
if(!isNaN(window.pageYOffset)){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
} else init.nopy = true;
for (var d, i = n; i > -1; --i){
d = document.createElement('div'); d.id = 'iemsg' + i;
d.style.height = d.style.width = a + 'px';
d.appendChild(document.createTextNode(msg[i]));
oi.appendChild(d); y[i] = x[i] = Y[i] = X[i] = 0;
};
o.appendChild(oi); document.body.appendChild(o);
setInterval(drag, 25);
},
ascroll = function(){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
window.removeEventListener('scroll', ascroll, false);
};
o.id = 'outerCircleText'; o.style.fontSize = size + 'px';
if (window.addEventListener){
window.addEventListener('load', init, false);
document.addEventListener('mouseover', mouse, false);
document.addEventListener('mousemove', mouse, false);
if (/Apple/.test(navigator.vendor))
window.addEventListener('scroll', ascroll, false);
}
else if (window.attachEvent){
window.attachEvent('onload', init);
document.attachEvent('onmousemove', mouse);
};
})();
//]]>
</script>

4. Simpan
 Namun jangan lupa agar mengganti tulisan yang ber-background merah dengan tulisan yang anda inginkan.
Sekian.

baca selengkapnya

Mengganti Logo B/ Faficon

Mengganti Logo B/ Faficon

✪ No comment yet

Bosan dengna logo B yang adan ada blog anda? pingin ganti ama yang lain?, itu semua BISA asalkan ada niat untuk merubahnya. Langsung saja ke topik pembicaraan, Logo B untuk blogger atau yang disebut favicon ini sebenarnya bisa diganti, gk perlu ribet daftar sana-sini, gk perlu otak-atik kode, gk perlu pusing-pusing, hanya tinggal kopikan saja kode yang nanti saya akan berikan.
Langkahnya:
1. Biasa lah login ke blogger
2. namanya mau ngedit ya pasti ke Rancangan => edit HTML
3.Nah sekarang anda cari kode ]]></b:skin> yang di bawahnya ada kode  </head>
4. masukan kode dibawah ini diantara kedua kode di atas

<link href=' http://i669.photobucket.com/albums/vv51/breachnaked/biohazard-blue-logo-symbol.jpg' rel='shortcut icon' type='image/vnd.microsoft.icon'/>


5. Nah sekarang terlihat seperti ini

]]></b:skin>
<link href=' http://i669.photobucket.com/albums/vv51/breachnaked/biohazard-blue-logo-symbol.jpg' rel='shortcut icon' type='image/vnd.microsoft.icon'/> 
  </head>

(tulisan yang berwarna merah ganti dengan alamat gambar yang akan dijadikan favicon)

6. Simpan Template dan lihat hasilnya (hanya bisa dilihat dengan Mozzilla Firefox)
Silahkan comment

baca selengkapnya

Trick Blog

Trick Blog

✪ No comment yet

• Cara Membuat Tulisan Di Adres Bar Berjalan
• Mengganti Logo B/ Faficon 
• membuat tulisan mengikuti cursor 
• Cara Buat Buku Tamu Melayang 

baca selengkapnya

Cara membuat tulisan berjalan di adres bar

Cara membuat tulisan berjalan di adres bar

✪ No comment yet

Ingin blog anda jadi lebih bagus? ini salah satu trik agar blog anda terlihat lebih keren. Tulisan yang berjalan di address bar, seperti yang saya punya. Anda bisa mengotak-atik kode yang akan saya berikan, misalnya kecepatan geraknya, tulisannya dan silahkan deh anda berkreasi sendiri. Untuk membuatnya langsung ke langkahnya saja:
1. Login ke blogger
2. Masuk tab rancangan dan pilih edit HTML
3. copy kode dibwah ini

<script language="JavaScript">

var txt=".::***<data:blog.pageTitle/>***::. ";

var kecepatan=200;var segarkan=null;function bergerak() { document.title=txt;

txt=txt.substring(1,txt.length)+txt.charAt(0);

segarkan=setTimeout("bergerak()",kecepatan);}bergerak();

</script>

4. Paste persis di bawah <title><data:blog.pageTitle/></title>, atau di atas <b:skin>
5. Simpan Template dan lihat hasilnya

cat : kode yang berwarna biru bisa diganti sesuai selera, jika masih tetap seperti maka hasilnya akan seperti ini

.::***GAWISA CIAMIS CHEATER***::.

SELAMAT MENCOBA
silahkan comment

baca selengkapnya

Cara membuat firus

Cara membuat firus

✪ No comment yet

Hayyy gan...
gua sekarang beri sofware untuk membuat virus...
caranya sangat mudah...
gua gak bisa nerangin lebih lanjut...
di sini software + vidio tutornya...
nih screen shot nya:

 kalau mau download...
aplikasi : di sini
tutor     : di sini

baca selengkapnya