Template blog

download

of 6

  • date post

    28-Nov-2014
  • Category

    Documents
  • view

    268
  • download

    1

Embed Size (px)

description

Template Blog

transcript

  • 1. Membuat SendiriTemplateBlogspotMembuat, Memodifikasi danMemasang Template untukBlog Anda
  • 2. Membuat Sendiri TemplateBlogspot Membuat sendiritemplate untukBlogspottidaklah yangdibayangkan. sesulit Pembuatan template tidak memerlukan keahlian pemrograman seperti web yang sering ditakutkanoleh para penggunablog. Apalagibanyaksitus menyediakan fasilitas TemplateGenerator,yangakanmembantu pembuatan template dengan"sangat mudah".BukuMembuatsendiri renplate Blogspotmembahas tentang,seluk beluktemplate untuk Blogspot. Pembahasanmulai dari cara mendapatkanteniplate, memodifikasinya kemudian dan memasang template tersebutpadablog,sampai caramembuat template sendiri. Materidibahas secararunut,langkah demi langkah sehingga diharapkan dapat mempermudahpemahaman yangingin Anda membuattemplatesendiri.Buku ini cocok digunakan oleh para pelajar, mahasiswa,guru dan bahkanparaprofesional pengguna serta internet lainnyayang mendesain ingin sendiriblogyangdimilikinyasesuai keinginan. Materiyang dibahas dalambukuantara lain:o Pendahuluan, sekilastentangblogspot.o Pembahasan tentang Layout Template dan Internaldari Blogspotr Memanfaatan Template darisitus lain.o Persiapanmembuat Template sendiri,termasuk teknikmenyimpangambar desaintemplate Situs di lmage Hosting.o Mengenaltemplate generatoruntuk membuat templatesendiri.. Teknikmenggunakan template generator denganstudi kasuspada situs Firdamatic, PsycHo TrixTGv2. danPenerbitElex PT Media KomoutindoJl.Palmerah 29-37, Barat Jakarta 10270T e l p . 2 1 ) 50110, 536 1 1 (0 536 501Ext.3214Web Page: http://wwwelexmedia.co.id
  • 3. Doftor Isiq - c P e ng a n tar .......". """" vIm::r lsi """"""viiBah1 PENDAHULUAN......... """""""" 1 BLOGSPOT KEMUDAHANNYA DAN """..."".1 Langkah Mudah dalamPembuatan """""" 1 Dashboard yang Pengaturan Mudah Digunakan """"""2 D esa in u dah Menarik M dan ..".""""""""" 3 Kemudahan MembangunPeftemanan """" 5 BLO ........ REGISTM SI G .",...."".6mab2 LAYOUT BLOGSPOT DANTEMPIATE INTERNAL"""" 13 PAGE EM ENTS .,,......,. EL . . " " . . . . 1 4 Letak lemen M en g u b ah E "."...." ..""" 15 M e n g e dE lemen...." it """"" 16 E lemen M en a m b ah "..""""" 17 AND OLO RS ..... FON T C . . , . . " " . . " 2 1 HTM L . ED IT "..".""22 N TEMP LA TE P ICK EW ".".,""24 NEW TEMPLATEOLD vs TEMPLATE ".."""""26BAB3 MEMANFAATKAN DARI SITUSLAIN.""..29 TEMPLATE SITUSBLOGGER TEMPLATES "... 31 Btem p lates S ITUS . . . . . . . " . . . . " " "4 1 vtl
  • 4. BAB4 MEMBUATTEMPTATE SENDIRI.. ..............47 MEMPERSIAPKAN SOFTWARE ......,....,. ..........47 Ad o be hotoshop P ,............,...48 CorelDraw., ,........49 WebEditor. ....,...50 Browser Internet ..................50 MENDESAIN TEMPLATE ,.........,.,.50 coNTo H E MB UA TA NG O ......... P 1O ,.........,.....52 CONTOH PEMBUATAN HFADER .....61 PER SIAPrA rN..,....... AN ..............68BAB5 MENYIMPANGAMBAR SITUSIMAGEHOSTING,..69 DI TENTANG SITUS IMAGE HOSTING... ......,.......69 Go o gle icasa....,.... P . . . . . , . . . . .6.9 . , Pho tobucket ...:........ . , . . . ........70 Si tu s Flickr ...........7L PictImage Hosting ...............72 Fr e e Image Hosting ................72 coNToH PENGGUNMN GOOGLE prCASA....,..............,..... 73 Registrasi Login dan .............73 M emasukkan G ambar aru....... . . . . B ...........76 Mengambil untuk Link Template ,..........,.. g0 MENGGUNAKAN PHOTOBUCKET..... ...............83 Re g istrasi S ign dan Up............. . . . . . , . . . . . .g.3 . .BAB6 MENGGUilAKAN TEMPTATE GENERATOR: FIRDAMATIC ............ ,..............69 TENTANG TEMPI.ATE GENEMTOR ,........,......89 Fir d amatic.. ......,.90 Psyc ho ..............90 Dotemplate. .......91viii
  • 5. DrupalTheme ""92 TemPlatr.... """"" 93 Theme WordPress .""""""" 93 BIKIN ITU ......"..""""" 93 FIRDAMATIC: TEMPLATE MUDAH MengaKifkan Firdamatic """"94 Identifikasi ....".. Blog """" 95 Mengatur Header ......."""" 96 Bo d y g Blo ............:. ...""" 98 Pr oseGenerate.... s ............99 MEMASANG TEMPLATE BLOG KE ..."......".."104 SEKILASTENTANG KODE HTML ..................107 Program"... Inisialisasi ........108 Kode CSS... .......109 Kode untukLeftSideBar........... ..........113 Kode untukKonten...... ......116Nt7 HENGGUNAKAN TEMPLATEGENERATOR: PSYCHO 119 TENTANG pSyCHO ..,.................119 Membuat dengan Template 121 Psycho...................... BasicSetting .....L22 TitleSetting ......126 Column Setting Le ftSid e Scheme..................1. . ."......133 Theme....,.. Le ftSid e ....,.......136 Post Setting .....138 HASIL MENyTMpAN ...................141 MEMASANG BLOG KE ANDA .."....145 TEMPLATE MENGEDIT ......"""";146 Memasukkan Image ..-........L47