Cara Membuat Blog Komik Online di Blogspot

01.53 22 Comments

Bonus Template Komik Online di Blogger/Blogspot - Serial blog project kembali hadir, sebuah serial pembuatan blog profesional secara detail dan komplit, menggunakan mesin tercinta kita blogger atau blogspot. Lewat serial blog project ini saya berharap pengguna blogger tidak perlu berkecil hati karena blogger tetap bisa dimanfaatkan secara luas untuk banyak hal, jika kita kreatif. Oke kita mulai.

LIHAT DEMO | DOWNLOAD TEMPLATE

Step by step:
1. Membuat Blog di Blogger
2. Pasang Script Image Selector untuk Komik Online
3. Tutorial Posting
Sampai langkah ini Anda sudah bisa membuat sebuah blog Komik Online.
4. Membuat Halaman Manga List (optional)
5. Bonus Template (optional)


1. Membuat Blog di Blogger

Paling awal, Anda harus memiliki sebuah blog.

2. Pasang Script Image Selector di Blogger

Letakkan script berikut di atas </head>
<script src='https://googledrive.com/host/0B69aOIwUyEZmTDVPc1J6c2lBZEk' type='text/javascript'/>

Akan lebih baik lagi jika script tersebut di host sendiri agar tidak berat saat load.

3. Tutorial Posting

Posting dalam mode HTML, bukan mode compose. Masukkan script berikut ini ke postingan Anda:
<div id="comiccover"><img src="#"></div>
<div id="controlimage"><a href="javascript:void(showPrevious());">Previous Page</a><span  
ID="index">index</span><a href="javascript:void(showNext());">Next Page</a></div>
<span ID="page">page</span>
<span ID="caption">caption</span>
<script language="javascript">
addPhoto("#", "", "1");
addPhoto("#", "", "2");
addPhoto("#", "", "3");
addPhoto("#", "", "4");
addPhoto("#", "", "5");
</script>

<script language="javascript">initPhoto();</script>

Keterangan:
- ID comiccover, berguna untuk setting gambar komik yang muncul di homepage. Ganti pagar berwarna putih pada baris pertama dengan URL gambar yang ingin ditampilkan pada homepage.
- ID controlimage, baris ini tidak perlu dirubah.
- span ID page, lokasi penampilan komik dan ID caption untuk memberikan keterangan pada gambar komik. Sebaiknya tidak usah diubah.
- addPhoto, bagian ini adalah isi konten komik. Ganti tanda pagar putih dengan alamat gambar komik. Isikan seterusnya berurutan. Anda bisa menambahkan halaman lain tidak terbatas dengan menambahkan script berikut: addPhoto("#", "", "5"); angka 5 ganti dengan angka 6 dan seterusnya.
- Jadi, yang perlu Anda rubah pada script di atas hanya pada bagian #.

Agar tidak susah payah menulis script dasar tersebut berulang-ulang, Anda bisa menambahkannya ke template Postingan (Setelan -> Pos dan Komentar -> Copykan kode di atas ke Templat Entri -> Simpan)

Jika Anda menggunakan template sendiri, maka perlu ditambahkan kode berikut ini di atas </head>
<b:if cond='data:blog.url != data:blog.homepageUrl'>
  <style>#comiccover {display:none}</style></b:if>

4. Membuat Halaman Manga List (optional)

Untuk membuat halaman manga list silahkan tambahkan CSS berikut ini ke template Anda, letakkan di atas ]]></b:skin>
#subheadpost {position:relative;margin-right:10px;float:left;}
#subheadpost header {background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
    bottom: 15px;
    padding: 0 5px;
    position: absolute;
    width: 120px;}

#subheadpost h5 {
    color: #C00C0C;
    float: left;
    font-family: Arial,sans-serif;
    font-size: 11px;
    font-weight: 700;
    height: 5px;
    margin: 0;
    text-shadow: 1px 1px 1px #0B0B0B;
    width: 100%;
}
#subheadpost h6 {
    color: #FFFFFF;
    float: left;
    font-family: Arial,sans-serif;
    font-size: 12px;
    font-weight: 700;
    margin: 0;
    padding-bottom: 10px;
    text-shadow: 1px 1px 1px #0B0B0B;
}

Buatlah sebuah static page/laman kemudian posting dalam mode HTML, masukkan script berikut:
<div id="subheadpost"><a href="#"><img width="140px" height="190px" src="#"><header><h5>Action</h5><h6>TORIKO</h6></header></a></div>

Keterangan:
- # pertama ganti dengan URL tujuan, misalkan halaman label
- # kedua ganti dengan alamat gambar, misalkan gambar naruto
- Action ganti dengan label komik, misal petualangan
- TORIKO ganti dengan judul komik
- Tambahkan kode serupa di bawahnya jika ingin menambahkan kotak list mangan yang lain

5. Bonus Template

Jika Anda menggunakan template ini, maka
- Anda tidak perlu menambahkan script image selector. Sudah terinstal
- Anda tidak perlu menambahkan script NB pada poin 3
- Anda tidak perlu menambahkan CSS pada poin 4
- Belum ane SEO-in, SEO ini sendiri ya :D maklum cepet2 editnya.

sipudien

Some say he’s half man half fish, others say he’s more of a seventy/thirty split. Either way he’s a fishy bastard.

22 komentar:

  1. Anonim14 September 2015 pukul 18.38

    (Y)

    BalasHapus
  2. Anonim14 September 2015 pukul 18.39

    mantap, ane coba bos...

    BalasHapus
  3. Unknown15 Oktober 2015 pukul 04.52

    AGEN BOLA || AGEN JUDI ONLINE || AGEN SBOBET

    Welcome To www.winenlose.com
    Nikmatilah Bonus-bonus yang Hot di bulan Agustus ini di www.winenlose.com :

    * Promo Sportbook {Sbobet,Ibcbet & Asia77}
    - Bonus 20% Khusus New Member dengan Minimal deposit Rp 200.000,-
    - Bonus Kemenangan 5% dari deposit.
    - Bonus Rollingan 0.7%
    - Bonus Cashback 5% dan 10%

    * Promo Casino {338A,1scasino & Asia8bet}
    - Bonus 10% khusus New Member dengan Minimal deposit Rp 200.000,-
    - Bonus Kemenangan 2.5% dari deposit.
    - Bonus Cashback 5% dan 10%
    - Bonus Rollingan 1%

    * Promo Bola {Tangkasnet99}
    - Bonus Deposit Awal 30%
    - Bonus Setiap deposit 20%

    * Promo Poker Online {Asiapoker77}
    - Bonus Komisi 2%

    * Bonus Referensi

    BalasHapus
  4. Unknown25 Oktober 2015 pukul 03.16

    Prediksi Skor RACING CLUB VS CRUCERO DEL NORTE 31 Oktober 2015

    Prediksi Skor Gimnasia La Plata vs Atletico Rafaela 31 Oktober 2015

    BalasHapus
  5. Unknown27 Oktober 2015 pukul 23.41

    Prediksi Skor RACING CLUB VS CRUCERO DEL NORTE 31 Oktober 2015

    Prediksi Skor Gimnasia La Plata vs Atletico Rafaela 31 Oktober 2015

    Prediksi Skor Valencia vs Levante 1 November 2015

    Prediksi Skor Villarreal vs Sevilla 1 November 2015

    BalasHapus
  6. Unknown29 Oktober 2015 pukul 22.20

    Prediksi SKor Manchester City vs Norwich City 31 Oktober 2015

    Prediksi Skor Crystal Palace vs Manchester United 31 Oktober 2015

    Prediksi Skor Excelsior vs Vitesse 1 November 2015

    Prediksi Skor Ajax Amsterdam vs Roda Jc 1 November 2015

    Prediksi Skor Villarreal vs Sevilla 1 November 2015

    BalasHapus
  7. Unknown14 Desember 2015 pukul 11.33

    Makasih positifnya. Jadi termotivasi ngomik lagi deh..
    bandarkomik.wordpress.com

    BalasHapus
  8. Dedishofan4 Januari 2016 pukul 02.21

    Komentar ini telah dihapus oleh pengarang.

    BalasHapus
  9. Dedishofan4 Januari 2016 pukul 02.50

    Okelah gan (y) ane dah tau :D Coba kapan2 buka yah, BW bareng .. http://manga-jowo.blogspot.co.id/

    BalasHapus
  10. Satriyo Adhie14 Januari 2016 pukul 08.58

    btw script image selectornya itu google drive.
    bisa di ganti lain gitu..?
    masih belum paham ama script itu.

    BalasHapus
  11. Anonim13 Mei 2016 pukul 19.29

    visit ke komikmanual.blogspot.com, yah

    BalasHapus
  12. Anonim13 Mei 2016 pukul 19.29

    visit ke komikmanual.blogspot.com, yah

    BalasHapus
  13. Anonim17 Agustus 2016 pukul 01.12

    infonya bermanfaat gan..

    BalasHapus
  14. Syafitri27 September 2016 pukul 00.57

    Salam kenal Saya Syafitri TKI DI MALAYSIA
    Maaf sebelumnya jika lewat Tempat ini saya menceritakan kisah hidup saya niat saya hanyalah semata ingin berbagi tapi semua tergantung Anda percaya atau tidak yg jelasnya inilah kenyataannya...
    Syukur alhamdulillah kini saya bisa menghirup udara segar di indonesia karnah sudah sekian lama saya ingin pulang ke kampung halaman namun tak bisa sebab,saya harus bekerja di negri orang (Arab Saudi) karna ada hutang yang harus saya bayar di majikan yaitu 257 juta untuk uang indo namun saya tidak pusing lagi sebab kemaring saya di berikan Info oleh seseorang yang tidak saya kenal,katanya kalau mengalami kesulitan Ekonomi,Terlilit hutang silahkan minta bantuan sama
    KI BARONG di Nomor telfon 0852 8895 8775 di jamin bantuan beliau 100% …
    Atau,>>KLIK DISINI UNTUK INFO BANTUAN KI BARONG<<
    BANTUAN DARI KI BARONG
    1.PESUGIHAN
    2.TOGEL
    3. DANAH GHAIB
    4.PENGGANDAAN UANG
    5.UANG BALIK
    6.PEMIKAT
    7.PENGLARIS BISNIS (Jualan,Tokoh,warung)
    8.PERLANJAR DALAM BERBAGAI HAL
    Jadi saya beranikan diri menghubungi beliau dan menyampaikan semua masalah saya dan alhamdulillah saya bisa di bantu,kini semua hutang saya sama majikan di Saudi semua bisa terlunasi dan punya modal untuk pulang kampung,,,,
    Jadi buat yang pengen seperti saya silahkan hubungi KI BARONG di nomor 0852 8895 8775 Anda tidak usah ragu akan adanya penipuan atau hal semacamnya sebab saya dan yg lainnya sudah membuktikan keampuhan bantuan beliau kini giliran Anda trimahkasi….

    BalasHapus
  15. Irufan13 Juli 2017 pukul 08.44

    wah bagus sekali!
    aku juga punya rekomendasi template blog untuk komik!

    https://worldwidetemplates.blogspot.co.id/2017/07/download-template-blog-manga-comic.html?m=1

    BalasHapus
  16. Unknown5 Desember 2017 pukul 22.20


    index:obathammer.id
    index:obatkuatcialis.id
    index:jualmaxman.com
    index:obathammerofthor.id

    BalasHapus
  17. Unknown21 Januari 2018 pukul 10.24

    Bavetline88
    Agen Bola Sbobet
    Agen Judi Bola
    BAVETLINE
    Agen Judi Online
    Agen Judi Casino
    Agen Casino Online
    Agen Casino Sicbo
    Agen Casino Baccarat
    Master Judi Casino

    BalasHapus
  18. Chichan10 September 2018 pukul 01.40

    Arigatouuu :*

    BalasHapus
  19. Miliana24 Maret 2019 pukul 22.35

    keren makasih yah infonya mantap

    www sindonews

    BalasHapus
  20. L4D3K19 April 2019 pukul 01.56

    Bang, saya gak ngerti SEO.. T_T, tambahin dong bang..
    BTW: Blognya bermanfaat, thanks bang :D

    BalasHapus
  21. shin21 Maret 2021 pukul 12.42

    Ini bisa pake hp atau cuma pake PC min..

    BalasHapus
  22. reza21 Juli 2022 pukul 23.12

    bagus banget informasinya kak

    Kuota komik axis untuk apa saja

    BalasHapus

Langganan: Posting Komentar (Atom)