image
Free CSS Template

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam feugiat mi lacus, sed accumsan neque. Donec condimentum molestie laoreet.

Cara membuat spoiler (show/hide)

| 0 komentar | Kamis, 30 Juni 2011

nah kali ini ane ngepost mengenai spoiler .
apa sih spoiler itu tuh jiga sobat blogger suka/perna maen ke kaskus pasti sudah tidak lagi asing dengan spoiler ini nah contohnya seperti yang ada di bawah ini.



KHUSUS DEWASA [17+] :


hayo liat apaan..........!!!!! hehehehehehe


nah seperti itulah contohnya gmna tertari ga sih..heheheheh
kalo sobat bloger pengen bisa kayak gitu tapi tidak tau scriptnya
nah sekarang saya akan memberikan scripnya tinggal COPAS jah scrip yg ada di bawah ini..hehehehehe


Script Spoiler [COPAS JAH] :

<div style="margin: 5px 20px 20px;"><div class="smallfont" style="margin-bottom: 2px;"><b>Judul Spoiler <em>[Judul yang miring]</em></b> : <input value="Show" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"> </div><br /><div class="alt2" style="margin: 0px; padding: 6px; border: 1px inset;"><div style="display:none;">[ISI SPOILER]</div></div></div>


 CATATAN
bacaan yg berwarna merah di dalam spoiker bisa di ganti sesuai yg sobat bloger inginkan..!!


nah gmna mudah kan tinggal di edit" sedikit biar menarik kelihatannya heheheh...!!
semoga bermanfaat bagi sobat bloger..!





cara memasang read more di blog

| 3 komentar | Rabu, 29 Juni 2011





halo sobat bloger ketm,u lagi nieh .
di sini saya aka meng sahare bagai mana cara memasang read more secara otomatis di blog dan di samping nya akan muncul gambar pertama meski gambar yg di post ada di tengah tapi gambar secara otomatis bisa muncul sesuai yg anda inginkan,supaya blog anda tampil menarik heheheheh.
pertama-tama jang lupa save/backup dulu ke notpade ato apalah supaya kalo terjadi masalah anda tinggal mengembalikan lagi seperti semula.
ok langsung ajah ke TKP.
pertama-tama seperti biasa kalo mau ngutak ati yak  login blog rancangan Edit HTML →  jangan lupa centang bacaan Expand Template Widget jika sudah maka cari cari kode </head>
setelah ketemu kode yg di atas kemudian anda copy kan scrip yang ada di bawah ini.




<script type='text/javascript'>var thumbnail_mode = &quot;no-float&quot; ;
summary_noimg = 500;
summary_img = 400;
img_thumb_height = 150;
img_thumb_width = 150;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}

function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}

var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}


//]]>
</script>

kalau sudah di copy coba pratinjau saja,kalau tidak terjadi apapa berarti suskses.
kemudian ke langkah selanjutanya,
dengan cara yg sama rancangan → Edit HTML →  jangan lupa centang bacaan Expand Template Widget jika sudah maka cari cari kode <data:post.body/>.
kalau sudah ketemu kode yg di atas kemudian gode yg di atas ganti dengan kode di bawah ini 




<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script
type='text/javascript'>
createSummaryAndThumb("summary<data:post.id/>");
</script>
<span class='rmlink' style='float:
right'>
<a expr:href='data:post.url'>Read More... </a>
</span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/>
</b:if>

jika usdah di copy , yak save lah. hehehehehe

CATATAN:
yg di scrip ke2 ada yg bacaanya warnanya BIRU berarti itu bisa di ubah sesuai keinginan anda
o right adalah mrupakan letak daripada tulisan read more tersebut.jika ingin di letakan di kiri yg tulis jah left
Read More... adalah bacaan dari Read More itu sendiri bisa di ganti dengan SELANJUTNYA,SELENGKAPNYA,DLL.


keterangan dari scrip di atas:
var thumbnail_mode = "float"; perintah untuk menampilkan gambar di sebelah float (di sebelah kiri) jika anda ingin menggantinya ke sebelah kanan nmaka tinggal ganti jah float nya dengan (no-float)
summary_noimg = 500; perintah untuk menetapkan berapa banyak karakter/huruf/tulisan akan ditampilkan di posting tanpa gambar.
summary_img = 400;  perintah untuk menetapkan berapa banyak karakter/huruf/tulisan akan ditampilkan di posting + gambarnya.
img_thumb_height = 150;   TINGGIi gambar dalam ukuiran pixel.
img_thumb_width = 150;    LEBAR gambar dalam ukuran pixel.



nah gmna sobat blogger semoga bermanfaat bagi anda....!!!!

Tulisan mengikuti cursore

| 0 komentar |



ane akan memulai share mengenai tips and trick blog ini postingan pertama ane mengenai tips and trick blog,kenapa baru sekarang nge postinya soalnya ane jga sama" baru belajar mengenai java script/HTML jadi ane terlebih dahulu mempelajari apa yg ane dapet dari internet dan tidak langsung nge COPAS seenaknya tapi ane mempelajarinya dulu . ni tips yg mungkin anda pakai supaya tampilan blog anda begitu menarik.
agar pengunjung blog anda tidak merasa bosan berada lama" di blog anda. saya akan memberikan tips and trick mengenai blog yg berfungsi unt agar ada sebuah tulisan mengikuti cursore cukup gampang kok anda tinggal meng copy script yg ada di dalam kotak di bawah ini

<style type='text/css'>
#outerCircleText {
font-style: italic;
font-weight: bold;
font-family: 'comic sans ms', verdana, arial;
color:
#000000
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 = "
Beginner-site"; 
/* 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 =
25;
// 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>



langkah pertama siapkan snack dan kopu yak..hehehehhe just kiding
ok kita mulai langkah pertama.
login dulu ke blog → rancanganElemen lamanTambah Gatget
kemudian pilih HTML/javaScript
dan COPAS script yg ada di dalam kotak yg di atas itu tuh..!hehehe


catatan:
tulisan yg warna biru bisa di ganti sesuai keinginan
#000000 = warna tulisan untuk kode warna bisa di cek Disini
beginner-sites = bacaan tulisannya nanti
25 = ukuran tulisannya


gmna hasilnya sobat blogger .......!!!
semoga info yg ane temuin ini bermanfaat bagi anda.!
see you di trik blog berikutnya..!!

Album J-ROCKS

| 0 komentar | Selasa, 28 Juni 2011

berawal dari mengikuti audisi  festival musik Nescafe Get Started 2004, J-Rocks berhasil menjuarai festival musik Nescafe Get Started 2004 yang disponsori oleh Nescafe, Trans TV, dan Aquarius Musikindo. Masing-masing personil meraih best vocalist, best guitarist, best bassist, dan best drummer. Mereka berhasil menjuarai festival tersebut dan berkesempatan membuat album kompilasi Nescafe Get Started yang merupakan awal bentuk kerjasama mereka dengan Aquarius Musikindo.
dan menghasilkan album diantaranya
Album Studio
No.Cover ArtJudul AlbumTrack LaguTahun RilisAngka PenjualanSertifikat
1
Topeng Sahabat.jpg
Topeng SahabatLepaskan Diriku, Kuingin Kau Untukku, Entah Bagaimana, Into the Silent, Topeng Sahabat, Ceria, CahayaMu, Berharap Kau Kembali, Selamat Tinggal Kekasihku, Mestinya Ku Akhiri Semua, Kono Mune Ni.2005450.000 kopi6x Platinum
2
SpiritSpirit, Kau Curi Lagi, Cobalah Kau Mengerti, Juwita Hati, PDKT, Mestinya Kau Tahu, Saatnya Ku Bicara, Aku Harus Bisa, Semakin Sendiri, Tersesal.2007450.000 kopi[rujukan?]6x Platinum[rujukan?]
3Road To AbbeyIntro (Road To Abbey), Meraih Mimpi, Hanya Aku, Falling in Love (English), Falling in Love (Indonesia)200975.000 kopiPlatinum

Profile J-rocks

| 0 komentar |


J-Rocks adalah band dari Jakarta yang berdiri pada 9 November 2003 dengan personil Iman (vokal, gitar), Sony (gitar), Wima (bass), dan Anton (drum). Aliran band ini adalah Japanese pop/rock.
Awalnya band ini bernama J-Rockstars. Penambahan huruf "J" di depan kata Rockstar adalah dengan alasan J bisa berarti Jepang (karena mereka memainkan Japanese pop/rock music), Jakarta karena mereka berasal dari Jakarta, serta 'Jujur' yaitu memainkan musik yang benar-bener mereka sukai. Nama J-Rockstars akhirnya disingkat menjadi J-Rocks, dan nama J-Rockstars menjadi istilah untuk penggemar J-Rocks (biasa disingkat JRS). Sejak tahun 2008, J-Rocks mulai mengenakam kostum batik dengan desain modern namum tetap dengan dandanan ala Harajuku, dan mempromosikan batik kepada kawula muda.

Awal 2004, J-Rocks menjuarai festival musik Nescafe Get Started 2004 yang disponsori oleh Nescafe, Trans TV, dan Aquarius Musikindo. Masing-masing personil meraih best vocalist, best guitarist, best bassist, dan best drummer. Mereka berhasil menjuarai festival tersebut dan berkesempatan membuat album kompilasi Nescafe Get Started yang merupakan awal bentuk kerjasama mereka dengan Aquarius Musikindo. Mereka akhirnya berhasil meluncurkan album perdana nya yang bertajuk "Topeng Sahabat" dengan label Aquarius pada pertengahan tahun 2005 dan mengisi dua lagu di album OST Dealova yaitu "Serba Salah" dan "Into The Silent".
Band ini semakin dikenal sejak munculnya album kedua Spirit, J-Rocks memainkan bermacam-macam beat dan aliran musik seperti Rock'n Roll (Juwita Hati), Waltz / Victorian (Tersesal), Symphonic Metal (Aku Harus Bisa), blues, klasik, dan lain sebagainya.
Pada lagu berjudul "Kau Curi Lagi" mereka berkolaborasi gitaris wanita, Prisa Rianzi dan pada lagu "Juwita Hati" mereka membuat video klip di Jepang yang digarap oleh Hedy Suryawan. Shalvynne Chang, Sato & Boppy berperan sebagai fans yang mengejar idolanya sampai keJepang . Tidak tanggung-tanggung, beberapa kawasan di Jepang termasuk Shibuya & Harajuku dijadikan lokasi syuting Video Clip. Konsep yang menarik membuat Video Klip ini populer di Indonesia.





J-Rocks mengukir sejarah sebagai band Indonesia pertama yang rekaman di studio legendaris Abbey Road, di Inggris. Proses rekaman dan mixing lagu-lagu terbaru mereka dilakukan selama lima hari dari tanggal 12 sampai 16 Oktober 2008. Di studio Abbey Road mereka ditangani oleh Chris Butler, seorang sound engineer ternama.
Proses rekaman untuk ketiga lagu J-Rocks hanya membutuhkan waktu selama dua hari. Di hari ke-3, Christ melakukan proses final mixing untuk lagu-lagu itu. Sambil menunggu, J-Rocks membuat video clip untuk lagu Falling in Love dan berfoto di zebra cross legendaris Abbey Road dengan mengenakan batik yang sudah mereka persiapkan dari Jakarta. Hasilnya J-Rocks merilis album ke-3, berupa mini album bertajuk "Road to Abbey", dengan cover bergambar J-Rocks menyebrangi zebracross Abbey Road ala The Beatles. Berisi 4 lagu dan 1 instrumental.
Kesempatan berharga ini diperoleh J-Rocks karena memenangkan ajang "A Mild Live Soundrenaline 2008". J-Rocks terpilih sebagai band terbaik di ajang tersebut karena mampu tampil sesuai dengan tema "Free Your Voice" dan berhasil membawa topik "Save Our Music and Culture". Rekaman di Abbey Road Studios diharapkan bisa menjadi pintu gerbang go internasional.
Abbey Road Studios didirikan pada November 1931 oleh EMI di "London". Sejumlah musisi tersohor pernah merekam lagu mereka di studio itu, seperti The BeatlesGreen DayMuseOasisRadioheadRed Hot Chili PeppersU2 bahkan Michael Jackson.
                                           
Latar belakang
Lahir9 November 2003
Bendera Indonesia JakartaIndonesia
Jenis Musikpop rockj-pop
Tahun aktif2003-sekarang
Perusahaan rekamanAquarius Musikindo
DipengaruhiL'Arc~en~CielMalice Mizer,MuseNirvana
Situs resmihttp://j-rocks.co.id
Anggota
Iman Taufik Rachman - vocalgitar
Swara Wima Yoga - bass
Sony Ismail Robbayani - gitar
Anton Rudy Kelces - drum



info:Wikipedia