- Beranda
- Website, Webmaster, Webdeveloper
[Blogspot] Yang mau tanya soal blogger/blogspot di sini aja. Mari belajar sama2
...
TS
nostalgia90an
[Blogspot] Yang mau tanya soal blogger/blogspot di sini aja. Mari belajar sama2
ane liat banyak yang mengalami masalah dengan blogspot.
kebanyakan bermasalah di template blog dan settingan-setingannya.
ane bikin thread ini khusus buat ngejawab pertanyaan agan-agan berkaitan dengan blogspot.
silahkan gan
Index Sharing yang udah ada :
Tambahan dari agan Z4ng3t5u
Tambahan dari om Fiky:
kebanyakan bermasalah di template blog dan settingan-setingannya.
ane bikin thread ini khusus buat ngejawab pertanyaan agan-agan berkaitan dengan blogspot.
silahkan gan
Index Sharing yang udah ada :
Quote:
Tambahan dari agan Z4ng3t5u
Quote:
Original Posted By Z4ng3t5u►solved sendiri..
kalau mau belajar CSS :
taruh pej wan dong TS
biar pada tahu
kalau mau belajar CSS :
Code:
http://www.w3schools.comtadi barusan nemu, cukup membantu buat nyelesein masalah ane
taruh pej wan dong TS
biar pada tahu
Tambahan dari om Fiky:
Quote:
Original Posted By fiky13►
Selamat malam efribadeh
Malem ini ane mau ngeshare hasil coba coba ane ngekastem tag di blogspot. Kastem di sini kamsudnya agan bisa bikin style tertentu untuk postingan dengan tag tertentu.
Sebenernya sih konsepnya sederhana, cuma manfaatin kondisionel tag sama keajaiban css
Langsung aja, pertama setelah masuk ke desbort blogspot, terus ke template, terus klik edit html, habis itu kotak di samping Expand Template Widget di ceklik
Pertama cari dulu ini
Sebenernya ini cuma jadi ancer ancer kita kalo kita bakalan ngedit bagian postingannya. Setelah ketemu, sisipin kode di bawah ini tepat di atasnya
habis itu masukin kode di bawah ini tepat di bawah kode pertama tadi
Setelah selesai, selanjutnya tinggal nambahin stylenya dengan format
yang ane di sini masih bentuk sederhananya, kalo mau ngeksplor lagi mungkin bisa jadi lebih ajib
buat demonya pake blog ane aja ya, males bikin blog dumi
kalo mau liat cara diatas yang udah dikastem kayak di blog ane, silahkan donlot aja mentahan template ane
Sekian cukup, tidak terima pertanyaan, tapi terima uang
Untuk lebih lanjutnya, silahkan hubungin emaknya temen ane
Selamat malam efribadeh
Malem ini ane mau ngeshare hasil coba coba ane ngekastem tag di blogspot. Kastem di sini kamsudnya agan bisa bikin style tertentu untuk postingan dengan tag tertentu.
Sebenernya sih konsepnya sederhana, cuma manfaatin kondisionel tag sama keajaiban css
Langsung aja, pertama setelah masuk ke desbort blogspot, terus ke template, terus klik edit html, habis itu kotak di samping Expand Template Widget di ceklik
Pertama cari dulu ini
Code:
<b:includable id='post' var='post'>
Sebenernya ini cuma jadi ancer ancer kita kalo kita bakalan ngedit bagian postingannya. Setelah ketemu, sisipin kode di bawah ini tepat di atasnya
PHP Code:
<b:includable id='mod-tag'>
<b:loop values='data<img src="https://s.kaskus.id/images/smilies/sumbangan/6.gif" data-sceditor-emoticon=":p" border="0" alt="emoticon-Stick Out Tongue" title="Stick Out Tongue"/>ost.labels' var='label'>
<b:if cond='data:label.name == "namatag"'>
<div class='labelkustom'/>
</b:if>
</b:loop>
</b:includable>
habis itu masukin kode di bawah ini tepat di bawah kode pertama tadi
PHP Code:
<b:include name='mod-tag'/>
Setelah selesai, selanjutnya tinggal nambahin stylenya dengan format
PHP Code:
.labelkustom+.hentry .namalabeldidalamhentryyangpingindikastem
yang ane di sini masih bentuk sederhananya, kalo mau ngeksplor lagi mungkin bisa jadi lebih ajib
buat demonya pake blog ane aja ya, males bikin blog dumi
Code:
http://wicaknote.blogspot.com
kalo mau liat cara diatas yang udah dikastem kayak di blog ane, silahkan donlot aja mentahan template ane
Code:
https://docs.google.com/file/d/0B7ZciuhxPWL1bUJBRXFTalhLMFk/edit?usp=sharing
Sekian cukup, tidak terima pertanyaan, tapi terima uang
Untuk lebih lanjutnya, silahkan hubungin emaknya temen ane
Diubah oleh nostalgia90an 15-03-2013 10:24
0
58.3K
1.2K
Komentar yang asik ya
Mari bergabung, dapatkan informasi dan teman baru!
Website, Webmaster, Webdeveloper
23.5KThread•5.6KAnggota
Tampilkan semua post
TS
nostalgia90an
#113
Cara membuat Breadcrumb di Blogspot
Apa itu breadcrumb ? Langsung saja lihat contohnya :
Cara membuatnya ?
Pertama2 back-up dulu template agan buat jaga2
Terus agan cari kode berikut di template blog agan (pake Edit HTML)
Tambahkan kode berikut ini sebelum kode di atas
Sekarang, agan cari lagi kode berikut ini di template blog agan (pake Edit HTML)
Kalau agan menemukan lebih dari satu, silahkan pilih salah satu saja , kemudian tambahkan kode berikut ini
Terakhir, agan tinggal tambahkan kode CSS berikut ini di bagian css template blog agan
agan bisa modifikasi kode CSS sesuai selera dan template blog agan (biar match)
Quote:
Cara membuatnya ?
Pertama2 back-up dulu template agan buat jaga2
Terus agan cari kode berikut di template blog agan (pake Edit HTML)
HTML Code:
<b:include data='top' name='status-message'/>
Tambahkan kode berikut ini sebelum kode di atas
HTML Code:
<b:include data='posts' name='breadcrumb'/>
Sekarang, agan cari lagi kode berikut ini di template blog agan (pake Edit HTML)
HTML Code:
<b:includable id='main' var='top'>
Kalau agan menemukan lebih dari satu, silahkan pilih salah satu saja , kemudian tambahkan kode berikut ini
HTML Code:
<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType == "static_page"'>
<div class='breadcrumbs'><span><a href='data:blog.homepageUrl' rel='tag'>Home</a></span>» <span><data:blog.pageName/></span></div>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<!-- breadcrumb for the post page -->
<b:loop values='data
osts' var='post'>
<b:if cond='dataost.labels'>
<div class='breadcrumbs' xmlns:v="http://rdf.data-vocabulary.org/#">
<span typeof="v:Breadcrumb"><a href='data:blog.homepageUrl' rel="v:url" property="v:title">Home</a></span>
<b:loop values='dataost.labels' var='label'>
<b:if cond='data:label.isLast == "true"'>
» <span typeof="v:Breadcrumb"><a href='data:label.url' rel="v:url" property="v:title"><data:label.name/></a></span>
</b:if>
</b:loop>
» <span><dataost.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'><span><a href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span>Unlabelled</span> » <span><dataost.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<!-- breadcrumb for the label archive page and search pages.. -->
<div class='breadcrumbs'>
<span><a href='data:blog.homepageUrl'>Home</a></span> » <span>Archives for <data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == "index"'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == ""'>
<span><a href='data:blog.homepageUrl'>Home</a></span> » <span>All posts</span>
<b:else/>
<span><a href='data:blog.homepageUrl'>Home</a></span> » <span>Posts filed under <data:blog.pageName/></span>
</b:if>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType == "static_page"'>
<div class='breadcrumbs'><span><a href='data:blog.homepageUrl' rel='tag'>Home</a></span>» <span><data:blog.pageName/></span></div>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<!-- breadcrumb for the post page -->
<b:loop values='data
osts' var='post'><b:if cond='data
ost.labels'><div class='breadcrumbs' xmlns:v="http://rdf.data-vocabulary.org/#">
<span typeof="v:Breadcrumb"><a href='data:blog.homepageUrl' rel="v:url" property="v:title">Home</a></span>
<b:loop values='data
ost.labels' var='label'><b:if cond='data:label.isLast == "true"'>
» <span typeof="v:Breadcrumb"><a href='data:label.url' rel="v:url" property="v:title"><data:label.name/></a></span>
</b:if>
</b:loop>
» <span><data
ost.title/></span></div>
<b:else/>
<div class='breadcrumbs'><span><a href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span>Unlabelled</span> » <span><data
ost.title/></span></div></b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<!-- breadcrumb for the label archive page and search pages.. -->
<div class='breadcrumbs'>
<span><a href='data:blog.homepageUrl'>Home</a></span> » <span>Archives for <data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == "index"'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == ""'>
<span><a href='data:blog.homepageUrl'>Home</a></span> » <span>All posts</span>
<b:else/>
<span><a href='data:blog.homepageUrl'>Home</a></span> » <span>Posts filed under <data:blog.pageName/></span>
</b:if>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
Terakhir, agan tinggal tambahkan kode CSS berikut ini di bagian css template blog agan
HTML Code:
.breadcrumbs {
padding:5px 5px 5px 0px;
margin: 0px 0px 15px 0px;
font-size:95%;
line-height: 1.4em;
border-bottom:3px double #e6e4e3;
}
padding:5px 5px 5px 0px;
margin: 0px 0px 15px 0px;
font-size:95%;
line-height: 1.4em;
border-bottom:3px double #e6e4e3;
}
agan bisa modifikasi kode CSS sesuai selera dan template blog agan (biar match)
0