[ask] template blogger

Discussion in 'HTML & Website Design' started by adido, Mar 30, 2015.

  1. adido

    adido Guest

    [ASK]

    Ada yang bisa ngajariku membuat blogger template g'?

    Saya disini cuma pengen bisa 1 template saja, untuk
    dasar HTML dan CSS saya sedikit bisa
    Tapi masalahnya disini suya kurang paham tentang tag
    conditional pada blogger,javascript, dan jquery seperti
    <b:if> <b:widget> dan konco-konconya, bantu ea :(
     
  2. Ardilas

    Ardilas Super Level

    Joined:
    Feb 18, 2013
    Messages:
    4,245
    Likes Received:
    317
    Trophy Points:
    83
    Google+:
    Kurang paham kalau mau jelasin sangat detail.
    Yang saya tau <b:if> untuk pengulangan kondisi salah atau benar. Kalau benar, pernyataan selanjutnya di lakukan. Kalau salah tidak di eksekusi kecuali ada tag else.
    <b:widget> untuk widget.
    Hehehe saya kurang paham
     
    adido likes this.
  3. KangAndre

    KangAndre Member

    Joined:
    Jan 25, 2014
    Messages:
    10,132
    Likes Received:
    2,694
    Trophy Points:
    413
    Saya yakin, meskipun seorang pembuat template profesional akan kesulitan jika diberi lembar kosong untuk ditulis script template lengkap tanpa harus membuka arsip (kecuali html dasar)
    Untuk itu cobalah salah satu template yang ada, kemudian otak-atik, ubah untuk mengetahui hasil akhir. Dengan demikian sedikit demi sedikit akan paham. Jika menemui kendala, barulah didiskusikan di sini.
    Di google banyak ulasan lengkap...
     
    adido likes this.
  4. ngeblogasyikk

    ngeblogasyikk Well-Known Member

    Joined:
    Feb 1, 2015
    Messages:
    1,207
    Likes Received:
    176
    Trophy Points:
    63
    iya di google banyak yang bahas. Saya belajar dari sana juga dan mengotak atik lewat periksa elemen
     
    adido likes this.
  5. adido

    adido Guest

    Kendala pertamanya gni mas:

    1. Tentang dasar Javascript: saya sudah mencoba mempelajari dari ebook namun kenyataannya di lapangan untuk membuat template nampaknya tidak ada yang nyangkut, contohnya : script

    Var_0x5744=["\x73\x6c\x69\x64\....\....\bla\bla”]

    Padahal di ebook yg saya temui kebanyakan menampilkan semacam ”dialog box”


    Kendala yang ke-2 tentang tag :
    <B:includable id='....'> Dan <b:loop>
    Saya kesulitan memahami ini mas, soalnya di google kebanyakan membahas tentang b:section dan b:widget

    Ini lagi mas tentang atribut “expr“ contohnya:
    <body expr: bla bla bla>
    Atau
    <Img expr:alt bla bla bla>
    Apa fungsinya untuk hyperlink juga?


    Ma'af bnyak tanya mas soalnya saya beneran ingin bisa :(
     
  6. adido

    adido Guest

    Ea makasih mas sarannya, saya akan mencobanya
     
  7. Ardilas

    Ardilas Super Level

    Joined:
    Feb 18, 2013
    Messages:
    4,245
    Likes Received:
    317
    Trophy Points:
    83
    Google+:
    Saya juga kurang paham mengenai kode template blogspot ini, sebenarnya ini bahasa pemrograman XML tapi sudah ada kode-kode yang sudah ditetapkan oleh Blogspot sendiri.

    Mengenai includable. Setelah widget harus ada includable, kemudian kita bisa menulis kode html, dll.

    Mengenai loop. Ini perulangan misal, label kita ada 10, dan kita setting untuk di tampilkan semua. Jadi perulangan terjadi 10x, dikeluarkan satu-satu secara urut, hasil akhirnya akan muncul semua.

    Mengenai expr. Ini aturan penulisan jika kita ingin menyisipkan kode-kode khusus yang sudah ditetapkan Blogspot. Misalnya data:blog.url atau data:blog.pageName dll. Kita misalkan penulisan meta description yang di dalam kita sisipkan kode Blogspot.
    Code:
    <meta expr:content='data:blog.pageName' name='description'/>
    Secara otomatis nanti data:blog.pageName nanti muncul menjadi judul artikel. Misalnya artikel saya berjudul SEO. Nanti yang muncul / hasilnya bisa dilihat melalui Inspect element atau view page source, seperti ini.
    Code:
    <meta content="SEO" name="description"/>
    Kalau dalam template kita tidak menyisipkan kode khusus tersebut. Bisa ditulis langsung layaknya seperti kode kedua tapi dengan beda kutipnya saja, menggunakan kutip satu.
    Code:
    <meta content='SEO' name='description'/>
     
    Last edited: Mar 31, 2015
  8. adido

    adido Guest

    Nah ini yang saya cari gan, heheheheehe....

    Penjelasan yg seperti ini yg saya butuhkan, makasih bget gan, penjelasannya bisa saya pahami dengan jelas, walaupun code dalam kotak tersebut smwnya kelihatan separuh mungkin karna menggunakan versi mobile, namun itu bisa saya pelajari dan saya praktekkan sendiri, sekali lagi makasih gan,
    Nanti klo ada yg saya bingungin, saya minta bantuannya lagi kalau tidak keberatan :)
     
  9. Muh.Yusuf

    Muh.Yusuf Member

    Joined:
    Jul 29, 2014
    Messages:
    438
    Likes Received:
    23
    Trophy Points:
    18
    Google+:
  10. Hari Agustomo Nugroho

    Hari Agustomo Nugroho Active Member

    Joined:
    Mar 13, 2015
    Messages:
    1,196
    Likes Received:
    78
    Trophy Points:
    48
    Google+:
    Saya sama sekali gak tau tentang template*huh*
    Saya nyimak saja dulu,,,
     
  11. adido

    adido Guest

    Ea masta2, mksih atas sarannya,
    Oh ea tanya lagi nech masta klo template 'credit by' di footer mau di kunci, itu pakek apa ya?
    Pakek java script kah?
     
  12. bespe

    bespe Member

    Joined:
    Oct 30, 2014
    Messages:
    950
    Likes Received:
    50
    Trophy Points:
    28
    Wah belum nyampe ilmu ane:D
     
  13. Gesper

    Gesper Member

    Joined:
    Mar 1, 2015
    Messages:
    242
    Likes Received:
    9
    Trophy Points:
    18
    Google+:
    Ane mah tau nya cuma template gratisan:D
     
  14. creative

    creative Well-Known Member

    Joined:
    Oct 24, 2014
    Messages:
    1,728
    Likes Received:
    160
    Trophy Points:
    63
    Google+:
    Wah yang dibahas ilmu tingkat tinggi ni.. ade jd penonton aje ah.... :D
     
  15. Achmad Muharya

    Achmad Muharya Member

    Joined:
    Apr 29, 2014
    Messages:
    427
    Likes Received:
    23
    Trophy Points:
    18
    Kalau mau buat template sendiri sih, mending unduh template yang sudah ada aja di internet terus dipelajari terus diedit lagi sana-sini lama-lama juga bisa :D

    Gak usah repot-repot bikin dari nol, semua template sama/rata-rata HTML-nya di bagian <body> sampai </body>

    Pakai JS mas, coba simpan JS yang ini dengan JS atau CSS lainnya. Jadi kalau JS ini nanti dihapus, tampilan blog atau fungsi-fungsi yang ada di blog macam search box dll gak bisa berjalan lancar :D ini saya dapat dari template sebelaj :D

    HTML:
    //Hide
    $(document)['ready'](function () {
            $('#cpright')['html']('Created by <a href="URL BLOG">NAMA BLOG</a>');
            setInterval(function () {
                    if (!$('#cpright:visible')['length']) {
                        window['location']['href'] = 'URL BLOG';
                    };
                }, 3000);
        });
     
  16. Andi Blogger

    Andi Blogger Member

    Joined:
    Mar 27, 2015
    Messages:
    65
    Likes Received:
    3
    Trophy Points:
    8
    Google+:
    template madtrik luarbiasa joss banget
     
  17. adido

    adido Guest

    Berarti itu pas di pasang lgsung permanen donk?
    Trus klo mau hpus itu mesti hpus \ ganti template lain g2 mas?
     
  18. adido

    adido Guest

    Sudah belajar sana sini saya kang namun saynk setelah aq edit tampilannya hampir 150 derajat, eh pas link kredits nya mau di hapus di bagian footer, eh blog saya klo di kunjungi malah ke direct ke link pembuat :D
     
  19. asli3rut

    asli3rut Member

    Joined:
    Sep 6, 2014
    Messages:
    642
    Likes Received:
    44
    Trophy Points:
    28
    Baik blogger, wordpress, tumblr maupun blog lainnya punya framework tersendiri, yang harus dipelajari untuk membuat template blog, CSS, HTML, javascript dikit aja, dan tentu saja perintah framework blog ybs, untuk framework template blog sepertinya tidak susah untuk di kuasai karena itu-itu saja.... selamat berekperimen anda pasti bisa
     
  20. KangAndre

    KangAndre Member

    Joined:
    Jan 25, 2014
    Messages:
    10,132
    Likes Received:
    2,694
    Trophy Points:
    413
    Ada kode yang diselipkan ditempat lain. Tetap bisa asal telaten mencarinya (biasanya kode di enskripsi)
     
Loading...

Share This Page