Merayakan Kemenangan

Merayakan Kemenangan

Tak terasa telah 30 hari kita lewatkan dengan amal dan ibadah yang dilipat gandakan oleh Allah SWT, di mana bulan yang penuh berkah ini menjadi bulan pencuci segala khilafan kita di 11 bulan yang lalu, sekarang bulan Ramadhan meninggalkan kita dan mengantarkan kita sampai pada titik kemenangan melawan hawa nafsu manusiawi.

Saya sebagai insan yang penuh khilaf mengucapkan Selamat Idul Fitri 1429 H , Minal Aidin Wal Faidzin , Mohon Maaf Lahir dan Bathin.

Saya ucapkan banyak terimakasih kepada neng cebong yang telah memberikan izin memakai kartu lebaran ini dan juga telah membuatkan header khusus spesial lebaran untuk blog ini. Silahkan sobat mampir ke tempat neng cebong yang penuh dengan koleksi kartu lebarannya silahkan kilik di sini untuk langsung menuju ke TKP nya. Saya kasih lihat hasil beberapa karya neng cebong ini.

Membuat post signature

Membuat post signature

Everyone knows the signature is also your identity which can tell a little secret about your character - by Mochal
Sekarang lagi bingung mau posting apa ga ada bahan baru ya pakai bahan lama aja deh :p , kebetulan ada yang nanya bagaimana cara membuat post signature ya saya buatkan aja tutorialnya sekalian kalau ada nyasar and yang belum tahu bisa lihat postingan ini wekekeke :p , langsung aja deh bro bagaimana cara membuat post signature seperti screenshoot di bawah ini :

Mau tahu cara buatnya?

1. Hal yang pertama sobat lakukan adalah sudah mempunyai url gambar signaturenya banyak cara untuk membuatnya bisa di microsoft paint , atau pengolah gambar lainnnya yang sobat kuasai.

2. Kalau sudah membuat dan menyimpan di file hostingan tinggal memasukkan ke dalam kode di bawah ini :


<p>
<img align="right" alt="post signature" height="34" src="URL IMAGE SIGNATURE" style="" width="96" />
</p>

Ganti URL IMAGE SIGNATURE dengan alamat url image signature sobat

3. Sekarang tinggal menaruhnya di setiap postingan yaitu dengan cara masuk ke Setting > Formating > post template copy kode tersebut dan masukkan di kotak kolom post template kemudian save dan ketika sobat mau memposting kode ini sudah ada di dalam Mode Edit HTML.
Yup simple dan sangat mudah di lakukan bagi siapa saja termasuk anak-anak wekekekekek :p . /lari kabur aaah....

Membuat 2 atau 3 kolom di bawah header

Membuat 2 atau 3 kolom di bawah header

Penutup tutorial blog di bulan puasa ini , saya akan memposting bagaimana cara membuat 2 kolom di bawah header , ini buat sobat blogger yang suka menaruh banyak widget untuk mempercantik blognya, dan sempat di tanyakan juga oleh pembaca blog ini yaitu sobat badot, setelah mencari inspirasi akhirnya ketemu juga bagaimana caranya membuat 2 kolom di bawah header, kalau mau lihat screenshotnya di bawah ini :

Dan hasil nyatanya sementara ini saya aplikasikan di blog ini
Mau tahu cara buatnya?

1. Seperti biasa login terlebih dahulu ke blogspot, kemudian masuk ke Tata Letak > edit HTML

Jangan lupa simpan template lengkapnya, klik Download Template Lengkap!!

2. Setelah itu cari kode ini ]]></b:skin> dan masukkan kode di bawah ini di atas kode tersebut :

#box-main-container {
clear:both;
}
.box-column {
padding:0px 10px 10px 10px;
border:1px dotted $bordercolor;
}

Simpan hasil pekerjaan sobat
3. Kemudian cari kode <div id='main-wrapper'>, setelah ketemu masukkan kode di bawah ini di atas kode tersebut.

<div id='box-main-container'>
<div id='box1' style='width: 50%; float: left; margin:0; text-align: left;'>
<b:section class='box-column' id='col1' preferred='yes' style='float:left;'/>
</div>
<div id='box2' style='width: 50%; float: right; margin:0; text-align: left;'>
<b:section class='box-column' id='col2' preferred='yes' style='float:right;'/>
</div>
<div style='clear:both;'/>
</div>

Simpan kembali hasil pekerjaan sobat
4. Setelah selesai menyimpan, kemudian sobat ke Layout dan lihat hasilnya.

Kode pada tahap 3 bisa sobat modifikasi apabila ingin menambahkan 3 kolom di bawah header yang perlu di perhatikan adalah widht dengan floatnya!!

Tapi kalau sobat bingung saya sudah sediakan kode untuk menambahkan 3 kolom di bawah header, silahkan ikuti langkah 1 dan 2 kemudian ketika tahap 3 masukkan kode ini :


<div id='box-main-container'>
<div id='box1' style='width: 30%; float: left; margin:0; text-align: left;'>
<b:section class='box-column' id='col1' preferred='yes' style='float:left;'/>
</div>
<div id='box2' style='width: 40%; float: left; margin:0; text-align: left;'>
<b:section class='box-column' id='col2' preferred='yes' style='float:left;'/>
</div>
<div id='box3' style='width: 30%; float: right; margin:0; text-align: left;'>
<b:section class='box-column' id='col3' preferred='yes' style='float:right;'/>
</div>
<div style='clear:both;'/>
</div>


Semua tergantung kebutuhan sobat dalam menambahkan widget, dan saya sampaikan terimakasih banyak telah menjadi pembaca setia blog ini :p . Happy blogging sobat and be Thinking Out Of The Box!!

Mengubah nama author jadi icon atau foto

Mengubah nama author jadi icon atau foto

Trik ini cukup bagus buat yang suka sama foto nya sendiri (bukan ngomongin saya lho wekekekek-red), dan biar nambah variatif dalam mendesain blog sobat yaitu mengganti nama authornya menjadi ikon atau foto caranya sangat simple sekali dalam membuat trik ini. Kalau mau tahu hasil triknya lihat screen shoot di bawah ini :

Mau tahu cara buatnya?

1. Seperti biasa login terlebih dahulu ke blogspot, kemudian masuk ke Tata Letak > edit HTML

Jangan lupa simpan template lengkapnya, klik Download Template Lengkap!!

2. Centang tanda Expand widget, setelah itu cari kode ini <data:post.author/> , setelah ketemu silahkan ganti kode tersebut dengan rumus HTML-an ini :

<a href='URL SOBAT'><img alt='TERSERAH ISINYA' border='1' height='16' src='IMAGE URL SOBAT' style='margin: 0px' title='TITTLE SOBAT' width='16'/></a>


Text yang di cetak tebal di sesuaikan dengan fungsinya masing-masing

Kalau sudah selesai tinggal di save dan lihat hasil pekerjaan sobat, kalau bisa cari foto yang paling bagus biar yang datang dan baca postingannya gak takut lihat foto sobat wekekekekekke :p .

Virus PR 10 di mana-mana!!!

Virus PR 10 di mana-mana!!!

Gak nyangka di dunia blogger ada namanya virus juga, ga cuman di dunia nyata virus ini menyebar ke mana-mana setiap saya berkunjung ke blog sobat!!! Waaaah untungnya virus ini tidak berbahaya buat kesehatan manusia apalagi kesehatan blog sobat wekekeke.... pengen tahu juga siapa nigh yang pertama mulai menulari virus ini sampai-sampai blogger mania terinfeksi virus ini termasuk saya wekekekeke :D . Virus ini di sebut PR 10 yang menginfeksi sobat blogger supaya menceritakan 10 Habits and Facts about Yourself. Nah virus ini telah di tularkan ke saya oleh mba diah, mas bayu, neng acy, dan kang yoga. Karena saya sudah tertular virus ini saya terpaksa menceritakan siapa jati diri dan kebiasaan saya :p .
Mau tahu tentang saya?

10 Habits and Facts about Guruh Subagya :
Faktanya :
1. Hanya anak manusia yang di beri nama Guruh Subagya dan di panggil Mochal alias pemalu wekekek :p
2. Kata teman-teman mirip penyanyi muda Afgan ( sebenarnya dia kutukannya gw-red)
3. Anak terakhir dari 3 bersaudara
4. Memilihara kucing cowok namanya Cella
5. Belum menikah alias masih bujang wekekekekekek ( fotocopy formulirnya bisa di pesan kalau berminat-red)
Habbits :
6. Masih suka tidur bareng kucing wekekekekke.. ( tapi ga di apa-apain lho- red)
7. Suka oprek-oprek komputer ampe habis 3 CPU di rumah wekekekekek
8. Mulai suka ngeblog di temenin kopi ama rokok sebungkus ( jangan di tiru sob -red)
9. Suka sama musik-musik jalur keras (underground - punk not death)
10. Kata teman-teman guwe narcis wekekekeke ( tapi gw ga nyadar juga -red)

Gara-gara virus nigh ke buka deh identitas diri gw , nah sekarang saya tular kan kepada :
1. Om Sawasanganam
2. Om Abi Bakar
3. Om Arielz
4. Bunda Rierie
5. Abang

Humph.... akhirnya saya terbebas dari virus PR 10 wekekekekekek.... mohon maaf bagi yang saya tularkan nama-nama di atas.

My Award

My Award

Musim ini kayanya lagi musim Award sampai-sampai lemari blog penuh dengan award wekekekekkek, sampai -sampai saya buatkan bingkai foto buat koleksi awardnya, nah sebelumnya saya ucapkan terimakasih buat sobat UnieQ buat award kreatifnya, sama bunda rierieway buat butterfly awardnya, terus buat herro buat semangat awardnya, and Kang Jalooe buat cute awardnya ( saya ambil awardnya aja kang males ngerjain tag :p ) and om Abi Bakar.Mau lihat koleksi awardnya?

Nah sekarang tinggal di distribusikan nih ke sobat-sobat blogger :p
Award Kreatif Award goes to.... :
1. Anas - ide-ide kreatifnya utak-atik template
2. Herro - thanks buat kreatif template yahoo nya
3. Kang jaloee - kreatif dalam utak-atik template
4. Ade Sanusi - kreatif dengan trik blogspotnya
5. Blogger Addicter - kreatif dengan SEOnya

Butterfly award goes to...
1. Jovie
2. Unieq
3. gadis rantau
4. Adhelina
5. Anita Mui

Semangat Award goes to....
1. Om Riasmaja
2. Qori
3. Googleholic
4. Firdaus
5. Pandalane

Cute Award goes to...
1. Om Gus
2. Mr. Koechel
3. Bayu adiya
4. Hary the potter
5. Kang Oeoes
Terus nama-nama yang di sebutkan di atas harap mendistribusikannya okeks....

Membuat bingkai foto di blogspot

Membuat bingkai foto di blogspot

Karena sekarang lagi momen bagi-bagi award di dunia blogger dan banyak juga sobat blogger yang kebagian award terus bingung mau menaruh di mana awardnya, nah saya punya cara bagaimana membuat bingkai foto , pas banget nih buat sobat blogger yang mau menaruh award ini di bingkai, jadi lebih rapi dan elegan :p . Oke kita lihat contoh di bawah ini :

Mau tahu cara buatnya?

1. Seperti biasa login terlebih dahulu ke blogspot, kemudian masuk ke Tata Letak > edit HTML

Jangan lupa simpan template lengkapnya, klik Download Template Lengkap!!

2. Tidak perlu centang tanda Expand widget, setelah itu cari kode ini ]]></b:skin> dan masukkan kode di bawah ini di atas kode tersebut :

td {text-align:center;} .fotoatas { border:5px outset gold; background-color:#FFFFFF;} .fotobawah {border: 2px outset gold; background-color:#FFF4EA;}
Jangan lupa save hasil pekerjaan sobat
3. Sekarang tinggal aplikasinya ke dalam blog sobat
Saya sarankan taruh kode ini di dalam postingan sobat sebenarnya bisa saja taruh di sidebar kalau sobat sudah tahu cara mengubah widht dan height nya.

<tr><td><table width="100" align= "center">
<tr><td colspan="2" class="fotoatas"><img src="URL IMAGE" width="278" height="183"></td> </tr>
<tr><td class="fotobawah"><img src="URL IMAGE" width="84" height="87"></td> <td class="fotobawah"><img src="URL IMAGE" width="83" height="91"></td></tr>
<tr><td class="fotobawah"><img src="URL IMAGE" width="104" height="87"></td><td class= "fotobawah"><img src="URL IMAGE" width="98" height="70"></td></tr>
</table>


Ubah URL IMAGE dengan url gambar anda

Ok, selamat menaruh award di bingkai foto sobat yang baru buat, semoga sukses and kalau gagal kasihan deeeh looo wekekekekeke :p .