[ASK] Custom Blogger Templates

Discussion in 'Blogger' started by samuel, Sep 18, 2013.

  1. samuel

    samuel Member

    Joined:
    Feb 5, 2013
    Messages:
    478
    Likes Received:
    15
    Trophy Points:
    18
    Google+:
    Sebenarnya saya ingin mengcustom template blog saya untuk memiliki tampilan yang saya inginkan, namun ada masalah yang saya hadapi yaitu,
    Saya masih awam dalam kode-kode
    Saya belum tau tata cara membuat layout tambahan untuk style magazine

    Saya ingin bertanya kepada rekan-rekan saya di Bersosial.com ini.
    Adakah yang tau cara membuat Widget Label untuk blog Magazine, atau
    adakah yang punya tutorial atau referensi situs yang menyediakan tutor membuat widget tersebut

    ini Screenshot Widgetnya
    [​IMG]

    Mohon bantuannya
     
  2. wphoet

    wphoet You'll Never Walk Alone

    Joined:
    Feb 19, 2013
    Messages:
    1,149
    Likes Received:
    142
    Trophy Points:
    63
    Google+:
    modifikasi bagian home emang

    modifikasi bagian home emang paling susah, sya juga masih cari-cari tutorialnya yg bisa bikin tampilan home jadi bentuk news. *ketawa3* dan ternyata semua default template blogger sdh ada rel canonicalnya semua, jadi tinggal di modify lagi tampilannya, beda kl kita pakai template gratisan yg dibuat pakai tools seperti artister dll rata2 gk ada canoicalnya dan bnyk yg gk sinkron dgn menu layout *biggrin*
     
  3. ncang

    ncang Super Level

    Joined:
    Feb 7, 2013
    Messages:
    4,656
    Likes Received:
    758
    Trophy Points:
    113
    Google+:
    walah sama bro saya juga ngak

    walah sama bro saya juga ngak ngerti coding2an, nanti dibawah pasti ada yang ngasih tahu sabar yah :D
     
  4. Dan

    Dan Forum Bot

    Joined:
    Dec 4, 2012
    Messages:
    1,316
    Likes Received:
    257
    Trophy Points:
    83
    Google+:
    Template tersebut sepertinya

    Template tersebut sepertinya pakai recent post per label jadi misal kanan labelnya "A", kiri "B" dst. Bikin sendiri saja, coba baca ini http://www.danlogs.com/2013/09/blogger-json-feed-api.html
     
  5. wphoet

    wphoet You'll Never Walk Alone

    Joined:
    Feb 19, 2013
    Messages:
    1,149
    Likes Received:
    142
    Trophy Points:
    63
    Google+:
    Dan wrote:

    kalau yg scriptnya json itu dipasang widget apa diletakkan di templatenya? soalnya lgi cari tutorial yg buat settingan widget tapi cuma di halaman home aja, pas halaman artikelnya dibuka otomatis widget recent post per label-nya gk ikut mejeng di halaman artikel yg dibuka trsebut, masih bingung dgn settingan widget yg kyk gini *ketawa3* jdi kyk punya detik.com gitu, halaman homenya isinya recent post semua per kategory/per-label, tapi kl pas dibuka artikelnya otomatis widgetnya gk ikutan nongol lgi, kl di blogger kan widgetnya selalu nongol tiap halaman, kira2 ada settingannya apa gk ya? :D
     
  6. Dan

    Dan Forum Bot

    Joined:
    Dec 4, 2012
    Messages:
    1,316
    Likes Received:
    257
    Trophy Points:
    83
    Google+:
    wphoet wrote:

    Harus edit template langsung kalau gitu, untuk script dipasang di widget. Misal widget dikasih title "A", cari saja widget tersebut di template dan di wrap dengan,misal:

    Code:
    <b:if cond='data:blog.url == data:blog.homepageUrl'>
           .....
        </b:if>
    
     
  7. samuel

    samuel Member

    Joined:
    Feb 5, 2013
    Messages:
    478
    Likes Received:
    15
    Trophy Points:
    18
    Google+:
    cara membuat tampilan dengan

    cara membuat tampilan dengan thumbnailnya itu yang agak susah mas @Dan, perlu CSS juga kan itu
    belum lagi saya belum pandai dengan jSon ini *wacko*
     
  8. Fahmi

    Fahmi Newbie

    Joined:
    Dec 5, 2012
    Messages:
    1,719
    Likes Received:
    159
    Trophy Points:
    63
    Google+:
    Perasaan sudah ada disini deh

    Perasaan sudah ada disini deh .. tau deh blom pernah coba sih :D https://www.bersosial.com/topic/2113/widget-recent-post-label-1-thumbnail
     
  9. Dan

    Dan Forum Bot

    Joined:
    Dec 4, 2012
    Messages:
    1,316
    Likes Received:
    257
    Trophy Points:
    83
    Google+:
    samuel wrote:

    Paling CSS, untuk ngambil Thumbnail kan sudah ada kodenya tinggal pasang, coba pelajari feed API, ngga sesusah yang dibayangkan karena ada cheatnya. Contoh code, misal saya mengambil label SEO diblog saya:


    Code:
    <script type="text/javascript">
      function mycallback(json) {
        for (var i = 0; i < json.feed.entry.length; i++) {
          for (var j = 0; j < json.feed.entry[i].link.length; j++) {
            if (json.feed.entry[i].link[j].rel == 'alternate') {
              var postUrl = json.feed.entry[i].link[j].href;
              break;
            }
          }
          var postTitle = json.feed.entry[i].title.$t;
          var postThumb = json.feed.entry[i].media$thumbnail.url;
          var postSummary = json.feed.entry[i].summary.$t;
          var entryShort = postSummary.substring(0, 90);
          var entryEnd = entryShort.lastIndexOf(" ");
          var postContent = entryShort.substring(0, entryEnd) + '...';
          var item = '<div class="wrapper" style="clear:both;float:left;"><h3><a href=' + postUrl + '>' + postTitle + '</h3></a><img style="float:left;" src=' + postThumb + '><p>' + postContent + '</p></div>';
          document.write(item);
        }
      }
    </script>
    <script src="http://www.danlogs.com/feeds/posts/summary/-/SEO?orderby=published&max-results=5&alt=json-in-script&callback=mycallback"></script>
    

    Saya pakai inline CSS saja.

    Update: untuk summary saya ambil 90 karakter. Dan html yang dihasilkan tetap ke indeks oleh Google karena menggunakan JS yang sederhana.
     
Loading...

Share This Page