4 Blink Text Effect

Membuat Text Berkedip

Sempat aku ngerasa bingung mau posting apa kali ini, uhm sebenarnya banyak yang mau kuposting,tapi berhubung lagi males nulis, mungkin hari ini aku posting sesuatu yang sederhana aja. Pernah lihat tulisan yang berkedip? Contohnya seperti text di bawah ini:
Tulisan ini berkedip-kedip kan?

Untuk membuat efek berkedip seperti itu sangatlah mudah, cukup menambahkan kode blink diantara text yang mau dibuat berkedip:
Contohnya adalah:

Text yang ingin dibuat berkedip
Kodenya:
<blink>TULIS TEXT DI SINI</blink>

ganti kata 'TULIS TEXT DI SINI' dengan tulisan yang ingin dibuat berkedip.
Sebenarnya masih banyak efek text yang lain tapi ini dulu ya! Yang lainnya menyusul deh.
[[..selengkapnya..]]

Related Posts Widget For Blogger with ThumbnailsBlogger Widgets 4 komentar

0 Cara Mengganti Tulisan Older Post dan Newer Post Dengan Icon Gambar


Secara default, setiap template blogger akan dilengkapi dengan older post dan newer post yang masing-masing berfungsi untuk menampilkan postingan lama dan baru.

Agar tampilannya lebih menarik, anda bisa menggantinya dengan icon.
Caranya:
1. Pada menu klik Layout -> Edit HTML
2. Biar aman backup dulu template anda dengan klik Download Full Template
3. Beri tanda centang pada kotak "Expand Widget Template"
4. Lalu cari kode
<data:olderpagetitle> Posting Lama
<data:newerPageTitle/> Posting Lebih Baru
<data:homeMsg/> Beranda/Home
5. Kalau sudah ketemu ganti kode tersebut dengan Url icon dibawah ini.

Contohnya seperti gambar dibawah ini.


<img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXRE1vUCYEoEhtOSXmxYGFm5fYSvP9gr0B7Li6deCmdckFrmVmFraTBVO804UFiEoMynOcVBED-ZlCVF8ExG9tqE1CoAT-orxzkdkF48j7K111R2UqPOqLJgWc1AQKvws4HxliKpYcGrmQ/s128/back-icon.png" />



<img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMtkaNc0UFVdSC-OIgctWCFGPK_G0qz0Vu2PFJ4FRFYMQfnxsdDg-PVRrR3QJncVp7N7fw74NnG4Ei5zkbmXOY1GpF2HfRr3WU72_diuK0EvsWJVUU88jUDgVR5kPA7seOVFYSlNq-jPVD/s128/home-icon.png" />



<img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuVSMy74MNT4eOtEgE4hx1B2BL4aM5jOrasYkZnzawSx0rRw1vtmQU75O6Axfp3KR0ywI95qII9c8K7B2HKEyuVDqJlCgC6396I6Z5YxClLPkrS4zxbjWQXLZRfO4U4slbxMCF9Js8WblE/s128/next-icon.png" />



<img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmim4eJL0NuvZrTLvLOR6Iy_n6wgImk1INfQ6o_Cijvxb-VUqN7_qSMFfNtDpYbqRyr5faCZxxQNR64PNny0qUZbr0kTubfigyU65uFO0USxlm5DtBts9bMfYlzoccG6e1iNDkpMD4Q8i8/s128/Copy%20of%20next.png" />



<img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQxOK2TcFABitVBYIUstqhdYCL4vWh94pcT9Jt9J_vuKFSM4Pvrip_gBZzfjOGeTzfMcTB2i175fEqJC8jYzqPQ4oOch1bCelTsTQXvHnaQx5lXDLSRtRSS1R3CPCEnMs9hbc3LZvRvqku/s128/Home.png" />



<img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXRZJE4fDzKbhD7ODz76BW_Twxa_bYqkt-brJeaxWzdXwEF9Y34nrchkr7nlQUcRlms67CRjY8WXpbRq9-wOKZ146ujimQr3MZKYAH12-0WeV65BhNKMEkREBwAXBM9CeuoTrBXVu9fG-O/s128/next.png" />



<img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtAd2VR5cpJRrb_RAKJly6A2mxtAVBwtgOOFORlvTETU5Sl2lUCMRjl807Y2r5W0EGNGYoUKJHOee-Cf9kwWeoPq9wLD8AR2OeGrLQlr9mLXwW97MiyagMJophkbj2vJDYe-wR3KCmm8D4/s128/28.png" />



<img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilW_JHB5epAzpNrYfy-BnUauLWi_BTHmJkK2BcqIGMBQ6l3wgbfQjPTBO3tzjiIrb6cM73HjMiwF2LWnsi3OQUvGVlJ9pG8en7byqvo9pK1oGTVWXRMMDMYHU359nypqQ_yk33AZv6ii9q/s128/22.png" />



<img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4KCcN__j_JC8edE0KFkvJjzA-8DhGrep-KHjxYhQDmP6wFMGfDjME03vp5RsPJN1ffOl2Jk_RPvrqszpA0KQ125ltVoMdKMaDhlussKtJHLwumZXPzfacvUFFT3J2LgmL1MV3e4rYMk_U/s128/23.png" />



<img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJI7qnwAfewl0hGrt1HuwOu5NVGjSyQubHWZ6Ig0QITMNfOILgCqUXD2laBzOwlxz38lofcf9UDC5cARso0iW5v6oM6KsPwm6PNYNA6kixsOejmTw30AvoStJBPklpvAUl-jJj1EWoYy_g/s128/blue_arrow_up.png" />



<img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgW9tSfXO4WehWE1SvC2kAeAWoFGHM5VqEybRGk_Ji7xaUuGFSXK-xsnnKEG0rpPBEK68FuQUgORnExC9tUassRfCesuzrkZ5sbC9ot2rrtgw2AVCqstV0i-fRKO5k411VkC_M9wcZck1HM/s128/computer.png" />



<img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkafX6Q3YSppBhhGd1ZUruSPZMO8ofeAZ7LoBp9m2pLchmvcwWu8yPmBHIJVJ7lxDMDmSzEurI_qZiYT_ufScPylQfyabv08j9vyjogsZQEA_lF290l7nANVplHj8SmSAqs1jwOE6eh0Xp/s128/blue_arrow_down.png" />
[[..selengkapnya..]]

0 komentar

0 Cara Memasang Halaman Berurutan

Langsung saja kalian copy paste code dibawah ini di ADD PAGE ELEMENT ..
<style>
.showpageArea a {
text-decoration:underline;
}

.showpageNum a {
text-decoration:none;
border: 1px solid #bbb;
margin:0 3px;
padding:3px;
}

.showpageNum a:hover {
border: 1px solid #bbb;
background-color:#bbb;
}
.showpagePoint {
color:#fff;
text-decoration:none;
border: 1px solid #fff;
background: #000;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #bbb;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333;
}

</style>



<script type="text/javascript">

function showpageCount(json) {
var thisUrl = location.href;
var htmlMap = new Array();
var isFirstPage = thisUrl.substring(thisUrl.length-14,thisUrl.length)==".blogspot.com/";
var isLablePage = thisUrl.indexOf("/search/label/")!=-1;
var isPage = thisUrl.indexOf("/search?updated")!=-1;
var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length) : "";
thisLable = thisLable.indexOf("?")!=-1 ? thisLable.substr(0,thisLable.indexOf("?")) : thisLable;
var thisNum = 1;
var postNum=1;
var itemCount = 0;
var fFlag = 0;
var eFlag = 0;
var html= '';
var upPageHtml ='';
var downPageHtml ='';


var pageCount=5;
var displayPageNum=3;
var firstPageWord = 'Home';
var endPageWord = 'End';
var upPageWord ='Previous';
var downPageWord ='Next';



var labelHtml = '<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';

for(var i=0, post; post = json.feed.entry[i]; i++) {
var timestamp = post.published.$t.substr(0,10);
var title = post.title.$t;
if(isLablePage){
if(title!=''){
if(post.category){
for(var c=0, post_category; post_category = post.category[c]; c++) {
if(encodeURIComponent(post_category.term)==thisLable){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}

postNum++;
htmlMap[htmlMap.length] = '/search/label/'+thisLable+'?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;
}
}
}
}//end if(post.category){

itemCount++;
}

}else{
if(title!=''){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}

if(title!='') postNum++;
htmlMap[htmlMap.length] = '/search?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;
}
}
itemCount++;
}
}

for(var p =0;p< htmlMap.length;p++){
if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
if(fFlag ==0 && p == thisNum-2){
if(thisNum==2){
if(isLablePage){
upPageHtml = labelHtml + upPageWord +'</a></span>';
}else{
upPageHtml = '<span class="showpage"><a href="/">'+ upPageWord +'</a></span>';
}
}else{
upPageHtml = '<span class="showpage"><a href="'+htmlMap[p]+'">'+ upPageWord +'</a></span>';
}

fFlag++;
}

if(p==(thisNum-1)){
html += '&nbsp;<span class="showpagePoint"><u>'+thisNum+'</u></span>';
}else{
if(p==0){
if(isLablePage){
html = labelHtml+'1</a></span>';
}else{
html += '<span class="showpageNum"><a href="/">1</a></span>';
}
}else{
html += '<span class="showpageNum"><a href="'+htmlMap[p]+'">'+ (p+1) +' </a></span>';
}
}

if(eFlag ==0 && p == thisNum){
downPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">'+ downPageWord +'</a></span>';
eFlag++;
}
}//end if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
}//end for(var p =0;p< htmlMap.length;p++){

if(thisNum>1){
if(!isLablePage){
html = '<span class="showpage"><a href="/">'+ firstPageWord +' </a></span>'+upPageHtml+' '+html +' ';
}else{
html = ''+labelHtml + firstPageWord +' </a></span>'+upPageHtml+' '+html +' ';
}
}

html = '<div class="showpageArea"><span style="padding: 2px 4px 2px 4px;margin: 2px 2px 2px 2px;border: 1px solid #333; background-" class="showpage">Page '+thisNum+' of '+(postNum-1)+': </span>'+html;

if(thisNum<(postNum-1)){
html += downPageHtml;
html += '<span class="showpage"><a href="'+htmlMap[htmlMap.length-1]+'"> '+endPageWord+'</a></span>';
}

if(postNum==1) postNum++;
html += '</div>';

if(isPage || isFirstPage || isLablePage){
var pageArea = document.getElementsByName("pageArea");
var blogPager = document.getElementById("blog-pager");

if(postNum <= 2){
html ='';
}

for(var p =0;p< pageArea.length;p++){
pageArea[p].innerHTML = html;
}

if(pageArea&&pageArea.length>0){
html ='';
}

if(blogPager){
blogPager.innerHTML = html;
}
}

}
</script>

<script src="/feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" type="text/javascript"></script>
<div style="text-align:right;font-size:10px;color:000000;margin-top:15px;display:none;"></div>


Jangan lupa pindah page element tadi ke bawah post kita seperti gambar di atas ...
[[..selengkapnya..]]

0 komentar

0 Menghilangkan Tulisan "Langgan: Entri (Atom)"

Kadang blog kita ingin terlihat rapi, tentu saja begitu bukan? Ada yang merasa kerapian blog kita terganggu dengan adanya tulisan di "Langgan: Entri (Atom)"? Mungkin itu yang pernah kita alami, dengan tulisan itu yang menurut kita tidak penting adan tempatnya juga kurang sesuai, maka kita bisa hilangkan atau kita ganti tempatnya gar lebih rapi.

Blog yang rapi, dengan tampilan yang sederhana, tidak terlau banyak tulisan atau lebar, mungkin sampai ke bawah banget :( Kita akan belajar bagaimana cara menghilangkan tulisan "Langgan: Entri (Atom)". Sehingga blog kita diharapkan bisa lebih rapi lagi, dan menarik pengunjung untuk berlama-lama di blog kita

Cara Menghilangkan Tulisan "Langgan: Entri (Atom)"
1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Tata Letak.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Cari kode berikut ini
<div class='feed-links'>
<data:feedLinksMsg/>
<b:loop values='data:links' var='f'>
<a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
</b:loop>
</div>

6. Hapus (delete) kode tersebut.
7. Simpan template jika sudah selesai.
[[..selengkapnya..]]

0 komentar

0 Bikin Blogroll Sederhana

Biasanya kita saling bertukar link dengan blogger yang lain atau juga dengan web Orang lain. Nah dari pada kita hanya mnampilkan secara amburadul atau model yang terlalu panajang sehingga memenuhi template, uh pastiu dipandang g indah bukan. Nah mungkin tutorial ini dapat membantu, meskipun ini sederhana namun cukup cantik bila dipasanng di blog kita. Manfaatnya juga agar tampilan lebih minimalis. Jadi jika kita memiliki Link yang cukup banyak tak kan jadi masalah.

1. Blogroll Dengan Marquee
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="down" width="100%" height="200">
<a href="#" target="_blank">Mir Blogspot</a>
<br/><br/>
<a href="#"_blank">Free Blog Teamplates</a>
<br/><br/>
<a href="#" target="_blank">Siska Blog</a>
<br/><br/>

</marquee>


Ganti tanda # dengan target url blog teman anda....
scrollamount="2" => angka "2" menunjukkan kecepatan, apabila ingin lebih cepat ganti aja dengan 3 berapapun yang anda suka.

direction="down" => menunjukkan arah gerakannya kebawah, apabila ingin yang lain ganti aja dengan up, left, ataupun right

width="50% => "50%" menunjukan lebar dari marquee sebesar "50%" dari tempat dimana perintah ini ditempatkan, anda bisa menggantinya dengan 30%, 100% atau berapapun yang anda inginkan.

height="200" => "200" menunjukan tinggi dari marquee sebesar 200px, anda juga bisa menggantinya dengan berapapun yang anda inginkan.


Lihat hasilnya:


Mir Blogspot

Free Blog Teamplates

Siska Blog




2. Blogroll dengan Drop down menu
<form>

<select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1 name=menu>

<option> - Blogroll - </option>

<option value="#">Mir Blogspot</option>

<option value="#">Free Blog Teamplates</option>

<option value="#">Siska Blog</option>

</select>

</form>


Lihat hasilnya:








3. Blogroll Urut kebawah
<option selected="selected" style="font-weight: normal; font-size: 11px; color: rgb(204, 204, 204); font-family: Verdana,Tahoma,Arial;" value="#"/>Sahabatku
<option value="#">Mir Blogspot

<option value="#">Free Blog Teamplates

<option value="#">Siska Blog

<option value="#">Catatan Oktavia

<option value="#">Faisal Blog

</select>


Lihat hasilnya:

[[..selengkapnya..]]

0 komentar

1 Daftar Juara Piala Dunia


Spanyol akhirnya menjadi kampiun baru di perhetalan akbar sepakbola, Piala Dunia 2010.

Gelar tersebut menjadi gelar pertama Spanyol, sekaligus prestasi terbaik mereka dalam keikutsertaan di turnamen empat tahunan ini. Sebelumnya, La Furia Roja meraih prestasi tertinggi sebagai tim terbaik keempat di Piala Dunia 1950.


Sementara bagi Belanda, menjadi runner up bukan pengalaman pertama mereka setelah takluk 1-0 dari Spanyol di Soccer City Stadium, Johannesburg. Sebelumnya mereka juga sempat kalah di dua laga final, yakni di Piala Dunia 1974 dan 1978.

Inilah daftar juara Piala Dunia:
Piala Dunia 1930 Uruguay - Uruguay
PD 1934 Italia - Italia
PD 1938 Prancis - Italia
PD 1950 Brasil - Uruguay
PD 1954 Swiss - Jerman Barat
PD 1958 Swedia - Brasil
PD 1962 Cili - Brasil
PD 1966 Inggris - Inggris
PD 1970 Meksiko - Brasil
PD 1974 Jerman Barat - Jerman Barat
PD 1978 Argentina - Argentina
PD 1982 Spanyol - Italia
PD 1986 Meksiko - Argentina
PD 1990 Italia - Jerman Barat
PD 1994 Amerika Serikat - Brasil
PD 1998 Prancis - Prancis
PD 2002 Korea Selatan & Jepang - Brasil
PD 2006 Jerman - Italia
PD 2010 Afrika Selatan - Spanyol


http://id.sports.yahoo.com/
[[..selengkapnya..]]

1 komentar

0 SPANYOL JUARA PIALA DUNIA 2010


Spanyol memastikan diri sebagai yang terbaik di Piala Dunia 2010 setelah mengalahkan Belanda di laga final dengan skor 1-0 di Soccer City Stadium, Johannesburg, Senin (12/7) dinihari WIB.

Adalah Andres Iniesta yang menjadi pahlawan kemenangan Spanyol dengan gol tunggalnya ke gawang Belanda di babak kedua perpanjangan waktu.

Spanyol juga sukses mengawinkan gelar juara setelah dua tahun lalu meraih tropi Piala Eropa dengan mengalahkan Jerman di laga final.

Sementara Belanda harus kembali puas untuk ketiga kalinya harus menjadi runner up di turnamen akbar Piala Dunia. Sebelumnya mereka juga menjadi runner up di tahun 1978 dan 1974.

Jalannya Pertandingan

Spanyol sudah membuka kesempatan di menit kelima lewat sundulan Sergio Ramos. Akan tetapi, dalam ujian pertamanya, Maarten Stekelenburg berhasil mengamankan gawangnya dengan baik.

David Villa menguji peruntungannya di menit 12. Bola hasil sepakannya hanya melebar dari gawang.

Howard Webb juga tak ketinggalan menunjukkan aksinya dengan mengeluarkan lima kartu kuning dalam rentang waktu 13 menit untuk lima pemain berbeda.

Di menit 34, Iker Casillas salah memperhitungkan datangnya bola fair play yang ditendang Gregory Van Der Wiel. Bola lambung memantul ke kotak penalti dan gagal dijangkaunya. Untungnya bola tipis melebar dari gawang.

Tiga menit berselang, Joris Mathijsen membuang peluang matang yang didapatnya karena gagal menendang bola yang melintas pelan dengan kaki kiri. Padahal dia sudah berada dalam posisi tak terkawal di kotak penalti Spanyol.

Memasuki masa injury time babak pertama, Arjen Robben mendapat kesempatan lewat tendangan kaki kiri. Akan tetapi bola yang mengarah ke tiang dekat gawang Spanyol berhasil diamankan dengan baik oleh kapten tim Iker Casillas.

Di babak kedua, giliran Joan Capdevilla yang gagal menyapu bola ketika berada di kotak penalti Belanda dalam posisi tak terkawal. Momentum itu terjadi ketika pertandingan baru berjalan tiga menit.

Peluang matang didapat Belanda di menit 62. Lewat serangan balik cepat, Robben lolos dari jebakan offside dan berhadapan satu lawan satu dengan Casillas. Akan tetapi, bola tendangannya berhasil dihadang kiper nomor satu Spanyol itu dengan kakinya. Skor 0-0 pun tetap bertahan.

Di menit 69, David Villa memiliki kesempatan membawa timnya memimpin jika saja bisa lebih tenang dalam melepas tendangan ke arah gawang yang dalam posisi tak terkawal.

Memasuki menit ke-77, Sergio Ramos menyambut bola sepak pojok Xavi dengan kepalanya dan dalam kondisi tak terkawal. Akan tetapi, bola sundulan kepalanya masih tipis melintas di atas mistar gawang Stekelenburg.

Robben kembali mendapat kesempatan untuk membawa timnya memimpin lewat aksi individunya di menit 83. Namun Casillas berhasil membaca pergerakannya dan mencuri bola dari Robben.

Kedua tim terus menekan di sisa pertandingan. Namun hingga berakhirnya waktu normal, skor 0-0 tetap bertahan. Pertandingan pun dilanjutkan ke babak tambahan waktu.

Di awal babak perpanjangan waktu pertama, Stekelenburg melakukan penyelamatan penting dengan menghalau tendangan Cesc Fabregas yang masuk ke babak kedua. Belanda membalas dengan sundulan Mathijsen yang masih tipis di atas mistar gawang Casillas.

Di menit 100, Jesus Navas mencoba peruntungannya dengan melepas tendangan dari dalam kotak penalti. Namun bola berhasil diblok Van Bronckhorst yang membuat bola melebar dari gawang. Bek veteran Belanda itu sebelumnya juga melakukan intersep penting dengan menghalau sepakan Iniesta. Tendangan Fabregas juga masih melebar dari gawang.

Di paruh kedua babak perpanjangan waktu, Belanda kehilangan salah satu pemainnya, John Heitinga, karena akumulasi dua kartu kuning. Bek Belanda itu melanggar Iniesta jelang masuk ke kotak penalti mereka. Hadiah tendangan bebas pun diberikan kepada Spanyol, namun gagal dimaksimalkan Xavi yang maju sebagai eksekutor.

Di menit 116, Spanyol akhirnya bisa memecah kebuntuan. Iniesta yang mencetak gol lewat tendangan kerasnya dari dalam kotak penalti, setelah mendapat bola sodoran dari Xavi.

Tak pelak gol tersebut disambut dengan meriah kubu Spanyol. Semua pemain di bangku cadangan pun mengejar Iniesta dan merayakan golnya di pinggir lapangan.

Belanda yang memiliki waktu kurang lebih empat menit berusaha untuk mengejar ketertinggalan mereka. Akan tetapi, hingga berakhirnya pertandingan, skor 1-0 untuk kemenangan Spanyol tetap bertahan. SPANYOL PUN MENJADI JUARA DUNIA 2010.

Susunan Pemain:
Belanda: Stekelenburg, Van Bronckhorst (Braafheid 105), Mathijsen, Heitinga, Van der Wiel, De Jong (Van der Vaart 99), Van Bommel, Kuyt (Elia 71), Sneijder, Robben, Van Persie

Spanyol: Casillas, Capdevilla, Puyol, Pique, Sergio Ramos, Xabi Alonso (Fabregas 87), Busquets, Pedro (Navas 60), Xavi, Iniesta, Villa (Torres 106)


Sumber: http://id.sports.yahoo.com/
[[..selengkapnya..]]

0 komentar

0 Cara Membuat Spoiller Pada Blog

Terkadang kita sangat memerlukan sebuah cara untuk menampilkan spoiller pada blog. Tujuannya mungkin untuk menyingkat tulisan yang sangat panjang ataupun membuat gambar yang bisa disembuyikan dan ditampilkan. Bagi para pengguna atau member sebuah forum , kata spoiller mungkin sudah tidak asing lagi.

Berikut contoh sebuah spoiller..:
<div style="margin: 5px 20px 20px;"><div style="margin-bottom: 2px;"><b>[Judul Spoiler] <em>[Judul 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 style="margin: 0px; padding: 6px; border: 1px inset;"><div style="display:none;">[ISI SPOILER]</div></div></div>

Contoh:
[Judul Spoiler] [Judul miring] :

[ISI SPOILER]
[[..selengkapnya..]]

0 komentar
Copyright 2010 Artikel dan Trik Menarik