Trik Untuk Meniru atau Mengetahui Struktur CSS pada Sebuah Blog
- 22 October 2013
- Template
- 31 komentar
Pada artikel ini saya akan membagikan sebuah trik dari pengalaman saya, yakni "belajar meniru atau mengetahui struktur css sebuah blog". Bingung juga mau beri judulnya seperti apa, yang jelas trik ini seperti
Berawal cerita, dulu saya pengen mempunyai sebuah template yang mirip dengan template eltelu. Saya berusaha keras menerima semua ilmu yang diberikannya. Keberhasilan saya merubah tampilan template default blogger menjadi seperti yang tampak teman-teman lihat. Semua itu saya pelajari dari sana dan hal tersebut merupakan suatu kebanggaan tersendiri buat saya. Merasa ilmu yang saya terima masih kurang. Akhirnya saya mencari solusi lain agar saya bisa mengetahui dan menerapkan struktur css yang digunakan blog tersebut kedalam blog saya.
Adapun syarat sebelum melakukan trik yang akan saya bagikan ini, yakni: dianjurkan menggunakan dasar template yang sama. Contoh: saya menggunakan template bawaan blogger dan saya ingin mempelajari struktur css template blog si A. Kebetulan si A menggunakan template bawaan blogger juga, sehingga tidak begitu sulit buat saya untuk mengetahui penggunaan css yang digunakannya.
Bagaimana solusinya jika saya ingin mempelajari struktur css template dari pihak ke 3, sedangkan saya baru mengetahui struktur css pada template bawaan blogger?
Dari pengalaman yang sudah-sudah, menurut yang saya ketahui struktur css pihak ke tiga tersebut tidak begitu mempunyai perbedaan yang mencolok dengen bawaan blogger. Solusinya adalah terbiasa dan memahami struktur css yang kamu gunakan agar dapat mengetahui letak perbedaannya dengan css template dari pihak ke tiga tersebut.
Untuk lebih jelasnya coba lihat langkah berikut:
1. Selalu buka halaman utama pada blog yang akan kamu pelajari struktur css-nya.
2. Klik kanan mouse kamu, lalu pilih view page source.
3. Maka akan muncul seperti tampak pada gambar diatas.
4. Pilih css yang mana yang akan kamu pelajari dari blog target target tersebut.
Selanjut setelah mempelajari dan memahami css yang digunakannya. Maka kita bisa melakukan peniruan serupa pada blog yang kita kelola. Peniruan yang saya maksud bisa bermacam-macam, contoh: kotak komentar, menu navigasinya, daerah header, footer dan masih banyak lagi.
Blog target saya tidak bisa di klik kanan, bagaimana solusinya?
Untuk beberapa blog ada juga yang menggunakan trik semacam itu (larangan klik kanan). Gak perlu khawatir, untuk mengatasi hal tersebut kamu cukup melakukan penyimpanan halaman utama blog tersebut (lalukan save page as pada browser kamu). Nah, setelah data blog target selesai di download silahkan klik kanan pada file yang kita download tersebut lalu buka dengan Notepad ++ (sangat dianjurkan).
Begitulah cara saya agar bisa mempelajari css yang di gunakan pada beberapa blog yang saya kunjungi. Jadi jangan heran jika saya bisa meniru sesuatu yang kamu gunakan tanpa harus menunggu solusi dari kamu terlebih dahulu. Trik ini hanya berlaku untuk beberapa blog saja, karena trik ini ada juga tidak efektifnya dilakukan pada blog yang profesional, contoh: blog dte.
Untuk lebih jelasnya coba lihat langkah berikut:
1. Selalu buka halaman utama pada blog yang akan kamu pelajari struktur css-nya.
2. Klik kanan mouse kamu, lalu pilih view page source.
3. Maka akan muncul seperti tampak pada gambar diatas.
4. Pilih css yang mana yang akan kamu pelajari dari blog target target tersebut.
Selanjut setelah mempelajari dan memahami css yang digunakannya. Maka kita bisa melakukan peniruan serupa pada blog yang kita kelola. Peniruan yang saya maksud bisa bermacam-macam, contoh: kotak komentar, menu navigasinya, daerah header, footer dan masih banyak lagi.
Blog target saya tidak bisa di klik kanan, bagaimana solusinya?
Untuk beberapa blog ada juga yang menggunakan trik semacam itu (larangan klik kanan). Gak perlu khawatir, untuk mengatasi hal tersebut kamu cukup melakukan penyimpanan halaman utama blog tersebut (lalukan save page as pada browser kamu). Nah, setelah data blog target selesai di download silahkan klik kanan pada file yang kita download tersebut lalu buka dengan Notepad ++ (sangat dianjurkan).
Begitulah cara saya agar bisa mempelajari css yang di gunakan pada beberapa blog yang saya kunjungi. Jadi jangan heran jika saya bisa meniru sesuatu yang kamu gunakan tanpa harus menunggu solusi dari kamu terlebih dahulu. Trik ini hanya berlaku untuk beberapa blog saja, karena trik ini ada juga tidak efektifnya dilakukan pada blog yang profesional, contoh: blog dte.


Ini semacam ngintip dapur orang lain ya mas hehehe :D Tapi ini tujuannya positif yakni untuk belajar, jadi tidak masalah. Tapi yang jadi masalah adalah melihat source code untuk membuat blog auto copas itu yang berbahaya hehe :D
Iya mbak, semacam itulah.. saya sndiri bngng jga mau beri nama teknik apa hahaha... Sebaiknya kita gak perlu khawatir dgn hal kecil sperti itu. Karena google kini kan sudah semakin canggih, dia tau mana artikel yg ori dan yg enggak hehe.. :)
selama blog itu tidak mengaktifkan anti Ctrl+U ya mas :)
bener mas, ane juga sering lakukan hal ini tapi seperti kata mas tadi bukan untuk mencuri, tapi kalaupun suka gak ada salahnya kita PM meminta secara baik2 ke admin blog target, hehehh thank gan
kalaupun dia mngaktifkan anti Ctrl+U kita kan masih bsa mendownload file blog trsbt.. (menggunakan cara trakhir yg saya smpekan itu sob) :D Tapi agak sdikit ribet, karna kita hars mndownload file blog trsbt.. :s
ini kunjungan saya pertama kali disini sobat, saya dulu juga suka ngintip kode-kode seperti itu sobat haha kunjungan balik ya di ikerenki.blogspot.com
Sama2 sobat.. :)
selamat datang sobat di blog sederhana saya.. :)
Siap meluncur sob :D>
Kalo untuk belajar sih gak masalah, asal jangan kloning ajah! :)
yang terakhir saya kelewatan bacanya mas :D
belajar kloning boleh nggak mas ??
wkwkwk si kang ucup buru2 amat pngn komen :p
@Sobat Heri: Iya sob, tujuan artikel ini untuk belajar kok.. bukan kloning hehehe.. :D
@Kang Ucup: wkwkwk jgn lah mas.. gk bagus itu..
hmm,, sy sih kalo ada yang unik atw emang pengen tahu css nya aja sy lakukan seperti diatas
Ternyata asyik juga ya ngintip blog orang lain,kalo lagi beruntung bisa dapat ide baru memperbaiki template blog kita sendiri.
hehe,, seperti itulah yg bsa kta rasakan mas Felix :)
asyik kan sob? bsa ngintip dapur orang hehe :p
kalo nyontek CSS di blog saya silakan, toh yang buat orang bukan saya ckckck
yang penting jangan sampe nyontek kontennya, kalo nyontek konten wassalam deh :D
kwkwkwkwk kocak ente gan :D
Ada cara yang lebih mudah mas, jika dia pasang anti klik kanan, sobat nonaktifkan saja pembacaan javascript pada browser sobat.
Boleh jga tu mas Brayen, cman mslahnya untuk jelasinnya akn trlalu pnjang -___-
karna setiap browser mmpnyai lngkah2nya yg berbeda..
Makasih sarannya mas :-bd
ya iyalah saya kan sampai sekarang pake template gratisan haha :D
hahaha,, kalau tmplate itu buatan ente sndiri, gimana? :p
css suusah bener ya, ga ngerti ngerti gue apa maunya, error mulu, ato jangan jangan otak gue yang error ga bisa nrima bahasa css. wkwkkwwwwh
thanks bos sarannya berkitan ilmu css
Yang lebih mumet niru css blog beda platform :D
Tapi juga perlu khawatir juga kalau ternyata blog kita di copas, soalnya bisa menurunkan ranking blog di serp Google. Hehehe :D
Beda platform ya pasti beda lah kode nya mas wkwkwk :D Mending membuat kode sendiri mas :)
@ Mas Nurul : iya mas, emng ribet dan buat mumet aja :D
@ Mbak Eka : kode sndiri jga bagus mbak :)
sepertinya ente sang master deh :) blog nya bagus, jadi ragu saya kalau ente gk ngerti dgn css hehe :)
kalau blog yang gak bisa di ctrl + U kepriben iku mas ?
matiin sistem javascriptnya mas,, melalui browser masing.. paling gmpang dari opera / mozila.. hbs tu baru ctrl+U
Show Emoticon