Permalink adalah link yang menhubungkan lansung dengan halaman yang bersangkutan. Beberapa
pengunjung suka dengan permalink ini karena jika mereka ingin mencatat, mereka tidak perlu jauhjauh pergi ke toolbar, pergi saja ke link-permalink-nya dan kopi alamat nya. Mudahkan? Lalu
bagaimana cara menambahinya di Blogger. Anda perlu untuk mengikuti hack/tambahan ini. Seperti
biasa anda harus masuk ke Edit HTML dan centang Expand Widget Templates. Lalu, cari dan tambahi
dengan kode ini:
<data:top.timestampLabel/>
<b:if cond='data:post.url'>
<a class='timestamp-link' expr:href='data:post.url' title='permanent link'><data:post.timestamp/> | Permalink</a>
</b:if>
</b:if>
Menambahi Permalink dalam Blogger-Post (Traditional)
Rate this post: (data provided from NewsGator Online
Posted by troublemaker be at 18.53 | Permanent Link 0 komentar pengunjungLabel: Blogger Hack, Permalink
Adding a "Print this" option for your blog.
ini adalah hack yang akan memperbolehkan pengunjungmu untuk mencetak langsung halaman blogmu langsung dari link blog-mu sendiri. Seperti biasa, sebelum memulainya, kita baca bismillah terlebih dahulu dan download dulu template kita jika nanti ada kesalahan. <ul><script style="text/javascript">
ini adalah hack yang akan memperbolehkan pengunjungmu untuk mencetak langsung halaman blogmu langsung dari link blog-mu sendiri. Seperti biasa, sebelum memulainya, kita baca bismillah terlebih dahulu dan download dulu template kita jika nanti ada kesalahan.
dalam templatemu, paste kode script ini diantara tag <head> dan </head> :setelah itu klik Save Template atau Simpan Template
<style type="text/css" media="print">
#noprint {display: none;}
// Hide unwanted elements
body {background:fff; color:000;}
// Black text on White background
a {text-decoration: underline; color:00f;}
//Underline Hyperlinks in blue
}
</style>
jika kamu ingin memasukkan tulisan ‘Cetak Halaman Ini’ kedalam postinganmu/artikelmu, kamu harus memasukkan kode ini dibawah postingmu:
<a href="javascript:window.print()">Cetak Halaman Ini</a>
jika kamu ingin otomatis menyisipkan ini ketika kamu membuat artikel, masuk ke Setting, Formatting, dan pastekan kode ini disana.
Rate this post: (data provided from NewsGator Online
Posted by troublemaker be at 17.06 | Permanent Link 0 komentar pengunjungLabel: Blogger AddOns, Blogger Hack
Remove Older Posts and Newer Posts and Home link.
Aku yakin, sebagian orang pasti ingin untuk mendelete itu Older Post, Newer Post dan Home Link yang ada dibawah halaman blog elo, apapun alasannya. Seperti aku, ingin ngebuang tulisan itu jauh-jauh karena ingin agar Blogku tampak seperti situs sungguhan, bukan blog, mana ada situs yang pakek gituan, belom pernah denger deh gua. oleh karena itu, di halaman ini sekarang, kita akan bicarain tentang yang begituan itu. #blog-pager-newer-link {
Aku yakin, sebagian orang pasti ingin untuk mendelete itu Older Post, Newer Post dan Home Link yang ada dibawah halaman blog elo, apapun alasannya. Seperti aku, ingin ngebuang tulisan itu jauh-jauh karena ingin agar Blogku tampak seperti situs sungguhan, bukan blog, mana ada situs yang pakek gituan, belom pernah denger deh gua. oleh karena itu, di halaman ini sekarang, kita akan bicarain tentang yang begituan itu.
Gimana sih caranya? itu mudah banget coy, tinggal masuk ke template elo dan pilih Edit HTML, dan langsung aja cari nie kode-kode ini:
display: none;
}
#blog-pager-older-link {
display: none;
}
#blog-pager {
display: none;
}
diatas sana, diantara #nama-element { dan } telah diisi dengan display: none; sehingga, akan otomatis jika elo kopi kode tadi dan elo tumpukin dengan kodemu yang lawas, maka akan otomatis akan hilang itu tulisan Older, Newer maupun Home link.
www.blogywalkie.blogspot.com
this article is about Blogger Hack
Rate this post: (data provided from NewsGator Online
Posted by troublemaker be at 13.45 | Permanent Link 0 komentar pengunjungLabel: Blogger Hack
Random Header Image
Suatu saat, saya terpikirkan bagaimana cara agar pengunjung tidak bosan menghadapi situs saya. Yakni dengan menciptkan header-background yang berbeda setiap kali halaman situs ini terload. Akhirnya, jadi juga untuk membuat sebuah script tentang bagaimana sebuah situs me-random header yang akan ditampilkan agar si pengunjung tidak bosan. Ini sangat berguna jika kamu memiliki lebih dari 1 gambar header, tapi kalau cuman 1, gak usah pakek, nggak ngefek jadinya. <script type="text/javascript">
Suatu saat, saya terpikirkan bagaimana cara agar pengunjung tidak bosan menghadapi situs saya. Yakni dengan menciptkan header-background yang berbeda setiap kali halaman situs ini terload. Akhirnya, jadi juga untuk membuat sebuah script tentang bagaimana sebuah situs me-random header yang akan ditampilkan agar si pengunjung tidak bosan. Ini sangat berguna jika kamu memiliki lebih dari 1 gambar header, tapi kalau cuman 1, gak usah pakek, nggak ngefek jadinya.
(satu jam kemudian...)
Sudah belum membuat header banyak-banyak untuk situs mu, kalau sudah cepetan upload. Misalnya diupload ke google pages, dan jangan lupa mengkopikan alamat URL dari gambarmu. lalu masuk ke dashboardmu, Template, Page Elements, Add a Page Elements, dan pilih HTML/JavaScript. Dan kopikan JavaScript berikut ke kotak text besar disana :
var banner= new Array()
banner[0]=" Image01URL "
banner[1]=" Image02URL "
banner[2]=" Image03URL "
banner[3]=" Image04URL "
banner[4]=" Image05URL "
banner[5]=" Image06URL "
banner[6]=" Image07URL "
banner[7]=" Image08URL "
banner[8]=" Image09URL "
banner[9]=" Image10URL "
var random=Math.floor( 10 *Math.random());
document.write("<style>");
document.write("#header {");
document.write(' background:url("' + banner[random] + '") no-repeat top left ;');
document.write(" }");
document.write("</style>");
</script>
1. Image01URL sampai Image10URL adalah link ke gambar yang telah kamu upload sebelumnya. tolong masukkan url secara lengkap dengan diawali oleh http://
2. Ini menggunakan algoritma Math pada javascript. kode random() akan memberimu acakan antara 0 sampai 9. Ketika halaman terload, script ini hanya meload antara gambar 0 sampai 9 untuk ditampilkan menjadi header secara acak.
3. Contoh diatas mengasumsikan kalau kamu memiliki 10 gambar header berbeda untuk ditampilkan. Jika kamu hanya punya 5 gambar, hapus banner[5] sampai banner[9]. dan ganti var random=Math.floor( 10 *Math.random()); menjadi var random=Math.floor( 5 *Math.random());
Update: Sekarang aku gak pakek trick ini, soalnya udah ganti templete, males tuh nambahinnya, :):D
www.blogywalkie.blogspot.com
this article is about Blogger Hack, JavaScript
Rate this post: (data provided from NewsGator Online
Posted by troublemaker be at 13.36 | Permanent Link 0 komentar pengunjungLabel: Blogger Hack, JavaScript
Hacking add page Element
Hackiing add page element? ngapain di Hack? wong udah ada kok ngapain lagi di Hack, baik, jika pertanyaan itu dilontarkan, lihat gambar ini: <div id='header-wrapper'> <div id='header-wrapper'> <div id='main-wrapper'> <div id='main-wrapper'> <div id='content-wrapper'>
Gimana? butuh ngehack itu add page element nggak? jika butuh, lanjutin aja baca nie article.
Secara default, blogger tidak memberi kesempatan pada para Bloggers nya untuk membuat suatu element halaman di bawah Header, header itu itulho yang ada judul blog elo, seperti di situs ini, yang ada tulisan Blogywalkie, lha itulah header. Tapi, gimana kalau elo ingin nambah element disana, itu mudah coy, hack aja page element elo, gimana caranya? ya kayak ngeheck yang lain, masuk template dan edit html.cari tag 'header-wrapper' (ditemplate lain, header-wrapper bisa disebut header-wrap ataupun header doank).
Hackiing add page element? ngapain di Hack? wong udah ada kok ngapain lagi di Hack, baik, jika pertanyaan itu dilontarkan, lihat gambar ini:
Gimana? butuh ngehack itu add page element nggak? jika butuh, lanjutin aja baca nie article.
Secara default, blogger tidak memberi kesempatan pada para Bloggers nya untuk membuat suatu element halaman di bawah Header, header itu itulho yang ada judul blog elo, seperti di situs ini, yang ada tulisan Blogywalkie, lha itulah header. Tapi, gimana kalau elo ingin nambah element disana, itu mudah coy, hack aja page element elo, gimana caranya? ya kayak ngeheck yang lain, masuk template dan edit html.cari tag 'header-wrapper' (ditemplate lain, header-wrapper bisa disebut header-wrap ataupun header doank).
<b:section class='header' id='header' maxwidgets=' 1 ' showaddelement=' no '>
Ganti Dengan
<b:section class='header' id='header' maxwidgets=' 3 ' showaddelement=' yes '>
dengan begitu, kamu bisa menambah 2 element lagi didalam header elo, kenapa kok2 kok gak 3, padahal di tulisannya 3, dibohongin? :) ya nggak donk, kau nggak ingat ya kalau tulisan Header dan Description mu itu juga diangger element? pikir dunk, bagi-bagi dunk goblok nya (hehehe :) :) :) jangan marah dunk, guwa cuman bercanda, gak enak serious terous itou)
lalu, bagi yang di main-body-post-nya nggak diperbolehkan nambah page element, hack aja juga. Tapi, kebanyakan template yang ada, memperbolehkan kok nge-add element di post-body elo, tapi ya adah juga sih yang nggak diperbolehkan. ya, kalau kebetulan elo nggak diperbolehkan, ya hack aja lagi, ngapain ganti templates, ya nggak? tul nggak? gimana gantinya, gini nih, cari kode ini:
<b:section class='main' id='main' showaddelement=' no '>
Ganti Dengan:
<b:section class='main' id='main' showaddelement=' yes '>
Dan, tala, kamu sekarang bisa nambah element baik dibawah header elo dan dibawah post elo, dan dimana-mana, terserah deh, ya nggak?
HOT HACK
Nambahin page element diantara post-body dengan header? hot! gimana yah, kayak di gambar di atas noh. gimana? gampang juga, cari kode ini :
<div id='crosscol-wrapper' style='text-align:center'>
<b:section class='crosscol' id='crosscol' showaddelement=' no '/>
</div>
ganti showaddelement='no' dengan 'yes', yes no yes no ohok-ohok. wah porno nie. huahahahahahaha :):):):):):):)
Rate this post: (data provided from NewsGator Online
Posted by troublemaker be at 20.30 | Permanent Link 0 komentar pengunjungLabel: Blogger Hack, Innovatife
How to remove my Title Text on my Blogspot?
Beberapa orang saya yakin bahwa Header yang digunakan oleh mereka itu adalah header gambar yang langsung saja ada tulisannya, biar mereka tidak repot-repot nggantinya dari jeroan blogger. Begitu mereka sudah membuat banner Header mereka sendiri, dan terpampang di Header mereka, mereka melihat ada yang aneh. Apa itu?
Tentu saja, Title Text mereka masih ada di sana, dan saya translete ke bahasa Indonesia dengan bahasa saya sendiri. Gimana caranya ? gampang, mudah aja kok, ikuti ya printah saya
Beberapa orang saya yakin bahwa Header yang digunakan oleh mereka itu adalah header gambar yang langsung saja ada tulisannya, biar mereka tidak repot-repot nggantinya dari jeroan blogger. Begitu mereka sudah membuat banner Header mereka sendiri, dan terpampang di Header mereka, mereka melihat ada yang aneh. Apa itu?
Tentu saja, Title Text mereka masih ada di sana, dan saya translete ke bahasa Indonesia dengan bahasa saya sendiri. Gimana caranya ? gampang, mudah aja kok, ikuti ya printah saya
Cari blok kode ini (jangan lupa untuk mencentang Expan Widget-nya lho yach, dan jangan lupa, setiap perubahan, download dulu template elo biar selamet, hehehe) : <div id='header-wrapper'> Lha, kata locked itu yang aku garis bawahi, cepetan ganti ke false nilainya. Setelah itu pergi ke Page Elements, dan kalian bakal nemuin kotak element Text Title, langsung saja remove itu bagian. Opini saya : sebaiknya jangan lakukan hal bodoh itu, meskipun demi kecantikan situs anda. Karena search engine juga menilai dari title yang anda buat, tidak luput pula dari description yang anda sisipkan, jadi saran gua, biarin disana dan mendingan banner Header elo yang elo copot dech. Keywords: Blogger Hacking, Blogger, Remove Title Text, Blogger Remove Title Text, Remove Blogger Title Tag, Remove my Blogger title Text This article is about Blogger Hack
<b:section class='header' id='header' maxwidgets='' showaddelement='yes'>
<b:widget id='Header1' locked='true' title='Blogger Tips and Tricks (Header)' type='Header'/>
Rate this post: (data provided from NewsGator Online
Posted by troublemaker be at 20.12 | Permanent Link 0 komentar pengunjungLabel: Blogger Hack
How to Let comment box appear under each of your posts?
From : www.jackbook.com, dengan beberapa hack yang saya rubah, hehehe :) Carana nie: - cari tag "</head>" dan kopi kode berikut langsung di bawah tag </head> tadi : <!-- www.jackbook.com --> - cari dan blok kode berikut <b:includable id='comments' var='post'> <dl id='comments-block'> <p class='comment-footer'> <div id='backlinks-container'> - terus ganti kode diatas dengan kode ini nie: <b:includable id='comments' var='post'> <!-- jackbook.com part 1 start --> <dl id='comments-block'> <p class='comment-footer'> <div id='comment-parent' onmouseover='showcomment("hoverme", "comment-child");'> <!-- this iframe below is your comment form. you can change the height, or add more style property into it --> Setelah itu, simpan dech, selesai khan? mudah nggak? This article is about Blogger Hack
Comment Box biasanya tampil berupa halaman popup di blogger anda, yakan? Tapi dengan iFrame, comment box anda bisa tampil di setiap bawah bagian postingan kalian. Mau kan seperti itu, gampang kok. Hanya butuh pengubahan 3 langkah saja, ya 3 langkah saja. Malahan disitus aslinya (Jackbook), itu malah lebih dari 3 langkah temen-temen. Kari disini kodenya udah di sempurnain, simak apik-apik ngge.
From : www.jackbook.com, dengan beberapa hack yang saya rubah, hehehe :)
Comment Box biasanya tampil berupa halaman popup di blogger anda, yakan? Tapi dengan iFrame, comment box anda bisa tampil di setiap bawah bagian postingan kalian. Mau kan seperti itu, gampang kok. Hanya butuh pengubahan 3 langkah saja, ya 3 langkah saja. Malahan disitus aslinya (Jackbook), itu malah lebih dari 3 langkah temen-temen. Kari disini kodenya udah di sempurnain, simak apik-apik ngge.
Karena ini ngehack, nggak nambahin, maka simpan dulu template elu, seperti biasa nie harus masuk Edit HTML dan check itu Expand Widgets Template.
<!-- this to hide and show el -->
<script languange='javascript'>function showcomment(a,b){var jackbookdotcom =
document.getElementById(a);jackbookdotcom.style.display = 'none';jackbookdotcom =
document.getElementById(b);jackbookdotcom.style.display = 'block';}</script>
<!-- www.jackbook.com -->
<div class='comments' id='comments'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<h4>
<b:if cond='data:post.numComments == 1'>
1 <data:commentLabel/>:
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>:
</b:if>
</h4>
<b:loop values='data:post.comments' var='comment'>
<dt class='comment-author' expr:id='"comment-" + data:comment.id'>
<a expr:name='"comment-" + data:comment.id'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>
<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>
<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='"#comment-" + data:comment.id' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</p>
</b:if>
<div expr:id='data:widget.instanceId + "_backlinks-container"'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
</b:includable>
<div class='comments' id='comments'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<!--
<h4>
<b:if cond='data:post.numComments == 1'>
1 <data:commentLabel/>:
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>:
</b:if>
</h4>
<b:loop values='data:post.comments' var='comment'>
<dt class='comment-author' expr:id='"comment-" + data:comment.id'>
<a expr:name='"comment-" + data:comment.id'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>
<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>
<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='"#comment-" + data:comment.id' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</p>
-->
<!-- jackbook.com part 1 ends -->
<!-- actually i almost do nothing with your template, just add that comment, you did it :) -->
<h3 id='hoverme' style='display:block;'>
<img alt='Your cOmment"s Here! Hover Your cUrsOr to leave a cOmment.' src='http://lifewg.googlepages.com/html-code-leave-comment.gif' title='Your cOmment"s Here! Hover Your cUrsOr to leave a cOmment.'/>
</h3>
<div id='comment-child' style='display:none; background: #edf5fa; height:400px; border: 1px solid #FCO; height: 700px;'>
<iframe expr:src='data:post.addCommentUrl' height='100%' scrolling='yes' width='100%'/>
</div>
<!-- end of iframe -->
</div>
</b:if>
<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + "_backlinks-container"'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
</b:includable>
Keywords : Comment-Box at blogger, sometimes provide via Comment-Dialog Box. Not like as Wordpress, user must press Add Comment link first when they are wanna give a comment, at Wordpress, comment-box is one page with post-body. But, with this hack, we can change Blogger comment-style become like wordpress? want to try? what you wait? do it now!
Rate this post: (data provided from NewsGator Online
Posted by troublemaker be at 20.10 | Permanent Link 0 komentar pengunjungLabel: Blogger Hack
Change Title Font Format
Aku tebak nie yach :), pasti blog elo format Title-nya uppercase semua yach (uppercase=gede-gede). coba tuh liat blog yang kalian bikin, ya kan. terus liat format title font blog gua, cuman awal-nya doank kan yang pakek huruf kapital, dan selanjutnya pakek huruf biasa. Gimana ngelakuinnya? gampang. di artikel ini kita akan bahas gimana caranya agar title font blog kita berformat sesuai keinginan kita. Kita akan belajar gimana ndandanin agar tampak Uppercase, Lowercase, atau Capitalcase. Lower Case Untuk ngerubah format title blog kita menjadi lowercase itu mudah. Tapi sayangnya, bisa-bisa antara blog yang saya gunakan dan blog sampeyan berbeda variabel, tapi sante, modah-modah nggak kok yach, coba dulu napa sich! gini, kalian cari tuh didalem blog templates sampeyan, kode seperti ini deh kurang lebih: lha, kode yang saya kolori dengan warna puteh tadi itu kuncinya, kelihatan sendirikan itu uppercase, berarti title blog kita akan berpormat gede-gede semua (alias kapital semua), oleh karena itu, jika bagi elo-elo yang nginginin dijadiin format lowercase, tinggal rubah aja dadi ginie nih - Upper Case gampang, tinggal cari kode diatas, dan ganti kode text-transform:lowercase; menjadi text-transform:uppercase; - Campuran tinggal tambahin kode kalo elo mau description elo juga berhurup seperti gitu, tinggal cari aja dech header-nya description (#header .description), dan ganti sesuai diatas, sama kok caranya, cuman bedanya kalo title tuh mah #header h1, tapi kalo description itu mah #header .description, gitu! Keywords : Blogger defaultly used Uppercase font format for their clients. But in this hack, you can change the format style of your Title/Description as you like, so, we can make our blog is more great/beauty as you like. This article is about Blogger Hack
Aku tebak nie yach :), pasti blog elo format Title-nya uppercase semua yach (uppercase=gede-gede). coba tuh liat blog yang kalian bikin, ya kan. terus liat format title font blog gua, cuman awal-nya doank kan yang pakek huruf kapital, dan selanjutnya pakek huruf biasa. Gimana ngelakuinnya? gampang. di artikel ini kita akan bahas gimana caranya agar title font blog kita berformat sesuai keinginan kita. Kita akan belajar gimana ndandanin agar tampak Uppercase, Lowercase, atau Capitalcase.
#header h1 {
margin:5px 5px 0;
padding:15px 20px .25em;
line-height:1.2em;
text-transform:uppercase;
letter-spacing:.2em;
font: $pagetitlefont;
}
text-transform:lowercase;
p:first-letter doank di atas kode text-transform, sehingga akan menjadi kayax gini-nie #header h1 {
margin:5px 5px 0;
padding:15px 20px .25em;
line-height:1.2em;
p:first-letter
text-transform:uppercase;
letter-spacing:.2em;
font: $pagetitlefont;
}
Rate this post: (data provided from NewsGator Online
Posted by troublemaker be at 20.06 | Permanent Link 0 komentar pengunjungLabel: Blogger Hack
Customizing Title Bar Font Size
Untuk membuat text Title mu di blogger menjadi agak lebih kecilan, itu tidak begitu mudah jika kamu sendiri tidak mengetahui caranya. Mudah kok, caranya pergi ke Edit HTML di blogger elo, dan cari kode yang isinya sekitar seperti ini deh :
#header h1 {
margin:5px 5px 0;
padding:15px 20px .25em;
Untuk membuat text Title mu di blogger menjadi agak lebih kecilan, itu tidak begitu mudah jika kamu sendiri tidak mengetahui caranya. Mudah kok, caranya pergi ke Edit HTML di blogger elo, dan cari kode yang isinya sekitar seperti ini deh :
#header h1 {
margin:5px 5px 0;
padding:15px 20px .25em;
line-height:1.2em;
text-transform:uppercase;
letter-spacing:.2em;
font: $pagetitlefont;
}
lalu tambahkan ‘font-size: 1px;’ dibawahnya, sehingga menjadi seperti ini
#header h1 {
margin:5px 5px 0;
padding:15px 20px .25em;
line-height:1.2em;
text-transform:uppercase;
letter-spacing:.2em;
font: $pagetitlefont;
font-size: 1px;
}
www.blogywalkie.blogspot.com
This article is about Blogger Hack
Rate this post: (data provided from NewsGator Online
Posted by troublemaker be at 20.49 | Permanent Link 0 komentar pengunjungLabel: Blogger Hack
Langganan:
Komentar (Atom)
