Boston Big Picture's Like blog layout in blogspot

Mungkin abray asist (bebas banget gw bikin istilah) pernah liat http://www.boston.com/bigpicture/. Sebuah situs berita yang lebih banyak bercerita melalui gambar-gambar besarnya?

Untuk bikin Boston Big Picture's-like blog layout di blogspot, cara enaknya mungkin salah satunya gini:
  1. Login ke blogger.com
  2. Create new blog di blogspot kan tuh
  3. Coba langsung ke menu Design > template designer
  4. Pilih template > simple
  5. Adjust width > 990px
  6. Layout > pilih body layout yang kirit atas,
  7. Advanced > cari add css, isi CSS dibawah ini:

/* Width Layout Hacks */

.content-inner {

    padding: 10px 0px;
}
.tr-caption-container {
  padding: 0px
}
.main-inner .column-center-inner .section {
    margin: 0 0em;
}


/* Image Layout Hacks */

.post-body img, .post-body .tr-caption-container {
    padding: 1px;
}
td.tr-caption {
  padding: 5px 0;
  font-size: 100%;
}



Prerequisite. Sebelum anda bisa posting image dengan width 990px ke blog:
  1. Pastikan image tersebut dengan width 990px. Bisa resize dengan software pengolah image seperti photoshop, atau irfanview, Xnview dll.
  2. Pastikan anda menggunakan new editor. Cara ceknya, masuk ke menu settings > basic > select post editor. Pastikan terpilih yang Updated editor (Recommended) kemudian save settings.
Jika prerequisite diatas sudah terpenuhi, berikut ini adalah cara upload image 990px anda:
  1. Masuk ke menu Posting > New Post. 
  2. Klik icon Insert Image, kemudian browse file gambar yang ingin diupload
  3. Setelah itu add images
  4. Blogspot akan secara otomatis melakukan resize image menjadi kecil. Jangan khawatir, setelah image terload dengan sempurna, coba klik satu kali image tersebut, sehingga muncul title menu pada gambar tersebut, kemudian pilih original size dan Left (untuk merata kanan-kan imagenya) 


Kira-kira hasilnya akan seperti ini:

http://tomfreakzbigpictures.blogspot.com/

Ya ini mungkin salah satu cara aja, dan masih jauh dari sempurna.. Silahkan abray asist sempurnakan


Di bawah ini adalah beberapa photoblog big pictures temen-temen:
  1. http://biaiscraps.blogspot.com
  2. http://mojourneyphoto.blogspot.com
  3. http://myunuskarunia.blogspot.com

4 comments:

  1. Mantap *jempol*

    ijin posting ya bi:

    Karya kreatif & tulisan 'Mo bisa diliat disini:
    http://mojourneyphoto.blogspot.com/

    ReplyDelete
  2. You could experience natural disasters like cyclone, tornadoes,
    earthquakes, and fire. When children fit these fun video game titles into actions require time to view those facial seems
    to be and human body expressions. You could also do your very own version connected with makeovers and allow a celebrity a whole different start looking.


    Feel free to visit my webpage Look At This

    ReplyDelete