Dibawah ini merupakan Kumpulan tutorial singkat Blogspot dan beberapa
Blogger Hack yang paling sering ditanyakan. Sengaja saya tidak membuat
tulisan per-artikel mengingat penjelasannya terlalu singkat dan terbilang sederhana.
Nah..untuk menjawab pertanyaan yang sama dan sering pada komentar dan Imel yang
masuk saya kumpulkan aja jadi satu. Silahkan dicoba :)
Blogger Hack yang paling sering ditanyakan. Sengaja saya tidak membuat
tulisan per-artikel mengingat penjelasannya terlalu singkat dan terbilang sederhana.
Nah..untuk menjawab pertanyaan yang sama dan sering pada komentar dan Imel yang
masuk saya kumpulkan aja jadi satu. Silahkan dicoba :)
Agar Title SEO Friendly
Agar title blogger lebih lebih bersahabat dengan Search Engeine (SEO
Friendly) kita dapat mengganti Title standar dengan Title kode yang sudah
dimodifikasi.
Cari kode title dibawah ini:
<title><data:blog.pageTitle/></title>
Kemudian ganti semua kode diatas dengan kode dibawah
<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>
Menghapus Link Subsribe Post (atom) atau Berlangganan: Posting (atom)
Masuk halaman Edit HTML kemudian beri tanda centang pada Expand
Template Widget, cari kode dibawah lalu hapus kode warna
merah dibawah.
<b:includable id='feedLinks'>
<b:if cond='data:blog.pageType != "item"'> <!-- Blog feed links -->
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
<b:include data='feedLinks' name='feedLinksBody'/>
</div>
</b:if>
<b:if cond='data:blog.pageType != "item"'> <!-- Blog feed links -->
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
<b:include data='feedLinks' name='feedLinksBody'/>
</div>
</b:if>
Menghilangkan Navbar
Masuk halaman Edit HTML kemudian letakan dibawah kode
<b:skin><![CDATA[
#navbar{height:10px; visibility:hidden; display:none}
Auto Hide pada Navbar Blogger
Pada halaman Edit HTML, kemudian letakan kode dibawah kode
<b:skin><![CDATA[
<b:skin><![CDATA[
#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}
Mengganti Default Atom dengan RSS
Kadang mungkin kita ingin menggunakan default feed sebagai RRS, caranya masuk
halaman Edit HTML, Kemudian cari kode warna hijau dibawah
<b:includable id='feedLinksBody' var='links'>
<div class='feed-links'>
<data:feedLinksMsg/>
<b:loop values='data:links' var='f'>
<a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType'
target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
</b:loop>
</div>
</b:includable>
<div class='feed-links'>
<data:feedLinksMsg/>
<b:loop values='data:links' var='f'>
<a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType'
target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
</b:loop>
</div>
</b:includable>
Ganti kode warna hijau dengan kode dibawah ini:
<a class='feed-link' expr:href='data:f.url + "?alt=rss"'
type='application/rss+xml' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
Memasang Icon Sebelum title Post
Pertama cari .post h3{ pada deretan kode CSS
kemudian masukan sesuai kode warna hijau
dibawah:
.post h3{ background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiY7-1-N8buPqemxZbKtcCBnBDOWfIVh8LnY_UPmsPIeGNd3mgw2vB9gHK-ItS3SkiWGF2wvx-xNwPWw2hAtLGpb6tCfHPCTZxLo5s7nj7G3tn59w2rqGncUxhRdmAe2fx1ORnTI_wEVgA/s400/dotlink.gif")
0px 0px no-repeat; margin:.5em 0; padding:0 20px 0; font-size:120%; font-weight:bold;
font-style:normal; line-height:1.3em; color:#333}
0px 0px no-repeat; margin:.5em 0; padding:0 20px 0; font-size:120%; font-weight:bold;
font-style:normal; line-height:1.3em; color:#333}
Pasang Icon Pada Setiap Judul SideBar
Pertama cari #sidebar-wrapper h2{ pada deretan
kode CSS, kemudian masukan sesuai kode warna hijau
dibawah:
#sidebar-wrapper h2{ background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiY7-1-N8buPqemxZbKtcCBnBDOWfIVh8LnY_UPmsPIeGNd3mgw2vB9gHK-ItS3SkiWGF2wvx-xNwPWw2hAtLGpb6tCfHPCTZxLo5s7nj7G3tn59w2rqGncUxhRdmAe2fx1ORnTI_wEVgA/s400/dotlink.gif")
0px 0px no-repeat; margin:.6em 0 .6em; padding:0 20px; font-size:11px;
font-weight:bold; line-height:1.4em; text-transform:uppercase; color:#222;
border-bottom:1px solid #C0C0C0}
0px 0px no-repeat; margin:.6em 0 .6em; padding:0 20px; font-size:11px;
font-weight:bold; line-height:1.4em; text-transform:uppercase; color:#222;
border-bottom:1px solid #C0C0C0}
Memasang Icon di link Sidebar
Pertama cari #sidebar-wrapper li{ pada deretan
kode CSS, kemudian masukan sesuai kode warna hijau
dibawah:
#sidebar-wrapper li{background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiY7-1-N8buPqemxZbKtcCBnBDOWfIVh8LnY_UPmsPIeGNd3mgw2vB9gHK-ItS3SkiWGF2wvx-xNwPWw2hAtLGpb6tCfHPCTZxLo5s7nj7G3tn59w2rqGncUxhRdmAe2fx1ORnTI_wEVgA/s400/dotlink.gif")
no-repeat 0px .20em; margin:0; padding:0 0 .25em 17px; line-height:1.2em}
no-repeat 0px .20em; margin:0; padding:0 0 .25em 17px; line-height:1.2em}
Memasang Icon Sebelum Title Post pada halaman List Label
Masuk halaman Edit HTML kemudian beri tanda centang pada Expand
Template Widget, cari kode warna hijau di
kemudian masukan sesuai kode warna merah dibawah:
<b:include data='top' name='status-message'/>
<data:adStart/>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><data:post.dateHeader/></h2>
</b:if>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>
<img alt='>>>' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiY7-1-N8buPqemxZbKtcCBnBDOWfIVh8LnY_UPmsPIeGNd3mgw2vB9gHK-ItS3SkiWGF2wvx-xNwPWw2hAtLGpb6tCfHPCTZxLo5s7nj7G3tn59w2rqGncUxhRdmAe2fx1ORnTI_wEVgA/s400/dotlink.gif'/>
<data:post.title/></a><br/><br/>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<data:adStart/>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><data:post.dateHeader/></h2>
</b:if>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>
<img alt='>>>' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiY7-1-N8buPqemxZbKtcCBnBDOWfIVh8LnY_UPmsPIeGNd3mgw2vB9gHK-ItS3SkiWGF2wvx-xNwPWw2hAtLGpb6tCfHPCTZxLo5s7nj7G3tn59w2rqGncUxhRdmAe2fx1ORnTI_wEVgA/s400/dotlink.gif'/>
<data:post.title/></a><br/><br/>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
Pasang Icon Sebelum Jumlah Komentar
Pertama cari #comments h4{ pada deretan
kode CSS, kemudian masukan sesuai kode warna hijau
dibawah:
#comments h4{ background:#eee5e5 url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOyXRc6yqjqiKUoAjDEHFU0zUtX-d2kh6Nfk8KJ3YvfEr56VcSsTMtag6r1ce07piW7HMgE3HEzjNS3RG5u7LM3IaZ62AlqgM09-rO-i0aXpRvIvqwbGvpnb9ob6xyYGvQ3gFzWqqJGJ4/s400/icon_comments.png")
no-repeat 3px .3em; width:430px; margin:.1em 0; font-size:12pt; font-weight:bold;
line-height:1.5em; letter-spacing:.1em; color:#111; padding-left:25px}
no-repeat 3px .3em; width:430px; margin:.1em 0; font-size:12pt; font-weight:bold;
line-height:1.5em; letter-spacing:.1em; color:#111; padding-left:25px}
Pasang Icon Sebelum Nama Komentator
Pertama cari #comments-block .comment-author{
pada deretan kode CSS, kemudian masukan sesuai kode warna
hijau dibawah:
#comments-block .comment-author{ margin:.5em 0; padding-left:25px;
background:#FFFFCC url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTaBTslFkJ3iBTE3kycnh5wRLEv49brZ9ggUNV8i9VyUY2khN2fxIALCGsKPNJTzXQMjl6dA2SkHL8Mo6hU2ovH8qTaMMOKMFcLgOQQB9ACTTsmUDJX0ddzVKFheNDlPVnUjcfZFf5Y1M/s400/icon_comment.gif")
no-repeat 3px .3em; color:#111}
background:#FFFFCC url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTaBTslFkJ3iBTE3kycnh5wRLEv49brZ9ggUNV8i9VyUY2khN2fxIALCGsKPNJTzXQMjl6dA2SkHL8Mo6hU2ovH8qTaMMOKMFcLgOQQB9ACTTsmUDJX0ddzVKFheNDlPVnUjcfZFf5Y1M/s400/icon_comment.gif")
no-repeat 3px .3em; color:#111}
Mengganti Tulisan Posting Lebih Baru - Halaman Utama - Posting Lama dengan
tulisan sendiri atau bergaya Icon
Anda mungkin ingin mengganti tulisan standar Posting Lebih Baru - Halaman
Utama - Posting Lama dengan gaya sendiri atau anda juga bisa menganti
tulisan tersebut dengan icon. Masuk halaman Edit HTML kemudian beri tanda
centang pada Expand Template Widget, cari kode
warna hijau di bawah kemudian ganti kode warna
merah dibawah sesuai keinginan.Untuk menganti gaya tulisan sendiri anda
bisa langsung menulisnya sedangkan jika ingin mengganti dengan gaya icon tinggal
ganti dengan kode <img src="http://loakasit-gambar-anda.com/contoh.jpg"/>
<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'>
<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId
+ "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>
<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId
+ "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</b:if>
</b:if>
</div>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'>
<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId
+ "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>
<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId
+ "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</b:if>
</b:if>
</div>
Cara mencetak halaman (Print Page)
Anda mungkin ingin mencetak perhalaman langsung ke default
Printer, caranya tinggal memasang kode dibawah ini langsung disetiap halaman
atau letakan di dalam halaman Post.
Printer, caranya tinggal memasang kode dibawah ini langsung disetiap halaman
atau letakan di dalam halaman Post.
<a href="javascript:print(document)">Cetak
Halaman Ini</a>
Thanks O-OM.com
15 Response to "Kumpulan Blogger Hack dan Tutorial Singkat Blogspot"
Artikelnya menarik dan cukup membantu saya yang masih newbie :D
BalasThanks komen-nya...
Balasboleh nih di coba,, mau izin bookmark nih gan ..
BalasOk Gan, Bookmark aja . .
BalasBTW Thanks Comment-nya
ini dia yg saya cari ,
Balasizin nyoba gan ..
PSN Cards 50$ free
BalasMy homepage: Free PSN Cards
An impressive share! I have just forwarded this onto a coworker who was doing a little homework on this.
BalasAnd he actually ordered me breakfast because I stumbled upon it for him.
.. lol. So let me reword this.... Thanks for
the meal!! But yeah, thanks for spending the
time to talk about this topic here on your blog.
My blog post: dragonvale glitches and cheats
Wonderful beat ! I wish to apprentice at the same time as you amend your web
Balassite, how could i subscribe for a weblog website?
The account aided me a applicable deal. I have been a little bit familiar of this your broadcast provided vibrant transparent idea
Also visit my homepage :: sharecash auto
Hey very nice blog!! Man .. Beautiful .. Superb .
Balas. I will bookmark your blog and take the feeds also?
I am happy to seek out numerous useful info here within the
submit, we want develop extra strategies on this regard, thank you for sharing.
. . . . .
Feel free to visit my web page; sharecash downloader
Outstanding quest there. What occurred after? Thanks!
BalasAlso visit my webpage; Beer Belly
Hey There. I found your blog the usage of msn.
BalasThis is a really well written article. I will be sure to bookmark it and return to read more of your helpful info.
Thank you for the post. I'll certainly return.
Feel free to surf to my webpage :: dragonvale online game pc
I'm not positive where you're getting your information, however great topic.
BalasI must spend a while studying more or working out more.
Thanks for magnificent information I used to be in search of this information for my mission.
my blog forgot my password
I don't even know how I ended up here, but I thought this post was good. I don't know who
Balasyou are but certainly you're going to a famous blogger if you are not already ;) Cheers!
Here is my site :: how can you get free gems in dragonvale
I tend not to drop many responses, however I browsed a few remarks on "Kumpulan Blogger Hack dan Tutorial Singkat Blogspot".
BalasI actually do have some questions for you if you don't mind. Is it only me or do a few of the remarks appear as if they are left by brain dead individuals? :-P And, if you are writing on additional places, I'd
like to keep up with you. Would you post a list of every one of your
social community pages like your twitter feed, Facebook page
or linkedin profile?
Here is my web site - how to find an e-mail address
constantly i used to read smaller content that also clear their
Balasmotive, and that is also happening with this article which I am
reading at this place.
Stop by my website minecraft 2.0