1. Halo Guest, pastikan Anda selalu menaati peraturan forum sebelum mengirimkan post atau thread baru.

Cara membuat Gallery di bawah artikel

Discussion in 'Desain Web & Grafis' started by takyudin jauari, May 12, 2014.

Page 1 of 2
  1. takyudin jauari

    takyudin jauari Newbie

    Joined:
    May 1, 2014
    Messages:
    7
    Likes Received:
    0
    Location:
    yogyakarta
    maaf, saaya mau tanya, ada yang tau plugin/cara buat gallery dibawah artikel ga,,..
    tolong bantuannya ya...
     
    takyudin jauari, May 12, 2014
    #1
  2. p3tir

    p3tir Super Hero

    Joined:
    Jan 3, 2013
    Messages:
    1,119
    Likes Received:
    84
    ane kira mau nanya, eh ternyata cuma share
     
    p3tir, May 12, 2014
    #2
  3. yudhaman

    yudhaman Super Hero

    Joined:
    Dec 15, 2009
    Messages:
    867
    Likes Received:
    15
    Location:
    Medan
    agan petir jg kebalik -_-
     
    yudhaman, May 12, 2014
    #3
  4. DSAdanang

    DSAdanang Hero

    Joined:
    Jul 24, 2013
    Messages:
    703
    Likes Received:
    40
    Location:
    Semarang
    kalo di wordpress *setau ane*

    1. add new post
    2. add media
    3. create gallery
    4. upload deh

    kayaknya sih cuman gitu hehehe
    coba aja
     
    DSAdanang, May 12, 2014
    #4
  5. jakasembung

    jakasembung Super Hero

    Joined:
    Oct 8, 2010
    Messages:
    1,737
    Likes Received:
    44
    Location:
    Bumi Allah SWT
    semacam related post begitukah? biasanya ada pluginnya mas
     
    jakasembung, May 12, 2014
    #5
  6. nino-id

    nino-id Hero

    Joined:
    Oct 25, 2011
    Messages:
    588
    Likes Received:
    25
    betul sekali permirsa
     
    nino-id, May 12, 2014
    #6
  7. takyudin jauari

    takyudin jauari Newbie

    Joined:
    May 1, 2014
    Messages:
    7
    Likes Received:
    0
    Location:
    yogyakarta
    trimakasih atas bantuannya
     
    takyudin jauari, May 13, 2014
    #7
  8. zamazzame

    zamazzame Ads.id Fan

    Joined:
    May 9, 2014
    Messages:
    160
    Likes Received:
    8
    Location:
    Bogor
    Supaya tampilan galerinya makin oke, agan bisa menggunakan fasilitas galeri dari Jetpack by Automattic. Tapi sebelumnya agan harus punya akun wordpress(dot)com dulu karena informasi login akun tersebutlah yang digunakan untuk otorisasi plugin Jetpack pada WordPress agan. Silahkan dicoba ya gan, have fun! :)
     
    zamazzame, May 16, 2014
    #8
  9. Agus Pian

    Agus Pian Blogger Super Ngeraos

    Joined:
    Apr 19, 2013
    Messages:
    3,355
    Likes Received:
    130
    Location:
    NTB
    Pake SEO ALRP
     
    Agus Pian, May 16, 2014
    #9
  10. ekosujarno

    ekosujarno Newbie

    Joined:
    Nov 29, 2010
    Messages:
    22
    Likes Received:
    2
    Membuat Raleted Post With Image Thumbnails 2013

    1. Login ke akun blogger
    2. Masuk ke menu template > edit HTML
    3. Pastekan kode berikut tepat diatas </head>
    <!--Related Posts with thumbnails Scripts and Styles Start-->
    <style type='text/css'>
    #related-posts {
    float:center;
    text-transform:none;
    height:100%;
    min-height:100%;
    padding-top:5px;
    padding-left:5px;
    }
    #related-posts h2{
    font-size: 1.6em;
    font-weight: bold;
    color: black;
    font-family: Georgia, “Times New Roman”, Times, serif;
    margin-bottom: 0.75em;
    margin-top: 0em;
    padding-top: 0em;
    }
    #related-posts a{
    color:black;
    }
    #related-posts a:hover{
    color:black;
    }
    #related-posts a:hover {
    background-color:#d4eaf2;
    }
    </style>
    <script type='text/javascript'>
    var defaultnoimage=&quot; _http://1.bp.blogspot.com/_u4gySN2ZgqE/SosvnavWq0I/AAAAAAAAArk/yL95WlyTqr0/s400/noimage.png&quot;;
    var maxresults=8;
    var splittercolor=&quot;#d4eaf2&quot;;
    var relatedpoststitle=&quot;Related Posts&quot;;
    </script>
    <script src='https://bloggergubug.googlecode.com/files/grelposttumb.js' type='text/javascript'/>
    <!--Related Posts with thumbnails Scripts and Styles End-->
    ​
    4. Cari kode <data:post.body/> silahkan pastekan kode berikut tepat dibawahnya
    <!-- Related Posts with Thumbnails Code Start-->
    <!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div id='related-posts'>
    <b:loop values='data:post.labels' var='label'>
    <b:if cond='data:label.isLast != &quot;true&quot;'>
    </b:if>
    <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=7&quot;' type='text/javascript'/></b:loop>
    <script type='text/javascript'>
    removeRelatedDuplicates_thumbs();
    printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;);
    </script>
    </div><div style='clear:both'/>
    <!-- remove --></b:if>
    <!-- Related Posts with Thumbnails Code End--> ​
    5. Simpan


    Untuk peletakannya juga bisa dibawah post footer <div class='post-footer'> silahkan sesuaikan dengan template anda. Ok selamat mencoba membuat artikel terkait dengan gambar tumbnail, semoga sukses ;)
     
    Last edited by a moderator: Jun 28, 2016
    ekosujarno, May 18, 2014
    #10
    whoisbenu likes this.
  11. exabytes (ID)

    exabytes (ID) Hero

    Joined:
    Nov 9, 2013
    Messages:
    701
    Likes Received:
    96
    Location:
    Jakarta
    setuju dengan mas zamazzame bisa gunakan fitur dari jetpack plugin gan :)
    semoga terbantu.
     
    exabytes (ID), May 18, 2014
    #11
  12. nenkai

    nenkai Super Hero

    Joined:
    Dec 24, 2010
    Messages:
    976
    Likes Received:
    28
    niat nya bagus,, tp cara nya yg salah, pake lipeling,,
     
    nenkai, May 18, 2014
    #12
  13. IDvsUS

    IDvsUS Ads.id Pro

    Joined:
    Dec 23, 2015
    Messages:
    280
    Likes Received:
    0
    agan petir jg kebalik -_-
     
    IDvsUS, Dec 24, 2015
    #13
  14. cangik

    cangik Ads.id Pro

    Joined:
    Dec 23, 2015
    Messages:
    348
    Likes Received:
    0
    ane kira mau nanya, eh ternyata cuma share
     
    cangik, Dec 24, 2015
    #14
  15. Lolita

    Lolita Ads.id Pro

    Joined:
    Dec 23, 2015
    Messages:
    318
    Likes Received:
    4
    Location:
    Bali & Surabaya
    Membuat Raleted Post With Image Thumbnails 2013



    1. Login ke akun blogger

    2. Masuk ke menu template > edit HTML

    3. Pastekan kode berikut tepat diatas </head> <!--Related Posts with thumbnails Scripts and Styles Start-->

    <style type='text/css'>

    #related-posts {

    float:center;

    text-transform:none;

    height:100%;

    min-height:100%;

    padding-top:5px;

    padding-left:5px;

    }

    #related-posts h2{

    font-size: 1.6em;

    font-weight: bold;

    color: black;

    font-family: Georgia, “Times New Romanâ€￾, Times, serif;

    margin-bottom: 0.75em;

    margin-top: 0em;

    padding-top: 0em;

    }

    #related-posts a{

    color:black;

    }

    #related-posts a:hover{

    color:black;

    }

    #related-posts a:hover {

    background-color:#d4eaf2;

    }

    </style>

    <script type='text/javascript'>

    var defaultnoimage=&quot;http://1.bp.blogspot.com/_u4gySN2Zgq...age.png&quot;;

    var maxresults=8;

    var splittercolor=&quot;#d4eaf2&quot;;

    var relatedpoststitle=&quot;Related Posts&quot;;

    </script>

    <script src='https://bloggergubug.googlecode.com/files/grelposttumb.js' type='text/javascript'/>

    <!--Related Posts with thumbnails Scripts and Styles End-->4. Cari kode <dataost.body/> silahkan pastekan kode berikut tepat dibawahnya <!-- Related Posts with Thumbnails Code Start-->

    <!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'>

    <div id='related-posts'>

    <b:loop values='dataost.labels' var='label'>

    <b:if cond='data:label.isLast != &quot;true&quot;'>

    </b:if>

    <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs& amp;max-results=7&quot;' type='text/javascript'/></b:loop>

    <script type='text/javascript'>

    removeRelatedDuplicates_thumbs();

    printRelatedLabels_thumbs(&quot;<dataost.url/>&quot;

    </script>

    </div><div style='clear:both'/>

    <!-- remove --></b:if>

    <!-- Related Posts with Thumbnails Code End-->5. Simpan





    Untuk peletakannya juga bisa dibawah post footer <div class='post-footer'> silahkan sesuaikan dengan template anda. Ok selamat mencoba membuat artikel terkait dengan gambar tumbnail, semoga sukses
     
    Lolita, Dec 24, 2015
    #15
  16. BOTAK

    BOTAK Ads.id Pro

    Joined:
    Dec 23, 2015
    Messages:
    285
    Likes Received:
    0
    Pake SEO ALRP
     
    BOTAK, Dec 24, 2015
    #16
  17. casey

    casey Ads.id Pro

    Joined:
    Dec 19, 2015
    Messages:
    326
    Likes Received:
    0
    semacam related post begitukah? biasanya ada pluginnya mas
     
    casey, Dec 24, 2015
    #17
  18. krisman007

    krisman007 Ads.id Pro

    Joined:
    Dec 23, 2015
    Messages:
    302
    Likes Received:
    1
    Supaya tampilan galerinya makin oke, agan bisa menggunakan fasilitas galeri dari Jetpack by Automattic. Tapi sebelumnya agan harus punya akun wordpress(dot)com dulu karena informasi login akun tersebutlah yang digunakan untuk otorisasi plugin Jetpack pada WordPress agan. Silahkan dicoba ya gan, have fun!
     
    krisman007, Dec 24, 2015
    #18
  19. GoogleCorp

    GoogleCorp Ads.id Pro

    Joined:
    Dec 23, 2015
    Messages:
    314
    Likes Received:
    0
    trimakasih atas bantuannya
     
    GoogleCorp, Dec 24, 2015
    #19
  20. NiwaDaisuke

    NiwaDaisuke Ads.id Fan

    Joined:
    Dec 27, 2015
    Messages:
    220
    Likes Received:
    1
    agan petir jg kebalik -_-
     
    NiwaDaisuke, Jan 9, 2016
    #20
Page 1 of 2

Share This Page