Gallery

Membuat 3 kolom di bawah template blog

Saturday 16 February 2013


3 Column
(Template, Design, Modification)
Htpp://Gallery-Organizations.Blogspot.Com

  1. Login di blog anda,
  2. Dashboard atau Halaman Utama,
  3. More Options atau Opsi Lainnya,
  4. Template,
  5. Edit HTML, 
(*) Jika kurang dipahami click disini..

  •  Cari kode sepeti di bawah ini :
#footer-wrapper
  • Ganti sampai di bawah hingga menjadi seperti ini :

/* ----- FOOTER ----- */


#footer-wrapper {
clear: both;width: 100%;
word-wrap: break-word;
overflow: hidden;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: #0000FF;
border: 1px solid $bordercolor;
}


#footer {
margin: 0px 0px 0px 0px;
padding: 0px 0px 10px 0px;
text-align: left;width: 960px;
color: #000000;
font: $footerTextFont;
line-height: 1.6em;
}


#footer h2 {
margin: 10px 0px 0px 0px;
padding: 3px 0px 3px 0px;
color: #cc0000;
font: $footerTextFont;
}


#footer1 {width:320px;float:left;background:#FFFFFF; padding: 0px;border: 1px solid #cccccc;}
#footer2 {width:320px;float:right;background:#FFFFFF; padding: 0px;border: 1px solid #cccccc;}
#footer3 {width:320px;float:left;background:#FFFFFF; padding: 0px;border: 1px solid #cccccc;}
#footer1 .widget-content {margin:0 .5em 0 ;}
#footer2 .widget-content {margin:0 .5em 0 ;}
#footer3 .widget-content {margin:0 .5em 0 ;}
#footer a { color: #3D81EE; text-decoration: none; }
#footer a:hover { color: #cc0000; text-decoration: none; }
#footer a:visited { color: #3D81EE; text-decoration: none;}


  • Cari lagi kode seperti ini :
<div id='footer-wrapper'> <b:section class='footer' id='footer'/> </div>
  • Ganti semuanya hingga menjadi seperti ini :

<div id='footer-wrapper'>
<div id='footer'>
<b:section class='footer' id='footer1' preferred='yes'>
</b:section>
<b:section class='footer' id='footer2' preferred='yes'>
</b:section>
<b:section class='footer' id='footer3' preferred='yes'>
</b:section>
</div>
<div style='clear:both;'/>
</div><!-- end footer-wrapper -->


Semoga Berhasil..!!
Jika sudah di Edit, click Preview dulu atau Pratinjau sebelum di save.


READ MORE - Membuat 3 kolom di bawah template blog

Widget/ Gadget, Postingan, Dan Javascript Hanya tampil di Halaman Tertentu

Wednesday 13 February 2013


Only Show/ Hidden
(Template, Design, Modification)
Htpp://Gallery-Organizations.Blogspot.Com

  1. Login di blog anda,
  2. Dashboard atau Halaman Utama,
  3. More Options atau Opsi Lainnya,
  4. Template,
  5. Edit HTML, 
(*) Jika kurang dipahami click disini..

A. Show

 (a). Widget, Gadget, Javascript, hanya ada di halaman utama.
  •  Cari kode sepeti di bawah ini :
<b:widget id=
  • Atau Selengkapnya seperti ini :

<b:widget id='HTML1' locked='false' title='Contoh' type='ContohScript'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>


  • Tambahkan Kode berwarna Merah hingga menjadi seperti ini :
<b:widget id='HTML1' locked='false' title='Contoh' type='ContohScript'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>


Jika kurang berhasil pake cara ke-dua, Click disini..

(b). Widget, Gadget, Javascript, hanya ada di halaman selanjutnya
  •  Ganti yang Berwarna Merah + Garis Bawah di atas dengan kode :
<b:if cond='data:blog.pageType == "item"'>
 Jika kurang berhasil pake cara ke-dua, Click disini..

(c). Widget, Gadget, Javascript, hanya ada di halaman URL
  •  Ganti yang Berwarna Merah + Garis Bawah di atas dengan kode :
<b:if cond='data:blog.url == "The specific page's URL"'>
(d). Widget, Gadget, Javascript, hanya ada di halaman statis
  •  Ganti yang Berwarna Merah + Garis Bawah di atas dengan kode :
<b:if cond='data:blog.pageType == "static_page"'>
(e). Widget, Gadget, Javascript, hanya ada di halaman arsip
  •  Ganti yang Berwarna Merah + Garis Bawah di atas dengan kode :
<b:if cond='data:blog.pageType == "archive"'> 
Kode berwarna Hijau hanya perumpamaan widget yang hanya akan Tampil .
Contoh melihat ID Widget/ Gadget anda klik disini..

B. Hidden

Ok., Bagian A tadi buat tetap berada di Halaman tertentu.
Sekarang bagian Hiddennya, kode Berwarna Merah + Garis Bawah tinggal di Ganti Hingga menjadi seperti ini : 

<b:if cond='data:blog.pageType =! "Pilihannya Di bagian A"'>
Sekian.
Jika sudah di Edit, click Preview dulu atau Pratinjau sebelum di Save.


READ MORE - Widget/ Gadget, Postingan, Dan Javascript Hanya tampil di Halaman Tertentu

Melihat ID Widget/ Gadget

Tuesday 12 February 2013


ID Widget/ Gadget
(Template, Design, Modification)
Htpp://Gallery-Organizations.Blogspot.Com

  1. Login di blog anda,
  2. Dashboard atau Halaman Utama,
  3. More Options atau Opsi Lainnya,
  4. Layout atau Tata Letak,
  5. Add a gadget atau tambahkan widget, 
(*) Jika kurang dipahami click disini..


Contoh : http://www.blogger.com/blogger.g?blogID=xxxxxxxxxxxxxxxx&sectionId=sidebar&widgetType=null&widget=HTML2

Hijau = ID Blog dan Merah = ID widget/ gadget anda.


READ MORE - Melihat ID Widget/ Gadget

Melihat ID Blog


ID Blog
(Template, Design, Modification)
Htpp://Gallery-Organizations.Blogspot.Com

  1. Login di blog anda,
  2. Dashboard atau Halaman Utama,
  3. More Options atau Opsi Lainnya,
  4. Posts/ Entri baru atau postingan baru,
  5. Perhatikan alamat browser anda paling atas
(*) Jika kurang dipahami click disini..


Contoh : http://www.blogger.com/blogger.g?blogID=7812743079928333770#editor/target=post;postID=xxxxxxxxxxxxxxxxx

Hijau = ID Blog dan Merah = ID Postingan.


READ MORE - Melihat ID Blog

Postingan Hanya Di Halaman Blog


Only Postpage
(Template, Design, Modification)
Htpp://Gallery-Organizations.Blogspot.Com

  1. Login di blog anda,
  2. Dashboard atau Halaman Utama,
  3. More Options atau Opsi Lainnya,
  4. Template,
  5. Edit HTML, 
(*) Jika kurang dipahami click disini..
 
  •  Cari kode sepeti di bawah ini :
]]></b:skin>
  • Tambahkan Kode berwarna Merah dan Hijau hingga menjadi seperti ini :

]]></b:skin>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<style>
#HTML1, #HTML2, #HTML3, #HTML4, #HTML5 {display:none;}
</style>
</b:if>


  • Kode berwarna Hijau hanya perumpamaan widget yang hanya akan tampil di Postpage .
Contoh melihat ID Widget/ Gadget anda klik disini..

Jika sudah di Edit, click Preview dulu atau Pratinjau sebelum di save.


READ MORE - Postingan Hanya Di Halaman Blog

 
 
 

Gallery ✌


Gallery ™