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 Spoiler ini Screenshot Widgetnya Mohon bantuannya samuel, Sep 18, 2013 #1 wphoet You'll Never Walk Alone Joined: Feb 19, 2013 Messages: 1,149 Likes Received: 142 Trophy Points: 63 Google+: Author modifikasi bagian home emang modifikasi bagian home emang paling susah, sya juga masih cari-cari tutorialnya yg bisa bikin tampilan home jadi bentuk news. 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* wphoet, Sep 19, 2013 #2 ncang Super Level Joined: Feb 7, 2013 Messages: 4,655 Likes Received: 761 Trophy Points: 113 Google+: Author walah sama bro saya juga ngak walah sama bro saya juga ngak ngerti coding2an, nanti dibawah pasti ada yang ngasih tahu sabar yah ncang, Sep 19, 2013 #3 Dan Forum Bot Joined: Dec 4, 2012 Messages: 1,316 Likes Received: 257 Trophy Points: 83 Google+: Author 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 Dan, Sep 19, 2013 #4 wphoet You'll Never Walk Alone Joined: Feb 19, 2013 Messages: 1,149 Likes Received: 142 Trophy Points: 63 Google+: Author 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 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? wphoet, Sep 19, 2013 #5 Dan Forum Bot Joined: Dec 4, 2012 Messages: 1,316 Likes Received: 257 Trophy Points: 83 Google+: Author 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> Dan, Sep 19, 2013 #6 samuel Member Joined: Feb 5, 2013 Messages: 478 Likes Received: 15 Trophy Points: 18 Google+: Author 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* samuel, Sep 19, 2013 #7 Fahmi Newbie Joined: Dec 5, 2012 Messages: 1,719 Likes Received: 159 Trophy Points: 63 Google+: Author Perasaan sudah ada disini deh Perasaan sudah ada disini deh .. tau deh blom pernah coba sih https://www.bersosial.com/topic/2113/widget-recent-post-label-1-thumbnail Fahmi, Sep 19, 2013 #8 Dan Forum Bot Joined: Dec 4, 2012 Messages: 1,316 Likes Received: 257 Trophy Points: 83 Google+: Author 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. Dan, Sep 19, 2013 #9 (You must log in or sign up to reply here.) Show Ignored Content Loading... Similar Threads - [ASK] Custom Blogger [Ask] Sitemap.xml Blogger Custom Domain Fahmi, Jul 17, 2013, in forum: Blogger Replies: 19 Views: 1,872 ncang Sep 13, 2013 [Ask] Ketersediaan https custom domain gagal terus Husni Cahya Gumilar, Jun 3, 2019, in forum: Blogger Replies: 5 Views: 3,431 Mutty N Jan 31, 2021 [ASK] Custom siCepot tidak diIndex Bing sevta22, Feb 2, 2017, in forum: Blogger Replies: 26 Views: 3,940 BayuajiHS Mar 1, 2017 [ASK] Blogger + Cloudflare Mutty N, Jan 31, 2021, in forum: Blogger Replies: 5 Views: 2,878 Mutty N Feb 9, 2021 [ask] Ingin Indeks ke Webmaster Malah Ngga bisa, Solusinya dong rama_456, Apr 17, 2019, in forum: Blogger Replies: 1 Views: 1,600 KangAndre Apr 17, 2019 Share This Page Tweet Log in with Facebook Log in with Twitter Your name or email address: Do you already have an account? No, create an account now. Yes, my password is: Forgot your password? Stay logged in
modifikasi bagian home emang modifikasi bagian home emang paling susah, sya juga masih cari-cari tutorialnya yg bisa bikin tampilan home jadi bentuk news. 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*
walah sama bro saya juga ngak walah sama bro saya juga ngak ngerti coding2an, nanti dibawah pasti ada yang ngasih tahu sabar yah
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
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 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?
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>
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*
Perasaan sudah ada disini deh Perasaan sudah ada disini deh .. tau deh blom pernah coba sih https://www.bersosial.com/topic/2113/widget-recent-post-label-1-thumbnail
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.