[Blogspot] Yang mau tanya soal blogger/blogspot di sini aja. Mari belajar sama2

Beranda

...

Website, Webmaster, Webdeveloper
[Blogspot] Yang mau tanya soal blogger/blogspot di sini aja. Mari belajar sama2

nostalgia90an

01-03-2012 10:37

[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 emoticon-Shakehand2

Index Sharing yang udah ada :

Quote:

Javascript buat nampilin mobile template di semua HP
Gagal Nampilin Widget di Mobile Template? Ini Solusinya
Cara Mengaktifkan Threaded Comments untuk Custom Template di Blogspot
Cara Membuat Breadcrumb di Blogspot
Template Framework Blogspot - Buat yang pengen bikin template Blogspot sendiri

Tambahan dari agan Z4ng3t5u

Quote:

Original Posted By Z4ng3t5u►solved sendiri..
emoticon-No Hope

kalau mau belajar CSS :

Code:

http://www.w3schools.com

tadi barusan nemu, cukup membantu buat nyelesein masalah ane emoticon-Big Grin

taruh pej wan dong TS emoticon-Big Grin

biar pada tahu emoticon-Big Grin

Tambahan dari om Fiky:

Quote:

Original Posted By fiky13►
Selamat malam efribadeh emoticon-Cool

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 emoticon-Kiss (S)

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 emoticon-Cool

Code:

http://wicaknote.blogspot.com

kalo mau liat cara diatas yang udah dikastem kayak di blog ane, silahkan donlot aja mentahan template ane emoticon-Cool

Code:

https://docs.google.com/file/d/0B7ZciuhxPWL1bUJBRXFTalhLMFk/edit?usp=sharing

Sekian cukup, tidak terima pertanyaan, tapi terima uang emoticon-Cool

Untuk lebih lanjutnya, silahkan hubungin emaknya temen ane emoticon-Ngacir

Diubah oleh nostalgia90an 15-03-2013 10:24

57.4K

Kutip

1.2K

Balasan

Komentar yang asik ya

Mari bergabung, dapatkan informasi dan teman baru!

Website, Webmaster, Webdeveloper

23.5KThread•5.3KAnggota

Tampilkan semua post

nostalgia90an

13-03-2013 15:35

#947

Yang mau bikin template sendiri - Pake template framework ini aja :D

Yo agan2, setelah lama gak update, ane nemu ni cara bikin template Blogspot sendiri.
Setelah utak-atik, akhirnya ane berhasil mendapatkan bentuk template paling minimal yang bisa diupload ke blogspot (ini ane utak-atik dari Simple templatenya blogspot):

Spoiler for template framework blogspot:

Code:

<?xml version="1.0" encoding="UTF-8" ?>

<!DOCTYPE html>

<html b:version='2' class='v2' expr:dir='data:blog.languageDirection' >

 <head>

 <meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/>

 <b:if cond='data:blog.isMobile'>

 <meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>

 <b:else/>

 <meta content='width=1100' name='viewport'/>

 </b:if>

 <b:include data='blog' name='all-head-content'/>

 <title><data:blog.pageTitle/></title>

 <b:skin>

 </b:skin>

 </head>

 <body>

 <b:section id='header' class='header' maxwidgets='1' showaddelement='yes'>

 <b:widget id='Header1' locked='true' title='CREATIVICIZE (Header)' type='Header'/>

 </b:section>

 <b:section id='nav' class='nav' maxwidgets='1' showaddelements='yes'>

 <b:widget id='PageList1' locked='false' title='Pages' type='PageList'/>

 </b:section>

 <b:section id='main' class='main' maxwidgets='' showaddelements='yes'>

 <b:widget id='Blog1' locked='false' title='Blog Posts' type='Blog'/>

 </b:section>

 <b:section id='sidebar' class='sidebar' maxwidgets='' showaddelements='yes'>

 </b:section>

 <b:section id='footer' class='footer' maxwidgets='' showaddelements='yes'>

 </b:section>

 </body>

</html>

Nah, agan2 sekalian tinggal copas tu code template di atas, terus kembangin sendiri. Asumsi saya dah pada ngerti HTML + CSS + Javascript (Kalau belum,coba deh googling2 emoticon-Big Grin

)

O ya, ini contoh template buatan saya sendiri (pake Twitter Bootstrap framework - CSS framework yang bisa bikin desain web kita jadi responsif mengikuti resolusi layar monitor yang dipake user) : creativicize[dot]blogspot[dot]com (ga bermaksud promosi)

Diubah oleh nostalgia90an 13-03-2013 15:36

Kutip

Balas