Warung Bebas

Friday, July 6, 2012

hack blogger


Berikut ada beberapa trik/hack blogger, yaitu antara lain:


  1. Cara mengganti/memasang Favicon
  2. Menghilangkan Nafbar Blogger
  3. Menghilangkan Tulisan "Subscribe to : post (atom)"
  4. Menghilangkan Icon Bergambar Obeng dan Tang
  5. Menghilangkan Angka Dalam Label
  6. Menghilangkan Pesan Pencarian Blogger
  7. Menghilangkan Logo Blogger di 'Comment'
  8. Trik Menghilangkan Bagian Elemen ketika di Page
  9. Menghilangkan Tulisan Langgan: Poskan Komentar (Atom)

Lumayan banyak kan ?? daripada harus posting satu-satu, mending diringkas dalam satu postingan, biar gak ribet gitu... hehee
yasudah, mari kita praktekan satu per satu tricknya
Sebelumnya:
  1. Login ke akun blogger sobat
  2. Masuk ke Rancangan/Design
  3. Edit HTML
  4. Centang "Expand Widget Templates"
  5. jangan lupa, Back Up dulu template sobat! Klik "Download Full Template"

1. Cara mengganti/memasang Favicon

Sudah tahu kan apa itu favicon ?? gampangnya itu lho, waktu kita buka web/blog kita di browser, ada gambar kecil di samping alamat link blog kita.
Caranya:

Pasang kode berikut di Atas kode </head>
<link rel="shotcut icon" href="alamat tempat gambar favicon.ico sobat"/>

Atau
<link href='alamat tempat gambar favicon.ico sobat' rel='icon' type='image/vnd.microsoft.icon'/>

Atau
<link href='alamat tempat gambar favicon.ico sobat' rel='icon' type='image/x-icon'/>


2. Menghilangkan Nafbar Blogger

Nafbar, bagi yang belum tahu apa itu Nafbar, Sobat bisa melihatnya [_disini_]
Caranya:

Masukan/taruh kode berikut di atas kode ]]></b:skin>
#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}

Atau mau mode open hide, nafbar tidak nampak, tp bila mouse diarahkan ke bagian nafbar, nafbar akan nampak/muncul. berikut kodenya:
#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}


3. Menghilangkan Tulisan "Subscribe to : post (atom)"

Caranya cari dan hapus kode berikut:
<div class="feed-links">
<data:feedlinksmsg>
<b:loop values="data:links" var="f">
<a class="feed-link" href="data:f.url" type="data:f.mimeType" target="_blank"><data:f.name> (<data:f.feedtype>)</data:f.feedtype></data:f.name></a>
</b:loop>
</data:feedlinksmsg></div>


4. Menghilangkan Icon Bergambar Obeng dan Tang

Caranya pasang/taruh kode berikut diatas kode ]]></b:skin>
.quickedit{
display:none;
}

Atau hapus kode berikut:
<b:include name='quickedit'/>


5. Menghilangkan Angka Dalam Label

Caranya, cari dan hapus kode berikut:
(<data:label.count/>)


6. Menghilangkan Pesan Pencarian Blogger

Caranya, taruh kode berikut di atas kode ]]></b:skin>
.status-msg-wrap{
display:none;
}


7. Menghilangkan Logo Blogger di 'Comment'

Caranya, cari kode berikut:
<dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>

Gantilah kode di atas dengan kode berikut:
<dt expr:class='&quot;comment-author &quot; + data:comment.anchorName' expr:id='data:comment.anchorName'>


8. Trik Menghilangkan Bagian Elemen ketika di Page
  1.  Pertama Login ke account blog sobat
  2. Pilih Tata Letak kemudian Edit HTML.
  3. Centang Expland Template WidgetMisalnya sobat mau nyembunyiin widget yang ada di blog sobat, contoh, widget recent post/comment.
  4. Maka carilah kode widget id dari gadget post/comments itu, lalu sisipkan baris kode yang berwarna biru pada baris kode widget id dari gadget comments tadi seperti dibawah ini:

<b:widget id='Feed1' locked='false' title='Comments' type='Feed'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<h2><data:title/></h2>
<div class='widget-content' expr:id='data:widget.instanceId + &quot;_feedItemListDisplay&quot;'>
<span style='filter: alpha(25); opacity: 0.25;'>
<a expr:href='data:feedUrl'><data:loadingMsg/></a>
</span>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

      5. Kalau sudah, lalu simpan template.

Maka sekarang sidebar post/comments hanya akan tampil pada halaman depan saja.

Contoh Lagi, Misalnya Sobat mau menyembunyikan Widget daftar isi di slidbar, yang hanya ingin ditampilkan pada halaman posting selanjutnya, maka setelah menemukan baris kodewidget id yang dinginkan, maka sispkan baris kode yang berwarna Biru pada baris kode widget id dari widget daftar isi tadi.

<b:widget id='HTML2' locked='false' title='Facebook Profile' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- 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>

Setelah selesai, lalu simpan template.
Maka sekarang widget daftar isi hanya akan tampil pada halaman selanjutnya saja, dimana posting tampil utuh. Sedangkan pada halaman depan widget ini tidak akan ditampilkan.

Jika yang ingin disembunyikan pada halaman depan dan ditampilkan pada halaman selanjutnya adalah satu elemen halaman, misalnya sidebar yang paling kanan, maka bariskode yang harus disisipi kode adalah seperti berikut :

<div id='sidebar-wrapper'> <b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='HTML8' locked='false' title='' type='HTML'/>
</b:section> </b:if>
</div>

Setelah itu Simpan template.
Maka gak usah khawatir, jika ternyata nanti pada bagian Elemen Lamansidebar yang telah diberi kode tersebut akan tidak tampak. Untuk mengedit isi sidebar tersebut, cukup hapusbaris kode yang telah disisipkan tadi agar sidebar tersebut terlihat kembali.


Nah mungkin ada yang belum tahu cara mencari widget id slidbar, saya jelasin lagi neh..
     1. Masuk ke edit laman, click edit pada sidebar yang ingin kita tahu widget id-nya.
Lihat Gambar
     2. Prhatikan gambar di atas, tulisan di pojok kanan atas yang di blok warna biru, itulah kode widget id. itulah cara mengetahui widget id, pada widget blog.

NB : Untuk memudahkan pencarian kode pada kolom HTML, gunakan kolom pencari dengan mengklik Ctrl + F, lalu ketikan kata atau kalimat yang ingin dicari. 

9. Menghilangkan Tulisan Langgan: Poskan Komentar (Atom)

Caranya, cari dan hapus kode berikut:
<b:include data='feedLinks' name='feedLinksBody'/>


Itulah kiranya beberapa yang bisa kita utak atik, bila mengalami masalah jangan lupa tinggalkan komentar.
Sekian dari saya, selamat mencoba dan semoga bermanfaat.

0 comments em “hack blogger”

Post a Comment

 

Indahnya Berbagi Copyright © 2012 Fast Loading -- Powered by Blogger