Surat Dari Dochi PWG di Jepang

Senin, 25 Maret lalu Dochi bertolak ke Tokyo untuk liburan sekaligus nonton Punksping 2013. ternyata selama di Tokyo Dochi mendapat banyak pengalaman menyenangkan, bertemu dan bahkan ngobrol-ngobrol dengan musisi-musisi sohor di skena punk yang sebagian besar adalah idolanya. Dochi yang sedang mempersiapkan kepulangannya ke Jakarta besok (Rabu, 10/4), sempat mengirim cerita lewat WhatsApp. Simak cerita Dochi dari Tokyo dibawah ini:

Dua bulan lalu pas lagi tour 15 kota sama Pee Wee Gaskins, temen di Jepang Seiji Nagashima - yang waktu itu ngundang PWG main di Summer Sonic dan sebelumnya juga ngundang aku nonton Punkspring 2012 – email aku. Dalam emailnya Seiji nawarin 'Tahun ini mau nonton Punkspring lagi gak? Kalau mau, nanti dibuatin invitationnya, please enjoy Punkspring this year' kata Seiji. Aku langsung pesen tiket untuk sebulan karena waktu itu pas lagi gak punya pacar juga hehe....Tapi setelah dipikir-pikir sebulan kelamaan jadinya di potong jadi 15 hari, berangkatlah aku Jepang 25 Maret lalu.

Pas Summer Sonic tahun lalu aku kenal sama "dork" disini namanya Ryohei Wakita, aku tanya boleh stay ditempat dia gak, katanya 'dengan senang hati'. Jadinya ngirit deh gak bayar hotel hahahaha.... Lumayan banget.... taulah biaya hidup di Jepang. Wakita ini kebetulan promotor yang suka bikin event disini untuk band-band pop punk sepertiCastaway, After Tonight, dll. Beruntung aku dibikinin showcase akustik bareng mereka di Shibuya.. Di salah satu lagu featuring sama vokalis After Tonight namanya Ken Yamamoto. Kita bawain lagu Pee Wee Gaskins yang 'Summer Thrill'

Yang sangat menyenangkan adalah disini ketemu banyak orang yang menarik, dan mereka sangat hangat begitu denger aku dari Indonesia

Konser pertama yang aku datangin adalah shownyaBlessthefall , band asal Arizona, Amrik dan band JepangColdrain, band-band ini sangat populer di Jepang. Di konser itu aku janjian ketemu Seiji utk ambil access card Punkspring 2013. Surprise karena di backstage aku ngobrol sama Elliot gitarisnya Blessthefall, Beau Bokan vokalis Blessthefall dan Masato dari Coldrain, Aku sempat kenalan sama Hiroki Moriuchi, vokalis dari band My First Story.yang ternyata adik dari Taka, vokalis band gede di Jepang One OK Rock. Begitu aku posting foto aku sama Hiro di Twitter, ternyata banyak fans mereka di Indonesia.

Shun, temenku bassist Totalfat nge-LINE, ngasih tau kalo dia lagi ngobrolin tentang aku dan Pee Wee Gaskins keAkihiro Namba (Hi-Standard), lalu dia bilang mau ketemu pas di Punkspring, kirain boongan, eh ternyata bener. Jadi di backstage Punkspring aku ngobrol-ngobrol banyak bareng Namba dan manajernya juga, Waka. Sama mereka aku diajak nonton band-band yang main di Punkspring bareng-bareng dari pinggir panggung. Kita nontonLagwagon, NOFX, dan Pennywise. Aku dikenalin juga ke band band itu, Namba ternyata sangat diseganin oleh band-band internasional ini.

Namba bilang dia pengen banget main di Indonesia, dan sekarang aku lagi proses nyelipin dia main di sebuah festival di Jakarta. Bulan Mei nanti Namba dan managernya mau stay dua hari di Jakarta pengen liat-liat, karena meneurut mereka selama ini Indonesia adalah salah satu negara yang fansnya paling banyak ngirim email, surat, dan twit. Mereka penasaran banget pengen main di Jakarta.

Setelah Punkspring, Akihiro Namba ngundang aku ke extra show Lagwagon dan NOFX di Shibuya. Aku seneng banget karena dikasih akses backstage lagi, Sampe mereka hapal banget mukaku, kalo ketemu mereka nyapa aku 'Indonesian guy Dochi!' hehehehe...

Seneng banget punya kesempatan bisa deket sama idola-idola yang musiknya pertama kali aku denger saat masih SMP - SMA dulu, bahkan sempet party bareng setelah Punkspring. Pengalaman menyenangkan. Kemaren terakhir aku ketemu Namba lagi, diundang nonton show dia di Shimokitazawa bareng band RadiotsCeaster Corp

Read More

Manajemen Artis Ingkar Janji, Konser Pee Wee Gaskins Mengecewakan

www.ceaster.com - Konser grup band asal Jakarta Pee Wee Gaskins di di pasar Argobis Kabupaten Lamongan, Minggu siang (11/11/2012) sepi penonton.

Sepinya penonton tersebut diakibatkan minimnya promo serta di tiga kota Lamongan, Tuban dan Bojonegoro.

Kondisi ini membuat Manager Radio Mahkota FM Babat Lamongan Budi Santoso berang. Ia kecewa dan merasa dibohongi. Pasalnya apa yang dijanjikan dari pihak managemen Pee Wee Gaskins tidak sesuai apa yang disampaikan kepada pihak penyelenggara. Misalnya, akan memasang spanduk dan balio di tiga kota.

“Saya kecewa kepada pihak manegemen Pee Wee Gaskin karena ingkar janji. Padahal kewajiban panita sudah dibayar lunas,” keluhnya kepada LICOM, usai konser.

Kekecewaan bukan hanya dirasakan pihak penyelenggra, tetapi juga para penonton. Sebab Mereka sejak siang sudah menunggu di lokasi. Namun band peewee Gaskin datang di lokasi pukul 16.30 WIB. Apalagi band yang beranggotakan Dochi, Sansan, Omo, Aldy, dan Ai itu hanya main beberapa lagu saja. Peee Wee Gaskins tampil kurang dari satu jam, sebab konser harus elesai pukul 17.00 WIB.

“Kita beli tiket mahal kok band-nya cuma main beberapa lagu saja. Datang telat lagi!,” kata Umi (19) penonton cewek asal Tuban 
 Ceaster Corp

Read More

Menambahkan Navigasi Tab CSS3 Keren untuk Blogger

Dalam tutorial ini saya akan menjelaskan bagaimana menambahkan Navigasi Tab CSS3 Keren untuk Blogger. Anda dapat menambahkannya ke blogger sebagai widget. Jika Anda ingin menambahkan seperti fan page, tombol sosial atau kode untuk tombol individu, Anda dapat menambahkannya dengan mengganti deskripsi. Dukungan ini dengan IE 7 dan IE 8, silakan simak tutorial ini.

www.ceaster.com
1. Pergi ke Blogger.com >> Situs Anda.
2. Klik Template >> Edit HTML.
3. Sekarang Anda baru masuk dalam Blogger HTML Editor tekan CTRL+F untuk mencari code ]]> </ b: skin>
4. Pastekan Kode dibawah ini di atas kode ]]> </ b: skin>

/* The CSS Code for the tabs menu */
#btabcontainer{
 margin:0 auto;
 width:280px;
 margin-top:4%;
}
.btab-container {
 position: relative;
 width: 100%;
 z-index:0;
}
.btab-container > div {
 display: inline;
}
.btab-container > div > a { 
 position: relative !important;
 text-decoration: none;
 color: #D7D7D7;
 display: inline-block;
 padding: 4px 14px;
 font-size:15px;
 font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
 font-weight:bold;
 text-transform:uppercase;
 margin:2px;
 background: #4C4648; /* old browsers */
 background: -moz-linear-gradient(top, #4C4648 0%, #474344 52%, #2F2D2E 100%);
 background: linear-gradient(top, #4C4648 0%, #474344 52%, #2F2D2E 100%);
 -pie-background: linear-gradient(top, #4C4648 0%, #474344 52%, #2F2D2E 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4C4648), color-stop(52%,#474344), color-stop(100%,#2F2D2E));
 border:dashed 2px #CFA840;
 padding: 4px 14px;
 -moz-border-radius: 3px;
 -webkit-border-radius: 0px;
 border-radius: 3px;
    text-shadow: 0 -1px 0 #000000;
 -moz-box-shadow: 0 4px 10px -5px #000000;
 box-shadow: 0 4px 10px -5px #000000;
 -webkit-box-shadow: 0 4px 10px -5px #000000;
}
.btab-container > div:not(:target) > a {
}
.btab-container > div:target > a {
    background: none repeat scroll 0 0 #948a81;
    text-shadow: 0 1px 0 #4C4648;
}
.btab-container > div > div {
 background: #4C4648;
 background: -moz-linear-gradient(top, #4C4648 0%, #474344 84%, #2F2D2E 100%);
 background: linear-gradient(top, #4C4648 0%, #474344 84%, #2F2D2E 100%);
 -pie-background: linear-gradient(top, #4C4648 0%, #474344 84%, #2F2D2E 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4C4648), color-stop(84%,#474344), color-stop(100%,#2F2D2E));
 -moz-box-shadow: 0 0 12px 1px #000000 inset;
 -webkit-box-shadow: 0 0 12px 1px #000000 inset;
 box-shadow: 0 0 12px 1px #000000 inset;
 z-index: -2;
 top: 50px;
 padding: 20px;
 border:solid 6px #4C4648;
 outline: 2px dashed #CFA840;
 outline-offset: -8px;
 min-height:250px;
 position:absolute;
}
.btab-container > div:not(:target) > div {
 position: absolute;
}
.btab-container > div:target > div {
 position: absolute;
 z-index: 3 !important;
}
div.tab-content{
 padding-bottom: 70px;
    padding-left: 20px;
    padding-right: 20px;
}
.btab-content img{
 margin:0 auto;
 display:block;
 padding-bottom: 20px;
    padding-top: 10px;
}

5. Masuk ke bagian Layout / Design
6. Klik Tambahkan Widget.
7. Pilih HTML/Javascript.
8. Copy Kode dibawah ini dan Pastekan di HTML/Javascript.

 <div id="btabcontainer">
<div class="tab-container">
 <div id="c1">
  <a href="#c1" title="First">First</a>
   <div class="tab-content"> 
            <h3>This is the first tab</h3>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. porttitor est et rhoncus.Nam ipsum leo, ornare ac volutpat suscipit, convallis eu metus ipsum nunc.</p>
    </div>
 </div>
   
 <div id="c2">
  <a href="#c2" title="Second">Second</a>
   <div class="tab-content">
            <h3>Add as many tabs as you like</h3>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. porttitor est et rhoncus. Nam ipsum leo, ornare ac volutpat suscipit, convallis eu metus. ipsum nunc.</p>
  
            </div>
 </div>
 <div id="c3">
  <a href="#c3" title="Third">Third</a>
   <div class="tab-content">
            <h3>5 Preset Styles &amp; Color Themes</h3>
            <p>Consectetur adipiscing elit. porttitor est et rhoncus. Nam ipsum leo, ornare ac volutpat suscipit, convallis eu metus. ipsum nunc.</p>
            </div>
 </div>
</div>
</div>

Information :

•  Anda dapat mengubah deskripsi dan nama tombol dengan selera Anda.

9. Save HTML/Javascript

Sekian dulu Postingan Artikel kali ini yang membahas tentang Membuat Navigasi Tab CSS3 Keren untuk Blogger semoga artikel di atas dapat membantu anda, dan bermanfaat bagi anda

 Ceaster Corp

Read More

Membuat Breaking News Menarik Dibawah Navigasi Menu

Pada artikel kali ini saya akan menjelaskan bagaimana membuat breaking news atau berita berjalan yang biasanya terdapat di bawah navigasi menu pada sebuah blog atau biasa disebut newsticker. Banyak sudah artikel yang membahas mengenai newsticker ini di internet, misalnya dengan menambah efek marquee sehingga teks tersebut dapat berjalan, tapi kali ini saya akan menjelaskan cara memasang breking news dengan sentuhan jQuery sehingga hasilnya akan lebih menarik dan yang pasti dapat mempercatik blog anda.

Pertama kali saya melihat tampilan breaking news ini pada template Sporty Magazine 2 buatan Borneo Template, waktu itu template masih berbayar sekarang sepertinya sudah gratis di download. Disini saya akan memodifikasi sedikit tampilannya sehingga tampilannya seperti tampak pada gambar diatas, demonya anda bisa lihat disini. www.ceaster.com

Ternyata cara memasangnya sangat gampang sekali, dan jika Anda tertarik berikut ini langkah-langkah untuk membuatnya :

1. Login ke blogger dengan akun anda
2. Kemudian klik Tata Letak > pilih Edit HTML
3. Jangan lupa backup dulu template anda dengan mengklik Download Template Lengkap.
4. Letakkan kode berikut di atas kode ]]></b:skin>
   
   view plainprint?

   1. /* News Ticker Wrapper 
   2. ---------------------------------------------*/  
   3. .newspic {background:#000 url(http://4.bp.blogspot.com/-vqHATrTDsY8/TvguMe2lBTI/AAAAAAAAEUk/L8UwRygGp9s/s1600/news.gif) no-repeat top left;width:970px;margin:0 auto;padding:0 auto;height:32px;color:#fff;}  
   4. .news {width: 970px;margin:0 auto;padding:0 auto;line-height: 1.4em;text-align:left;font-family:Arial;font-size:11px;color:#fff;overflow:hidden;clear:both;}  
   5. .news a:link, .news a:visited{color:#fff;text-decoration:none;}  
   6. .news a:hover {color:#ddd;text-decoration:underline;}  
5. Masih dalam dalam posisi Edit HTML. Sekarang letakkan kode berikut ini di atas kode </head>
   <script src='http://www.google.com/jsapi?key=ABQIAAAAUMsU2d40bO1-m8DeADFRexTdcQS31_Y0TkToW9tE1XWPEnv6YBSa1QfZaAr4GJ8-AZkWddpnW9Y0hA'></script>
   <script type='text/javascript'>
   //<![CDATA[
   var gfeedfetcher_loading_image="indicator.gif";google.load("feeds","1");function gfeedfetcher(c,a,b){this.linktarget=b||"";this.feedlabels=[];this.feedurls=[];this.feeds=[];this.feedsfetched=0;this.feedlimit=5;this.showoptions="";this.sortstring="date";document.write('<div id="'+c+'" class="'+a+'"></div>');this.feedcontainer=document.getElementById(c);this.itemcontainer="<li>"}gfeedfetcher.prototype.addFeed=function(b,a){this.feedlabels[this.feedlabels.length]=b;this.feedurls[this.feedurls.length]=a};gfeedfetcher.prototype.filterfeed=function(b,a){this.feedlimit=b;if(typeof a!="undefined"){this.sortstring=a}};gfeedfetcher.prototype.displayoptions=function(a){this.showoptions=a};gfeedfetcher.prototype.setentrycontainer=function(a){this.itemcontainer="<"+a.toLowerCase()+">"};gfeedfetcher.prototype.init=function(){this.feedsfetched=0;this.feeds=[];this.feedcontainer.innerHTML='<img src="'+gfeedfetcher_loading_image+'" /> Loading news...';var a=this;for(var b=0;b<this.feedurls.length;b++){var c=new google.feeds.Feed(this.feedurls[b]);var d=(this.feedlimit<=this.feedurls.length)?1:Math.floor(this.feedlimit/this.feedurls.length);if(this.feedlimit%this.feedurls.length>0&&this.feedlimit>this.feedurls.length&&b==this.feedurls.length-1){d+=(this.feedlimit%this.feedurls.length)}c.setNumEntries(d);c.load(function(e){return function(f){a._fetch_data_as_array(f,e)}}(this.feedlabels[b]))}};gfeedfetcher._formatdate=function(a,c){var d=new Date(a);var b=(c.indexOf("datetime")!=-1)?d.toLocaleString():(c.indexOf("date")!=-1)?d.toLocaleDateString():(c.indexOf("time")!=-1)?d.toLocaleTimeString():"";return"<span class='datefield'>"+b+"</span>"};gfeedfetcher._sortarray=function(a,b){var b=(b=="label")?"ddlabel":b;if(b=="title"||b=="ddlabel"){a.sort(function(e,d){var g=e[b].toLowerCase();var f=d[b].toLowerCase();return(g<f)?-1:(g>f)?1:0})}else{try{a.sort(function(e,d){return new Date(d.publishedDate)-new Date(e.publishedDate)})}catch(c){}}};gfeedfetcher.prototype._fetch_data_as_array=function(b,a){var d=(!b.error)?b.feed.entries:"";if(d==""){alert("Google Feed API Error: "+b.error.message)}for(var c=0;c<d.length;c++){b.feed.entries[c].ddlabel=a}this.feeds=this.feeds.concat(d);this._signaldownloadcomplete()};gfeedfetcher.prototype._signaldownloadcomplete=function(){this.feedsfetched+=1;if(this.feedsfetched==this.feedurls.length){this._displayresult(this.feeds)}};gfeedfetcher.prototype._displayresult=function(a){var e=(this.itemcontainer=="<li>")?"<ul>\n":"";gfeedfetcher._sortarray(a,this.sortstring);for(var c=0;c<a.length;c++){var d='<a href="'+a[c].link+'" target="'+this.linktarget+'" class="titlefield">'+a[c].title+"</a>";var b=/label/i.test(this.showoptions)?'<span class="labelfield">['+this.feeds[c].ddlabel+"]</span>":" ";var g=gfeedfetcher._formatdate(a[c].publishedDate,this.showoptions);var f=/description/i.test(this.showoptions)?"<br />"+a[c].content:/snippet/i.test(this.showoptions)?"<br />"+a[c].contentSnippet:"";e+=this.itemcontainer+d+" "+b+" "+g+"\n"+f+this.itemcontainer.replace("<","</")+"\n\n"}e+=(this.itemcontainer=="<li>")?"</ul>":"";this.feedcontainer.innerHTML=e};
   
   var gfeedfetcher_loading_image="indicator.gif";function gfeedrssticker(d,b,a,c){this.tickerid=d;this.delay=parseInt(a);this.mouseoverBol=0;this.itemsperpage=1;this.messagepointer=0;gfeedfetcher.call(this,d,b,c);this.itemcontainer="<div>";this.tickerdiv=document.getElementById(d)}gfeedrssticker.prototype=new gfeedfetcher;gfeedrssticker.prototype.constructor=gfeedrssticker;gfeedrssticker.prototype._displayresult=null;gfeedrssticker.prototype.entries_per_page=function(a){this.itemsperpage=a};gfeedrssticker.prototype._signaldownloadcomplete=function(){this.feedsfetched+=1;if(this.feedsfetched==this.feedurls.length){this._initscroller(this.feeds)}};gfeedrssticker.prototype._initscroller=function(a){var c=this;gfeedfetcher._sortarray(a,this.sortstring);this.itemsperpage=(this.itemsperpage>=a.length)?1:this.itemsperpage;var b=a.slice(this.messagepointer,this.itemsperpage);this.tickerdiv.innerHTML=formatrssmessage(b,this.showoptions,this.itemcontainer,this.linktarget);this.tickerdiv.onmouseover=function(){c.mouseoverBol=1};this.tickerdiv.onmouseout=function(){c.mouseoverBol=0};this.messagepointer=this.itemsperpage;if(window.attachEvent){window.attachEvent("onunload",function(){c.tickerdiv.onmouseover=c.tickerdiv.onmouseout=null})}setTimeout(function(){c._rotatemessage()},this.delay)};function formatrssmessage(d,b,f,g){var c=(f=="<li>")?"<ul>\n":"";for(var e=0;e<d.length;e++){var h='<a href="'+d[e].link+'" target="'+g+'" class="titlefield">'+d[e].title+"</a>";var j=/label/i.test(b)?'<span class="labelfield">['+d[e].ddlabel+"]</span>":" ";var k=gfeedfetcher._formatdate(d[e].publishedDate,b);var a=/description/i.test(b)?"<br />"+d[e].content:/snippet/i.test(b)?"<br />"+d[e].contentSnippet:"";c+=f+h+" "+j+" "+k+"\n"+a+f.replace("<","</")+"\n\n"}c+=(f=="<li>")?"</ul>\n":"";return c}gfeedrssticker.prototype._rotatemessage=function(){var b=this;if(this.mouseoverBol==1){setTimeout(function(){b._rotatemessage()},100)}else{var a=this.feeds.slice(this.messagepointer,this.messagepointer+this.itemsperpage);this.tickerdiv.innerHTML=formatrssmessage(a,this.showoptions,this.itemcontainer,this.linktarget);this.messagepointer=(this.messagepointer+this.itemsperpage>this.feeds.length-1)?0:this.messagepointer+this.itemsperpage;setTimeout(function(){b._rotatemessage()},this.delay)}};
   //]]>
   </script>
   <style type='text/css'>
   .titlefield{ /*CSS for RSS title link in general*/
   text-decoration: none;}
   .labelfield{ /*CSS for label field in general*/
   color:#aaa;font-size: 100%;}
   .datefield{ /*CSS for date field in general*/
   color:#aaa;font:normal 14px Arial;text-transform:none;}
   #example1{ /*Demo 1 main container*/
   width: 780px;
   height: 14px;
   border: 0px solid #aaa;
   padding: 0px;
   font:bold 16px Arial;
   text-transform:none;
   text-align:left;
   background-color:transparent;}
   code{ /*CSS for insructions*/
   color: #fff;}
   #example1 a:link, #example1 a:visited {color:#f2f2f2;text-decoration:none;}
   #example1 a:hover {color:#C8D3F2;text-decoration:none;}
   </style>
6. Kemudian cari kode dibawah ini, atau kode yang biasa dipakai untuk meletakkan navigasi menu 
   

   <div class='menu horizontal'>
   ...........................................
   ...........................................
   </div>

7. Jika sudah ketemu letakkan kode berikut tepat dibawah kode </div> yang dipakai untuk menutup kode navigasi menu pada template Anda.
   <div class='newspic'>
   
   <div style='float:left;width:780px;padding:6px 0 6px 180px; position:relative; overflow:hidden;'>
   <script type='text/javascript'>
   var cssfeed=new gfeedrssticker(&quot;example1&quot;, &quot;example1class&quot;, 4000, &quot;_new&quot;)
   cssfeed.addFeed(&quot;Creating Website&quot;, &quot;http://maskolis.blogspot.com/feeds/posts/default&quot;) //Specify &quot;label&quot; plus URL to RSS feed
   cssfeed.displayoptions(&quot;date&quot;) //show the specified additional fields
   cssfeed.setentrycontainer(&quot;div&quot;) //Wrap each entry with a DIV tag
   cssfeed.filterfeed(10, &quot;date&quot;) //Show 10 entries, sort by date
   cssfeed.entries_per_page(1)
   cssfeed.init()
   </script>
   </div>
   <div style='clear:both;'/>
   </div>
8. Ganti URL yang saya beri warna merah dengan URL blog anda dan jika blog anda masih baru newsticker ini biasanya tidak mau jalan karena google belum mengenal feed di blog Anda. Solusinya gampang Anda mesti buat API key sendiri di googlecode, atau langsung saja disini. Masukkan URL blog anda, kemudian ganti kode javascript paling atas pada langkah nomer 5 dengan kode yang barusan dapet dari googlecode (bener nggak sih ngomongku...... )
9. Langkah terakhir save/simpan, lihat dibawah navigasi menu anda, kalau cara memasangnya sudah benar pasti akan muncul breaking news itu.

Agar lebih ramping simpan kode javascript newsticker diatas (no.5) di tempat penyimpanan googlecodeAnda. Mudah kan? Jika ada yang mau ditanyakan silahkan isi pada kolom komentar dibawah. Selamat mencoba dan semoga bermanfaat.

 Ceaster Corp

Read More