Cara Menghilangkan Title Blog

Cara Menghilangkan Title Blog- Jika kita menggunakan Title atau Judul blog dengan menggunakan template bawaan blogger tentu tidak akan banyak variasi yang kita dapatkan, sehingga tampilan header blog terasa kaku kurang enak dipandang, terutama model font serta background dari header blog itu sendiri. 

Lihat Lingkaran merah pada gambar di bawah ini:

Karena itu untuk memperindah tampilan header blog, kita harus menggantikannya dengan banner kreasi kita sendiri yang biasanya sudah dipasangi title blognya sekalian, Simak Cara Mengganti Header Blog, sehingga header blog kelihatan lebih indah, tapi ingat! jika kita hanya mengganti header blog dengan banner tanpa menyembunyikan title blog, jangan harap hasilnya akan bagus, karena tanpa menyembunyikan title blog, akan tampil title blog yang dobel, yaitu title blog dari default setting dan title blog dari kreasi banner. 

Untuk mengganti default setting pun tidak bisa, karena sistem di blogger tidak mengijinkan untuk menghapus (mengosongkan) title blog. Terus bagaimana caranya ?

Berikut ini adalah cara untuk menghilangkan (menyembunyikan)title blog, tanpa mengubah setting default dari blogger itu sendiri.

Caranya hanya dengan menambah script ini : visibility:hidden;

Langkah yang perlu kita lakuka adalah :
1. Login ke blogger --> tata letak --> edit HTML
2. Cari kode dibawah ini

#header h1{font-family:'Oswald',Arial,Helvetica,Sans-serif;font-weight:bold;font-size:32px;line-height:32px;}

ada juga scrip yang seperti ini:

#header h1{color:#DFE2E5;text-shadow:0px 1px 0px #000;margin:0 5px 0;padding:5px 0px 0px 15px;font-family:'Oswald',Bookman Old Style,Helvetica,Sans-serif;font-weight:bold;font-size:32px;line-height:32px;}

atau seperti ini:

#header h1 { margin:50;padding:5px 0 0 10px;font-size: 100%;font-weight:bold;line-height: 1.2em;letter-spacing:.0em;font-style:italic;color:#FFFFFF;}

3. Kemudian Kita tinggal menyisipkan kode visibility:hidden;
di sebelum kode } tadi. apapun tipe kodenya sama saja pada prinsipnya.

4. Sehingga hasilnya seperti ini. kita ambil contoh kode yang pertama:


#header h1{font-family:'Oswald',Arial,Helvetica,Sans-serif;font-weight:bold;font-size:32px;line-height:32px;visibility:hidden;}

5. Lalu Save Template, dan lihat hasilnya.

Mudah bukan...???. selamat mencoba.........

Jangan lupa kunjungi selalu Toko Desain.

Read More

Desain Seragam Crew yang Elegant

Desain Seragam Crew yang Elegant- Halo kawan Blogger semua, Jumpa lagi dengan Toko Desain.... bagaimana kabar? semoga tetap semangat untuk stand up di depan PC kawan semua.....

 

 

OK, langsung saja ke topik....kali ini Toko Desain menyuguhkan Desain Seragam Crew yang Elegant karya tangan sendiri. Desain ini sebelum saya posting ke kawan-kawan semua, sudah dipesan dan dipakai menjadi Uniform Crew Resmi salah satu Lembaga Pers Mahasiswa di Jawa Tengah. Harga Satu Pcs costum ini dibandrol Rp. 300.000,- (Tiga Ratus Ribu Rupiah) Cukup murah kan? OK, kawan semua bisa pesan pada Admin di nomor +6285290333751 (Aryo) + Biaya Kirim..... atau bisa pesan lewat Email aryoardhi24@gmail.com

Buat kawan-kawan yang budiman, Toko Desain menyediakan file mentah-nya. Silahkan Di DOWNLOAD saja.

Terima Kasih dan update terus desain-desain Original dari Toko Desain.

Read More

Cara Mudah Mengganti Background Blog Dengan Gambar

Cara Mudah Mengganti Background Blog Dengan Gambar- Baiklah kawan Toko Desain..kali ini saya akan memberikan tips baru cara mengubah gambar background blog dengan gambar sendiri. Buat teman-teman yang masih pemula, mungkin ada yang belum tahu cara mengganti background blog. Sebenarnya anda bisa mengubah background blog dengan menambah sedikit script CSS ke template blog.

Sebagai Catatan:

Saya menguji coba template ini pada template olahan blogger yaitu: “GamesWP” (seperti yang saya pakai ini)
Mungkin jika menggunakan template lain tidak berfungsi optimal, karena setiap template mempunyai struktur dan syntax script yang berbeda.

Jika tertarik mengganti background blog dengan gambar sendiri , bisa ikuti prosedur berikut:

1. Anda harus mengupload gambar yang akan digunakan menjadi background blog, bisa upload di situs hosting file image gratis seperti photobucket. Jika belum punya account disana bisa mendaftar di photobucket.com atau tinypic

Setelah mengupload gambar anda akan mendapakan url gambar tersebut.

(Catatan: gambar yang diupload sebaiknya ukuran filenya kecil, usahakan tidak melebihi dari 10 kbyte) agar saat membuka blog dapat cepat loadingnya, saya sarankan anda upload gambar ke tinypic)

2. Atau jika ingin mencoba gambar background yang saya punya bisa pakai url berikut:

http://i1099.photobucket.com/albums/g390/Aryo24/tokodesain4.png
http://i1099.photobucket.com/albums/g390/Aryo24/Original.png
http://i1099.photobucket.com/albums/g390/Aryo24/tookodesain.png

(pilih salah satu untuk uji coba)

3. Selanjutnya masuk ke account blogger:

Pilih dasboard -> Rancangan -> Edit Html

4. Kita cari kode berikut:

body {

 

Contoh: Disini saya mengambil contoh pada background body di template blog Toko Desain, Nah di sana terdapat kode background,

body{
background:#ded8c0;
color:#28261A;
font:12px verdana,arial,Sans-erif;
text-align:left;
margin:0;
line-height:1.6em;
}

Setiap blog terkadang ada yang berbeda Background-nya, untuk mengganti background semisal dengan background / gambar ini :

http://i1099.photobucket.com/albums/g390/Aryo24/tokodesain4.png

Maka kawan-kawan cukup menambahkan url (http://i1099.photobucket.com/albums/g390/Aryo24/tokodesain4.png) repeat-x;  pada background tersebut.
Jadi :

body{
background:#ded8c0 url(http://i1099.photobucket.com/albums/g390/Aryo24/tokodesain4.png) repeat-x;
color:#28261A;
font:12px verdana,arial,Sans-erif;
text-align:left;
margin:0;
line-height:1.6em;
}


Gambar Background kawan-kawan juga bisa tetap, walaupun scroll mouse kawan-kawan bergerak ke atas atau ke bawah. Tinggal kawan-kawan ganti repeat-x; menjadi repeat-x top left fixed;

Atau yang paling saya suka adalah menggunakan gambar kecil namun bisa menjadi besar dan tetap. Yakni kawan-kawan cari dulu gambar kecil, setelah itu seperti biasa, tinggal kawan-kawan ubah repeat-x; menjadi repeat scroll 0 0;

5. Yang terakhir, langsung SAVE saja....dan lihat hasilnya.
 

OK,,, Mungkin ini menu desain yang Toko Desain tampilkan hari ini. Selamat Mencoba teman. Dengan mencoba kita, kita bisa mengerti. Semoga bermanfaat. Have a nice blogging:)

Read More

Desain Costum Futsal Futuristik

 

Halo kawan Blogger semua, Jumpa lagi dengan Toko Desain.... bagaimana kabar? semoga tetap semangat untuk stand up di depan PC kawan semua.....

OK, langsung saja ke topik....kali ini Toko Desain menyuguhkan desain costum futsal original karya tangan sendiri. Satu set costum ini dibandrol Rp. 150.000,- (Seratus Lima Puluh Ribu Rupiah) sangat murah kan? OK, kawan semua bisa pesan pada Admin di nomor +6285290333751 (Aryo) + Biaya Kirim..... atau bisa pesan lewat Email aryoardhi24@gmail.com

Buat kawan-kawan yang budiman, Toko Desain menyediakan file mentah-nya. Silahkan Di DOWNLOAD saja.

Terima Kasih dan update terus desain-desain Original dari Toko Desain.

Read More

LADY in the FIRE

Tutorial Photoshop TOKO DESAIN Kali ini, akan membuat manipulasi foto sehingga tampak seolah - olah gambar object seseorang di dalam foto seperti dikelilingi oleh api... ini kebalikkan dari "LADY in the WATER" hehehe...

Langsung mulai saja kawan, ini tutorial saya buat hampir sama dengan yang saya posting kawan.. sampai detilnya ya??? hehehe...

1. Buat new page dulu gan sizenya terserah kamu... backroundnya hitam, OK...

2. Lalu buat new layer (Ctrl+Shift+N) lalu klik Brush tool kasih warna orange... kira-kira jadinya seperti gambar dibawah ini:



3 Setelah itu... [Download image] drag Render image yang saya sertakan tadi... lalu potong tangan kanannya buat diberi tangan kiri yang tidak ada gan jangan lupa di duplicate ya (Ctrl+J)... lalu sesuaikan saja...



4. Kemudian buang bawahan-nya yang terpotong tadi... lalu flatten (Layer >> Flatten Image) nanti pasti menyatu... kalau sudah begitu, tinggal drag lagi / masukkan ke page yang pertama kita buat tadi..


 
5. Masih kerja di layer ini, tekan Ctrl+J .. lalu ubah Blending-nya jadi Color, lalu beri warna layer ini menggunakan warna orange seperti yang diatas tadi

 

Supaya terkesan panas sungguhan... mangkin ada cara lain selain yang saya praktekkan ini... tapi saya juga sedang blajar jadi kita enjoy saja (dibuat Enaknya saja...wkwkwk)

6. Ganti Background dan Foreground-nya menjadi Putih hitam...


7. sudahkah kawan? lalu Kita buat new layer lagi, sekarang kita buat api-nya, kalau sudah, buat new layer kembali.. Lalu klik Add a layer style kemuadian pilih Outer Glow.

 

8. Setelah itu maka muncul Docker Windows seperti gambar dibawah ini...

 
 

Klik pada kotak nomor 1, ganti warnanya menjadi merah... lalu ubah Blending-nya menjadi HardLight.. lakukanlah hal yang sama pada inner glow-nya, tetapi bedanya inner glow ini gantilah dengan warna orange...

9. Kemudian tinggal Replace brush-nya ke brush api (rons__flames), setelah itu tempatkan saja sesuka kamu soal brush-nya (maksud saya klik dimana yang akan dikasih api... wkwkwk) jadinya seperti dibawah ini...
Download Brush Api 1 - rons__flames [ download disini ]
Untuk cara pemasangan brush pada photoshop sudah dijelaskan di Photoshop Dasar tinggal dicari saja tutorialnya

 

10. Aktifkan Layer 1 kawan... apakah lupa yang tadi??... hehehehe...

 
 

Kalau sudah aktif... buat new layer lagi kawan... lalu bubuhi efek seperti yang diatas tadi... langkah-langkahnya tidak berbeda... OK?

Download Brush Api 2 - LadyVictoire_Flares [ download disini ]
Kemudian ganti brush-nya ke “LadyVictoire_Flares_2” klik saja dibelakang gambar bagian kepalanya.....



11. Lalu pakai New Layer lagi kawan... beri efek yang sama lagi

12. Download Brush Api 3 - SS-arcane-circles [ download disini ]
Kemudian ganti brush-nya lagi ke “SS-arcane-circles”, lalu klik di tengah-tengah gambar wanita tersebut... wkwkwk... Ok, sudah jadi...

Hasilnya kurang lebih seperti ini:
 

LADY in THE FIRE (Saingannya LADY in THE WATER)
NB : Semuanya sudah saya sertakan... jadi kawan tidak perlu susah payah men-download brushnya... hehehe....

Ok, selamat mencoba....!! dan update selalu tutorial dari TOKO DESAIN

Read More

Ganti Warna Rambut Sesuka Kamu

Tutorial Toko Desain kali ini kita akan mencoba editing pada warna rambut.. kita dapat mengganti warna rambut sesuai dengan suasana hati...ada yang perlu kamu ingat, tidak semua warna rambut bisa dirubah, biasanya warna hitam polos sulit untuk diwarna kecuali rambut tersebut memiliki higlight…
 

Langkah - langkah untuk mewujudkan hal ini, kita aktifkan dulu Photoshop, berikut tutorialnya :

1. Buka File gambar diatas dengan Photoshop:
 

Kamu bisa download image-image dalam bentuk JPG,

2. Seleksi bagian rambut pada gambar menggunakan POLYGONAL LASSO TOOL
 

3. Klik pada Menu SELECT > FEATHER (isi Feather Radius : 10 px ) OK

4. Klik Menu IMAGE > ADJUSTMENTS > VARIATIONS
 

Kamu tinggal klik pada salah satu warna atau lebih untuk mendapatkan warna yang sesuai…klik ORIGINAL untuk mengembalikan pada warna asli gambar….

Selamat mencoba.....!!!

Read More