Adobe Photoshop adalah software pengolah gambar yang sangat powerfull dengan segala fasilitasnya. Hasil gambar olah dengan Adobe Photoshop ini banyak dilihat di berbagai website, brosur, koran, majalah, dan media lainnya. Untuk download Adobe Photoshop klik di sini.
1.2. Mengenal Area Kerja
Jalankan Adobe Photoshop kemudian pilih menu File -> Open. Kemudian pilih buka gambar apa saja. Sebagai contoh di buka gambar zhaow.jpg yang ada pada CD Tutorial bagian BAB I (lihat gambar 1.1).
Seringkali letak tool-tool (palette) Adobe Photoshop sudah berubah dimodifikasi oleh pengguna sebelumnya. Untuk mengembalikan letak palette ini gunakan menu Windows -> Workspace -> Reset Palette Location.
Area kerja Adobe Photoshop dapat dilihat pada gambar 1.1, yaitu:
A : Menu Bar, berisi perintah utama untuk membuka file, save, mengubah ukuran gambar, filter dan lain-lain.
B : Option, berisi pilihan dari tool yang Anda pilih. Misalnya dipilih kuas/brush, maka ukuran/diameter brush ada di sini.
C : Gambar, menampilkan gambar yang sedang dibuat atau diedit.
D : Pallete Well, cara cepat untuk mengakses palet brushes, tool resets dan Layer Comps. Juga dapat digunakan untuk meletakkan palet yang sering digunakan.
E : Toolbox, berisi tool untuk menyeleksi dan memodifikasi gambar.
F : Palette, berisi jendela-jendela kecil yang di dalamnya terdapat perintah dan pilihan untuk dokumen/gambar yang sedang dikerjakan.
1.3. Praktek Bab 1
1.3.1. Membuka dokumen dan membuat duplikat dokumen
Untuk membuka gambar gunakan menu File -> Open, sedangkan untuk membuat duplikat gambar gunakan menu Image -> Duplicate.
1.3.2. Mengubah ukuran gambar dan kanvas
Jika ukuran gambar diubah, maka gambar akan membesar atau mengecil, lakukan dengan menu Image -> Image Size. Jika ukuran kanvas diubah, maka ukuran gambar tetap, akan ada kertas putih di sekeliling gambar, lakukan dengan menu Image -> Canvas Size.
1.3.3. Mencoba ToolBox
Cobalah tool-tool pada ToolBox, satu persatu akan dibahas pada bab berikutnya. Coba klik kanan pada tool yang memiliki segitiga di bagian kanan bawah untuk memilih tool yang tersembunyi.
1.3.4. Mencerminkan dan Memutar Gambar
Cobalah menu Image -> Rotate Canvas -> Flip Canvas Vertikal, Image -> Rotate Canvas -> Flip Canvas Horisontal. Untuk memutar gambar, pilih menu Image -> Rotate Canvas -> pilih sudut yang dikehendaki.
1.3.5. Undo
Undo digunakan untuk membatalkan perintah terakhir, tekan Alt+Ctrl+Z, atau gunakan pallete history.
1.3.6. Memindahkan gambar ke dokumen lain
Untuk memindahkan gambar gunakan Move Tool.
1.3.7. Save for web
Gunakan menu File -> Save for Web untuk menghasilkan gambar dengan ukuran kecil yang biasa digunakan pada web site.
________________________________________
BAB II – SELECTION & TOOL
________________________________________
2.1. Menyeleksi Gambar
Menyeleksi berarti memilih bagian tertentu dari gambar. Dengan seleksi kita dapat mengcopy, mengubah, menggeser, atau menambahkan efek kepada bagian yang terseleksi tanpa mempengaruhi bagian lain.
Ada tiga cara menyeleksi yaitu:
1. Marquee Tool, yaitu menyeleksi dalam bentuk kotak, elips, row, dan kolom
2. Lasso Tool, untuk menyeleksi dalam bentuk bebas, poligonal atau kekontrasan gambar (Magnetic Lasso Tool).
3. Magic Wand Tool, untuk menyeleksi berdasarkan persamaan warna.
Tipe seleksi ada dua (dapat dipilih pada Option Bar), yaitu:
1. Normal, memiliki pinggiran yang tajam.
2. Feather, memiliki pinggiran yang halus atau kabur.
2.2. Tool-tool yang lain
2.3. Praktek Bab II
2.3.1. Rectangular Marquee Tool
Gunakan rectangular marquee tool untuk memotong gambar dalam bentuk kotak. Gunakan menu Select -> Transform Selection untuk mengubah seleksi dan menu Select -> Feather untuk mengatur ketajaman pinggiran potongan.
2.3.2. Elliptical Marquee Tool
Digunakan untuk membuat seleksi elips atau lingkaran. Anda dapat menggunakan Select -> Transform Selection (atau klik kanan) untuk mengubah bidang yang mau diseleksi. Gunakan menu Select -> Feather untuk mengatur ketajaman tepi gambar. Gunakan Select -> Inverse untuk membalik seleksi.
2.3.3. Lasso Tool
Seleksi ini digunakan untuk menyeleksi bentuk bebas dengan mouse.
2.3.4. Polygonal Lasso Tool
Polygonal Lasso Tool digunakan untuk menyeleksi gambar yang memiliki tepi garis lurus, misalnya piramida pada gambar 2.5. Jika tombol Alt ditekan maka Polygonal Lasso Tool akan berfungsi seperti Lasso Tool biasa. Contoh gambar hasil seleksi piramida diperkecil dan diletakkan pada sudut kanan bawah.
2.3.5. Magnetic Lasso Tool
Magnetic Lasso Tool penggunaanya cukup mudah, karena dengan tool ini seleksi gambar akan secara otomatis membuat garis seleksi pada gambar yang berwarna kontras.
2.3.6. Magic Wand Tool
Magic wand tool akan menyeleksi gambar yang memiliki warna sama.
2.3.3. Crop Tool
Crop tool digunakan untuk menghilangkan bagian yang tidak diseleksi. Contoh penggunaanya di sini digunakan untuk memperbaiki hasil scan yang miring.
2.3.3. Healing Brush Tool
Healing Brush Tool digunakan untuk memperbaiki gambar pada bagian tertentu. Aktifkan tool ini, kemudian tekan Alt + Klik pada objek pada bagian yang tidak berkeriput, kemudian klik pada bagian yang keriputnya ingin dihilangkan.
2.3.4. Spot Healing Brush Tool
Spot Healing Brush Tool digunakan untuk memperbaiki kerusakan gambar. Di sini Anda tidak perlu menentukan area yang akan digunakan sebagai patokan, karena akan secara otomatis terpilih dari area di sekitarnya. Misalnya digunakan untuk menghilangkan keretakan pada patung seperti pada gambar 2.10.
Tool ini merupakan tool baru pada Adobe Photoshop CS2 yang tidak ada pada versi sebelumnya.
2.3.5. Patch Tool
Patch Tool digunakan untuk memperbaiki gambar. Tool ini dibuat dengan cara membuat selection dengan mouse atau dengan menahan tombol ALT untuk menghasilkan bentuk poligonal. Selanjutnya drag ke daerah yang akan dijadikan patokan perbaikan.
2.3.6. Red Eye Tool
Red Eye Tool digunakan untuk memperbaiki warna merah pada mata.
2.3.7. Clone Stamp Tool
Clone Stamp Tool digunakan untuk membuat duplikat area pada gambar, atau yang disebut cloning. Tekan ALT pada objek yang akan dikloning, kemudian gunakan mouse pada area tempat objek baru mau diletakkan.
2.3.8. Background Eraser Tool
Tool ini digunakan untuk menghapus background yang memiliki kemiripan warna. Misalnya digunakan untuk menghapus background langit pada gambar kupu-kupu.
2.3.9. Magic Eraser Tool
Seperti Background Eraser Tool, tool ini akan menghapus area dengan warna sama, namun efeknya adalah ke seluruh gambar, bukan hanya area yang diklik.
2.3.10. Color Replacement Tool
Color Replacement Tool akan mengubah warna gambar tanpa mengubah bentuk dari gambar tersebut. Tool ini akan secara otomatis hanya mengubah area dengan warna sama menjadi warna lain yang dikehendaki.
2.3.11. Blur, Sharpen, dan Smugde Tool
Blur Tool digunakan untuk mengaburkan area. Misalnya digunakan untuk menghilangkan bintik-bintik pada wajah. Sharpen Tool merupakan kebalikan dari Blur Tool. Dengan Sharpen Tool, gambar akan menjadi lebih tajam. Smugde Tool digunakan untuk mengubah bentuk gambar dengan cara drag mouse.
2.3.12. Dogde, Burn, dan Sponge Tool
Dogde Tool digunakan untuk membuat area menjadi lebih terang. Burn Tool digunakan untuk mempergelap area. Spong Tool digunakan untuk mencerahkan (saturate) atau mengurangi warna (desaturate).
________________________________________
BAB III – PERMAINAN WARNA
________________________________________
3.1. Sekilas mengenai warna
Warna apapun dapat dinyatakan dalam tiga warna dasar (RGB) yaitu merah, hijau, dan biru. Cara menyatakan warna yang lain adalah dengan mode HSL yaitu Hue, Saturation, dan Lightness. Mode lain adalah CMYK (Cyan, Magenta, Yellow, Black).
Pada bab ini akan dibahas mengenai permainan warna, mulai dari mengatur latar belakang gambar, membuat gradient, mengatur brightness & contrast, dan masih banyak lagi tool-tool yang menarik. Pada subbab selanjutnya Anda dapat langsung praktek dengan didampingi instruktur.
3.2. Paint Bucket Tool
Paint Bucket Tool digunakan untuk mengganti background yang memiliki warna sama atau mirip. Background dapat diganti dengan pattern.
3.3. Gradient Tool
Gradient tool digunakan untuk menghasilkan warna gradasi. Jangan lupa lakukan seleksi terlebih dahulu bagian mana yang akan diisi warna gradasi. Jika tidak, maka seluruh kanvas terisi dengan gradasi.
3.4. Brush Tool
Brush Tool digunakan sebagai kuas dalam mengambar dengan mouse. Atur besar kecilnya brush, hardness, opacity, dan flow. Bush Tool dapat juga bekerja pada mode Air Brush.
3.5. Brightness/Contrast
Brightness digunakan untuk mengatur kecerahan gambar. Contrast digunakan untuk mengatur ketajaman gambar. Gunakan menu Image -> Adjustment -> Brightness/Contrast.
3.6. Level
Level berfungsi mirip dengan Brightness/Contrast namun lebih fleksible karena warna dapat diatur warna gelap, warna menengah, dan warna terang. Level dapat bekerja pada selection atau seluruh kanvas. Gunakan menu Image -> Adjustment -> Level.
3.7. Curves
Curves bekerja seperti level, namun Anda mengatur warna RGB dalam bentuk curva. Gunakan menu Image -> Adjustment -> Curves. Curva dapat diatur otomatis, mode RGB atau diatur sendiri-sendiri untuk tiap-tiap warna.
3.8. Color Balance
Melalui menu Image -> Adjustment -> Color Balance kita dapat mengatur keseimbangan warna.
3.9. Photo Filter
Photo filter digunakan untuk memberikan filter pada gambar. Mirip seperti filter yang diletakkan di depan lensa kamera. Gunakan menu Image -> Adjustment -> Photofilter.
3.10. Replace Color
Replace Color digunakan untuk mengganti warna tertentu dalam gambar, sedangkan warna yang lain tidak ikut berubah. Misalnya untuk mengganti warna apel dengan tanpa mengubah warna background. Gunakan menu Image -> Adjusments -> Replace Color.
3.11. Hue/Saturation
Hue/Saturation digunakan untuk mengganti warna pada keseluruhan gambar/seleksi. Hue adalah warna, sedangkan Saturation adalah tebal/tipisnya warna. Gunakan tool ini melalui Image -> Adjustment -> Hue/Saturation. Perubahan warna dapat diatur pada chanel master, atau tiap-tiap warna.
3.12. Match Color
Match Color akan menyamakan warna gambar source kepada gambar yang akan diubah. Misalnya di sini akan diubah gambar danau3.jpg, menjadi suasana matahati terbit seperti gambar acuan. Gunakan tool ini melalui menu Image -> Adjustment -> Match Color.
________________________________________
BAB IV – TEKS DAN VEKTOR
________________________________________
4.1. Horisontal Type Tool
Horisontal Type Tool digunakan untuk membuat teks secar horisontal. Hasil teks dapat dipindahkan dengan Move Tool.
4.2. Horisontal Type Mask Tool
Horisontal Type Mask Tool digunakan untuk menyeleksi dalam bentuk teks.
4.3. Pen Tool
Peen Tool digunakan untuk membuat garis lurus dan garis lengkung dalam bentuk vektor. Klik sekali untuk membuat anchor point, kemudian jika kurva telah terbentuk, drag anchor point untuk membuat direction point. Path yang dibuat oleh Pen Tool dapat diubah menjadi selection.
4.4. Rectangle, Ellipse, Poligon, dan Custom Shape Tool
Tool ini berguna untuk menghasilkan bentuk kotak (rectangle), ellips, poligon, dan berbagai macam bentuk lain yang telah disediakan oleh Adobne Photoshop. Bentuk-bentuk tersebut misalnya hati, lampu, not balok, dan lain sebagainya.
________________________________________
BAB V – LAYER, MASK, DAN STYLE
________________________________________
5.1. Memahami Layer
Layer adalah lapisan tembus pandang. Bagian yang tidak bergambar pada sebuah layer bersifat transparan. Layer dapat ditumpuk dan diatur susunannya. Dengan menggunakan layer, efek-efek akan berlaku dalam layer tertentu saja, tanpa mengganggu layer yang lain.
5.2. Quick Mask Mode
Quick Mask Mode digunakan untuk menyeleksi dengan menggunakan Brush Tool. Aktifkan tool ini dengan menekan tombol Q pada keyboard atau memilih tool Quick Mask Mode.
Pada contoh ini, gambar beruang di seleksi dengan menggunakan Brush Tool pada mode quick mask. Setelah gambar beruang terseleksi, kembalikan ke mode normal untuk menghasilkan seleksi gambar beruang.
5.3. Layer Mask
Layer Mask digunakan untuk menyembunyikan bagian tertentu pada layer. Gunakan warna hitam untuk menyembunyikan gambar dan warna putih untuk menampilkan gambar.
5.4. Layer Style
Layer Style merupakan teknik memberikan efek tertentu pada suatu layer. Pilih tool Add Layer Style yang ada pada sudut kanan bawah pallete.
________________________________________
BAB VI – EFEK KHUSUS PHOTOSHOP
________________________________________
6.1. Filter Liquify
Filter Liquify dapat mengubah gambar secara langsung dengan menggunakan mouse. Misalnya memperbesar/memperkecil mata, menggeser alis, dan sebagainya. Filter ini dapat digunakan melalui menu Filter -> Liquify.
6.2. Filter Vanishing Point
Filter Vanishing Point digunakan untuk meng-klone gambar dalam bentuk perspektif. Filter ini dapat digunakan melalui menu Filter -> Vanishing Point. Area sumber kloning ditentukan dengan menekan Alt + Click. Fitur merupakan fitur baru dalam Adobe Photoshop CS2.
6.3. Filter Blur
Filter Blur digunakan untuk mengaburkan gambar. Yang menarik dalam filter ini adalah mengaburnya gambar dapat dibuat secara radial. Gunakan filter ini melalui menu Filter -> Blur.
http://warezone.com/Altdo-Mp3-RecordEdit-Audio-Master.6.2.rar.25034.html
kali ini saya akan memberikan tutorial blog yaitu membuat tulisan dan link berkedip. dengan membuat tulisan dan link berkedip akan membuat pengunjung blog anda penasaran dengan link atau tulisan yang berkedip itu. untuk membuatnya cukup mudah, hanya dengan menambahkan tag blink.
contohnya seperti ini :
SELAMAT DATANG
begini cara membuatnya :
1. Login ke blogger
2. Pilih Tata Letak kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan kode-kode berikut ini
5. atau kode dibawah ini untuk alamat yang di link
6. Kita dapat menganti tulisan yang nampak (SELAMAT DATANG), dengan berbagai keinginan kita.
Membuat Efek Marquee Pada Blog
Menggunakan efek marquee pada blog kita tidak hanya untuk mempercantik blog tetapi juga berfungsi untuk menghemat ruangan. Sebenarnya efek marquee atau teks berjalan ini adalah kode HTML biasaq sehingga tidak akan terlalu sulit untuk membuatnya.
Ada beberapa efek marquee yang dapat kita buat seperti: teks bergerak kesatu arah, bergerak bolak balik, bergerak keatas, bergerak sekali saja, dan lain-lain.
Efek-efek ini timbul karena adanya perpaduan dari beberapa fungsi yang disebut dengan attributes. Sebelum kita mulai, mari kita pelajari dulu fungsi dari masing-masing atributes.
Beberapa attributes yang sering digunakan dalam marquee yaitu:
1. Behavior : untuk mengatur gaya gerakan pada teks.
Ada 3 gaya gerakan yang bisa digunakan yaitu :
Alternate : Teks bergerak bolak-balik
Slide : Teks hanya bergerak sekali saja
Scroll : Teks bergerak ke satu arah secara kontinu
2. Direction : mengatur arah gerakan teks.
Ada 4 arah gerakan yang bisa digunakan yaitu :
Up : Teks bergerak keatas
Down : Teks bergerak kebawah
Left : Teks bergerak kekiri
Right : Teks bergerak kekanan
3. Face : Untuk mengatur font teks seperti : arial, verdana, times new roman, courier, dan lain-lain. Anda bisa menggunakan semua jenis font yang tersimpan pada komputer Anda
4. Color : Untuk mengatur warna teks, seperti : "black", "green", "blue", "red", "yellow", dan lain-lain. Anda juga bisa menggunakan kode warna untuk menghasilkan warnanya, seperti: "#fffff", "#ff5a00", "#abb0b5", dan lain-lain. Belum tau cara menghasilkan kode warna. Baca disini
5. Width : Untuk mengatur panjang ruangan teks dalam satuan pixel.
6. Height : Untuk mengatur lebar ruangan teks dalam satuan pixel.
7. Bgcolor : Untuk mengatur warna background, seperti: "black", "green", "blue", "red", "yellow", dan lain-lain. Jika Anda ingin menghilangkan warna background gunakan "transparent".
8. Scrolldelay: Untuk mengatur waktu tunda gerakan dalam satuan mili detik.
9. Scrollamount: Untuk mengatur kecepatan gerakan dalam satuan pixel.
10. Loop: untuk mengatur jumlah pengulangan.
Itulah beberapa attributes yang sering digunkan untuk membuat efek marquee atau teks berjalan. Berikut saya akan memberikan beberapa contoh efek marquee:
Contoh 1: Efek teks bergerak bolak-balik secara horizontal
Kodenya :
Contoh 2: Efek teks berjalan bolak-balik secara vertikal:
Kodenya :
Contoh 3: Efek teks berjalan kekanan secara kontinu
Kodenya :
Contoh 4: Efek teks berjalan kekiri sekali saja
Kodenya :
Contoh 5: Efek teks berjalan kekanan tiga kali
Kodenya :
Contoh 6: Efek Bounce
Kodenya :
Contoh 7: Teks Berhenti Jika Mouse Menyentuh Daerah Marquee
Kodenya :
Contoh diatas hanya sebagian dari efek marquee, silahkan Anda utak-atik sendiri nilai-nilai pada attributes untuk mendapatkan efek yang Anda inginkan.
Silakan mencoba...
sumber : www.emefa.co.cc
Pasang Auto Read More
Mungkin di luar sana banyak tutorial Mengenai Pasang Auto Read More.. bisa dibilang saya ketinggalan...hehe apalagi Blogger juga sudah ada Fasilitas Read More atau yang dikenal dengan Jump Break. menurutku Auto Read More lebih bagus daripada Fasilitas Read More dari Blogger karena kita tidak usah memotong artikel tersebut dan yang lebih penting lagi Tampilan Posting Blog kita terlihat rapi karena jumlah karakternya sudah di tentukan serta Auto Read More ini mampu menampilkan image pada awal paragraf meskipun image tersebut ada di akhir.
begini cara pemasangan auto read more :
1. Login Blogger
2. Pilih Rancangan
3. Pilih Edit HTML ( centang pada expand template widget )
4. Cari Kode
5. Kopi Kode dibawah ini di atas kode
6. Selanjutnya Cari Kode
7. Kalo sudah ketemu ganti kode
READ MORE -
8. Simpan dan Lihat hasilnya...
Menampilkan Foto Profil Komentar
Apakah kamu pernah bertanya-tanya, kenapa ya setiap ada orang yang komentar diblog saya tidak ada foto profil dari orang yang berkomentar ?? padahal dipengaturan komentar sudah diatur agar tampil fotonya. Kode setiap template blog itu berbeda-beda, ada template yang sudah mendukung foto profil orang yang berkomentar dan ada juga yang tidak. Bagi kamu yang template blognya tidak mendukung foto profil jangan berkecil hati ! karena kali ini saya akan berbagi ilmu blogging cara Menampilkan Foto Profil Komentar.
1. Login ke akun Blogger anda
2. Plih Layout --> klik Edit HTML, lalu centang Expand Widget Template
3. Cari kode :
keterangan : Jika di template kamu code comments-block berada dalam tag div, maka kamu harus mengganti tag dl menjadi seperti ini : 5. Cari kode : 6. Copy paste kode dibawah ini diatas kode tersebut
![]()
7. Save template, dan lihat hasilnya...
Pasang Navigasi Breadcrumb
ini adalah salat satu cara untuk meningkatkan SEO Blog. dengan cara ini kita dapat menambah kekuatan kategori pada indeks Search Engine. untuk contohnya bisa di lihat di blog saya ini seperti Browse >> SEO >> Pasang Navigasi Breadcrumb.
1. Login Blogger
2. Pilih Rancangan
3. Edit HTML ( expang template widget )
4. Cari Kode ]]>
5. Copy Kode dibawah ini di atas Kode ]]>
.breadcrumbs{ padding:5px 5px 5px 0; margin:0;font-size:95%; line-height:1.4em; border-bottom:4px double #cadaef}
6. Selanjutnya Cari Kode 7. Jika Kode diatas tidak ada, cari Kode seperti ini 8. Kemudian Copy Kode dibawah ini dan letakan dibawah kode
Browse » Home » ,
9. Save Template
Cara Membuat Menu Tab View
Kali ini saya akan memposting bagaimana Cara Membuat Menu Tab View. Menu Tab View adalah sebuah widget yang digunakan untuk menaruh beberapa konten dalam sebuah kotak atau area. Konten akan terlihat apabila kita meng-klik salah satu dari tab, dengan adanya Menu Tab View ini dapat menghemat ruang pada template blog kita. Script Tab View ini saya dapat dari ateonsoft.com
Berikut langkah-langkahnya
1.Login ke blogger dengan ID anda
2.Lalu Klik Menu Templates
3.Klik Sub Menu Edit HTML
4.Pada Kotak Edit HTML cari Kode ]]>
5.Lalu Copy Kode berikut dan Pastekan diatas kode ]]>
/* tab model 2 ateonsoft.com */
div.Tabateonsoft div.TFs
{height: 30px; overflow: hidden;}
div.Tabateonsoft div.TFs a
{float: left; display: block; text-align: center; text-decoration: none; font: normal 12px arial; padding:3px 5px 3px 3px; margin:0 5px 0 0;letter-spacing:-0.07em;
background:#f0f0f0;
color: #333;
border-top:1px solid #CCCCCC;
border-right:1px solid #999999;
border-bottom:1px solid #999999;
border-left:1px solid #cccccc;
-moz-border-radius-bottomright: 10px; -moz-border-radius-topright: 10px;
}
div.Tabateonsoft div.TFs a:hover
{ background: #E8E8E8;
border-top:1px solid #999999;
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
border-left:1px solid #999999;}
div.Tabateonsoft div.TFs a.Active
{ background: #E8E8E8;
color: #000000;
border-top:1px solid #999999;
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
border-left:1px solid #999999; font-weight:bold;}
div.Tabateonsoft div.Pages
{ clear: both; overflow: hidden; height:240px; border:1px solid #EFF0F1; padding:0;background: #ffffff; -moz-border-radius:5px;}
div.Tabateonsoft div.Pages div.Page
{height: 100%;padding: 0px; overflow: hidden; }
div.Tabateonsoft div.Pages div.Page div.floor
{ font-size:11px;padding: 3px 5px; text-align:left;}
6.Lalu letakkan kode berikut dibawah kode
Selamat Mencoba...
cara pasang link di blog
para pasang link di blog? mudah banget koq bro. santai aja tutorial kali ini akan dibuat secepat kilat,
Tapi mohon Maaf sebelumnya, agar artikel ini muncul dihalaman utama google saya tambah sedikit kata
pengantar ya. Nah ini ilmu juga, jadi kalau mau posting artikel sesepele apapun seperti tutorial cara pasang link di blog harus minimal dibuat dua paragraf dulu didepan inti artikel. Tujuanya adalah supaya om google mendeteksi artikel kita. hehehe... dan akhirnya artikel ini sampai ketangan anda, hem... info yang menarik bukan?
Sobat blogger semuanya, ada kalanya sebelum memasang link anda memperhatikan faktor berikut.
1. Jenis link yang anda pasang harus sesuai konten anda, maksudnya jika blog anda membahasa pakaian usahakan jangan ada link yang menjurus ketoko bangunan. usahakan link - link tersebut menuju kekonten yang mirib. misalnya ke toko kain atau ketoko kaos. kenapa? tentu jawaban ini terletak pada tips seo. apa itu tips seo. wah ini kerjaan anda selanjutnya.
2. Oke sesuai janji saya setealah 2 paragraf. saya cukupkan kata pengantarnya dan cara pasang link di blog segera dimulai:D
Alat dan Bahan
1. Anda wajib masuk ke blog dulu, jelas lah bro :)
2. Pilih menu tata letak
3. Pilih menu element halaman
4. Pilih menu tambah gagdet
5. pilih menu tambah java script
6. Copi pastekan kode dibawah ini kedalam java script tersebut
Muliar Dybanun
Meta Data Fendy
Belajar SEO
The Basic
Lest Fun With Internet
Link ku kemana??
- Ganti Sesuai Keinginan
- Utama Ganti Sesuai Keinginan
- Ganti Sesuai Keinginan
- Ganti Sesuai Keinginan
- Ganti Sesuai Keinginan
- Ganti Sesuai Keinginan
- Ganti Sesuai Keinginan
- Utama Ganti Sesuai Keinginan
- Ganti Sesuai Keinginan
- Ganti Sesuai Keinginan
- Ganti Sesuai Keinginan
- Ganti Sesuai Keinginan
- Ganti Sesuai Keinginan
- Ganti Sesuai Keinginan
- Ganti Sesuai Keinginan
- Ganti Sesuai Keinginan
- Ganti Sesuai Keinginan
- Ganti Sesuai Keinginan
- Ganti Sesuai Keinginan
- Ganti Sesuai Keinginan
- Membuat Navigasi Css dengan Sub Menu
Diposting oleh
BELAJAR IPA
di
19.49
ShoutMix chat widget
Download Template Blog Gratis Disini Berikut merupakan Daftar situs Template Blog yang saya dapatkan dan Kumpulkan dari Hasil Pencarian di Google.Jika anda berminat Untuk Mendownload Template Gratis Silahkan Kunjungi Langsung Situs Resminya dan Pilih mana Template Yang Anda Sukai. Free Blogger Templates (Blogspot) 1.www.btemplates.com 2.www.bloggerbuster.com 3.http://blogtemplate4u.com/ 4.www.freeblogger-templates.blogspot.com 5.www.blogger-templates.blogspot.com 6.www.finalsense.com 7.www.ourblogtemplates.com 8.www.bloggerstyles.com 9.www.eblogtemplates.com 10.www.blogspottemplate.com Free WordPress Templates 1. www.prowordpressthemes.com 2. www.wordpresstemplates.com 3. wordpresstemplates.name 4. www.skinpress.com 5. www.wordpress.org 6. www.topwpthemes.com 7. www.blogohblog.com 8. www.templatesbrowser.com 9. www.wpskins.org 10. www.freewordpresstheme.info Premium WordPress Templates 1. www.wordpressthemesmarket.com 2. www.wpcandy.com 3. www.web20-templates.com 5. www.wpremix.com 6. www.ithemes.com 7. www.wp-magazine.com 8. www.studiopress.com 9. www.wp-vybe.com 10. www.premiumwp.com Bonus Daftar Template Blog..^_^ 1. http://www.eblogtemplates.com/ 2. http://www.jackbook.com/ 3. http://www.indosmart.blogspot.com/search/label/template 4. http://www.magznetwork.com/ 5. http://www.freetemplate.widarto.net 6. www.simplebits.com Semoga Bermanfaat Buat Semuanya..^_^.Mungkin Jika Sobat Memiliki Sumber Link Download Template Gratis Bisa di Share di Sini. Mari Belajar Membuat Menu Navigasi Dengan Sub Menu Mumpung mood lagi bagus,mumpung doku lagi tebel dan mumpung blog lagi sepi,saya mencoba untuk memposting kembali kaitannya belajar menghias blog. Beberapa minggu lalu saya sudah bagikan dari informasi yang saya dapat dari dunia maya,bagaimana membuat menu navigasi css di blogger. Bagi yang belom membaca,silakan langsung klik di sini. Nah,dari email sahabat yang saya terima,menanyakan bagaimana sih membuat menu navigasi horisontal / horizontal dengan submenu / sub menu navigasi vertikel seperti pada blog ini? Bukan suatu kesengajaan,menu navigasi dengan sub menu ini juga saya peroleh dari hasil surfing berbagai blog tutorial untuk blogspot. Bagi kamu yang penasaran bagaimana cara membuat menu navigasi dengan sub menu,bisa ikuti langkah berikkut ini. Langkah dan Cara Membuat Menu Navigasi dengan Sub Menu Untuk Blogger • Pertama,pergilah ke Dashboard (Gb.1) blog yang akan anda beri menu navigasi dengan sub menu ini. Gb.1 • Selanjutnya pilih tab Edit Html (Gb.2). Gb.2 • Setelah itu,contreng tulisan / checkbox 'Expand Widget Templates' (Gb.3). Gb.3 • Setelah itu carilah kode seperti ini ]]> (Gunakan Ctrl+F pada keyboard untuk mempermudah pencarian),setelah ketemu letakkan kode dibawah ini tepat diatas kode ]]> tersebut. #NavbarMenu { background: #000; width: 400px; height: 10px; font-size: 11px; font-family: Trebuchet MS, Tahoma, Verdana; color: #fff; margin: 0px; padding: 0px; } #NavbarMenuleft { width: 400px; float: left; margin: 0; padding: 0; } #nav { margin: 0; padding: 0; } #nav ul { float: left; list-style: none; margin: 0; padding: 0; } #nav li { list-style: none; margin: 0; padding: 0; } #nav li a, #nav li a:link, #nav li a:visited { background: #222222; height: 15px; color: #fff; display: block; font-size: 11px; font-family: trebuchet ms, ; text-transform: none; text-decoration: none; margin: 0; padding-top:6px; padding-bottom:5px; padding-left:13px; padding-right:13px; border-right: 1px solid #000; } #nav li a:hover, #nav li a:active {background: #222222; color: #ffffff; margin: 0; padding-top:6px; padding-bottom:5px; padding-left:13px; padding-right:13px; text-decoration: none; } #nav li li a, #nav li li a:link, #nav li li a:visited { background: #ffffff; width: 150px; color: #222222; font-size: 11px; font-family: trebuchet ms,; font-weight: normal; text-transform: none; float: none; margin: 0; padding: 7px 10px; border: 1px solid #000; } #nav li li a:hover, #nav li li a:active { background: #222222; color: #ffffff; padding: 7px 10px; } #nav li { float: left; padding: 0; } #nav li ul { z-index: 9999; position: absolute; left: -999em; height: auto; width: 170px; margin: 0; padding: 0; } #nav li ul a { width: 140px; } #nav li ul ul { margin: -32px 0 0 171px; } #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left: -999em; } #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left: auto; } #nav li:hover, #nav li.sfhover { position: static; } • Setelah itu Simpan Templates. • Sekarang giliran kita menentukan dimana tempat menu navigasi submenu ini akan kita letakkan. • Pilih Tab Rancangan / Tata Letak pada Dashboard blog anda,seperti (Gb.1),selanjutnya klik tulisan 'Add New Widget / Tambah Gadget'(Gb.4),dan pilihlah Html / Javascript (Gb.5) Gb.4 Gb.5 • Setelah itu letakkan kode berikut pada widget HTML / Javascript tersebut.
** Untuk http://tulis_alamat_url_tujuan gantilah sesuai tujuan kamu kemana link akan diarahkan,misal;
http://pelajaran-blog.blogspot.com/2009/03/membuat-menu-navigasi-css-di-element.html dan tulisan Ganti Sesuai Keinginan gantilah denga keterangannya,misal dengan keterangan Membuat Navigasi Css dengan Sub Menu,maka dalam penulisannya;
Membuat Asmaul Husna di Blog
Membuat Addin
Membuat Bendera Bergerak
0 komentar:
Posting Komentar
Terima Kasih Sudah Membacanya dan tolong kasih Komentarnya.