Kalau untuk mengetahui themes blog orang lain akan lebih mudah pada
cms open source apalagi jika yang memakai adalah orang yang kurang
begitu mengerti tentang coding seperti saya. Contoh saja jika kita ingin
mengetahui tema blog wordpress, sedikit tips bisa diketahui melalui
link CSSnya, lihat saja dengan menambahkan url wp-content/themes/ :D
Tapi kali ini kita tidak ingin membicarakan theme wp atau CMS lain karena akan repot juga jika kita mau mencopy tema blog orang lain
yang memakai CMS open source tersebut. Jelas setiap template untuk
functionnya kemungkinan beda apalagi jika yang membuat tema berbeda.
Namun kita akan bekerja untuk mengcopy template blog lain di blogspot.
Untuk syarat utama yang harus anda mengerti adalah, anda benar benar mengerti tentang Page Elements Tags for Layouts blogger. Sebagaimana yang pernah saya singgung dalam artikel membuat template blogger sendiri. Apalagi jika anda sudah paham semua point yang saya sebutkan. Kalaupun belum mungkin anda juga bisa mengikuti artikel ini.
Kita ketahui tipe widget yang di sediakan blogger untuk penyusunan
template seperti BlogArchive, Blog, Feed, Header, HTML, SingleImage,
LinkList, List, Logo, BlogProfile, Navbar, VideoBar, NewsBar. Akan
tetapi yang sering digunakan orang dalam penyusunan template hanyalah
BlogArchive, Blog, Header, HTML dan yang lainnya memang ada juga yang
menggunakan namuan sangat jarang.
Format masing masing untuk widget ini seperti
Saya kira anda harus paham dulu, tapi kalaupun sudah pusing ya
sudahlah, lanjut lagi untuk membaca tulisan saya. Untuk selanjutnya
supaya anda mudah dalam pekerjaan gunakan browser yang ada inspect
element. Saya memakai Opera untuk pekerjaan kali ini. Untuk target kali
ini saya akan mencontohkan mengcopy sportymagazine2.blogspot.com, yang katanya orang templatenya bagus. Kan ndak enak juga kalau yang di jadikan contoh yang premium wkwkw.
Lanjut ke cara copy template blog lain Coba kita buka blognya.
Setelah itu kita masukan dalam inspect element yaitu dengan klik kanan
dan memilih inspect element. Expand tag body dan jangan mengexpan apapun
selain body. Copy scriptnya misalnya saya dapatkan seperti berikut
Kemudian tiap baris kode tersebut harus di tutup dengan penutup tag div </div>
Untuk contoh selanjutnya agak sedikit njlimet lagi. Saya contohkan
kita akan membuka headerpic-wrapper. Kita ketahui dari kode yang saya
dapatkan untuk section ini. adalah
Kita buka lagi dengan expand codenya. Ternyata ada tag div dengan id
header-wrapper, newspic. saya membuka header-wrapper namun tidak ada
yang spesial pada isi tag ini.lanjut lagi expand codenya. Nah loh,
ternyata ada yang istimewa. Saya menemukan 2 section disini yaitu header
dan header2. Sampai disini kita bekerja lagi yaitu dengan mencopy
scriptnya dan masukan dalam headerpic-wrapper
Lihat pada line 3 dan 4 headerpic-wrapper tersebut. terdapat class
header dan section kemudian di sini juga ditemukan id header. Dapat
disimpulkan ini memakai section header. Dan bisa kita simpulkan
scriptnya di replace menjadi
Kemudian saya expand lagi untuk header tersebut dan disini saya temukan lagi
Kalau sampai disini kita sudah mengetahui class yang di pakai widget
dan Header serta id nya Header1. Sudah jelas kalau ini memakai widget
header. Lihat script untuk header diatas copy saja. Trus kita lihat
idnya adalah Header1 maka jelas untuk codenya
Tinggal masukan ke section header seperti berikut
Kemudian saya melanjutkan lagi dengan mengexpand section header2. Ternyata saya menemukan code
Saya menemukan class widget dan HTML kemudian juga ada id HTML5. Nah
disini diketahui pada kode tersebut memakai widget HTML. Jadi lihat lagi
code widget diatas tentang HTML. Jadinya kita ubah id menjadi HTML5
seperti berikut
Selanjutnya kita masukan ke section header2
Nah dari sini mungkin anda bertanya kenapa untuk widget header maupun
widget HTML 5 tidak di expand? Untuk yang ini memang bukan untuk di
expan karena nantinya otomatis akan di generate blogger sendiri jadi
anda tidak perlu menulis ataupun mengcopynya.
Berlanjut lagi mencoba membuka newspic. Ternyata tidak ada apapun
isinya yang spesial. Tinggal copy semua isi yang ada didalamnya. Tag
HTML dan semua script yang didalamnya. Tetapi harus hati hati jika
didalamnya ada aksi javascript. Nah, ternyata saya lihat ini ada aksi
javascript, maka ada beberapa tag yang seharusnya tidak ada menjadi ada.
Hal ini karena inspect element membaca client dan sesudah aksi semua
script. Jadi untuk amannya anda copas dari view source. Jadinya jika
kita gabungkan semua script yang di dapatkan adalah sebagai berikut
Nah selanjutnya laksanakan untuk tag tag lain dan section serta
widget lain seperti di atas. Selanjutnya jika dirasa telah selesai. Uji
coba kode yang sudah anda kerjakan apakan markupnya sudah benar. Pakai
saja aplikasi xmlmarker, copas codenya dan jika di temukan error tinggal perbaiki. Jika tidak lanjutkan saja.
Yang anda lakukan selanjutnya adalah membuka edit template di blogger
dalam HTML. Bersihkan isi di tag <body> sampai </body>.
Pastekan code yang sudah anda buat tersebut. Langkah selanjutnya anda
copas CSS yang ada di blog target copykan ke area antara skin
<b:skin><![CDATA[/* sampai ]]></b:skin>. Kalau
sebelumnya ada isi buang saja. Langkah selanjutnya adalah menyimpan atau
pratinjau dulu. Nah tinggal anda sesuaikan beberapa tah yang tidak
sesuai keinginan. copy template blog orang lain di blogspot selesai :D..
Mudah atau mumet wkwkwkwk
About Công Ty Cổ Phần AMALINK
Với mong muốn chuyển giao mô hình chuỗi giá trị áo thun hiện đại của các nước phát triển về Việt Nam. Chúng tôi luôn nỗ lực không ngừng để nâng cao chất lượng sản phẩm, dịch vụ. Đồng thời hợp tác với tổ chức, công ty uy tín khác trong lĩnh vực thiết kế, dệt, nhuộm, may mặc, in ấn, làm thương hiệu, phân phối nhằm làm cầu nối cho các doanh nghiệp và người tiêu dùng Việt gặp nhau....
0 komentar:
Posting Komentar