Tips Mempercepat Loading Form Komentar Blog

Setelah kemarin mengulas trik URL Redirect pada blog, sekarang kita masuk kebagian optimasi loading blog, yaitu Cara Mempercepat Loading Form Komentar Blogspot.
Tips yang saya terapkan juga cukup mudah cuman 2 (dua) langkah, yaitu dengan sedikit mengedit kode HTML saja.
Sebelum saya jelaskan lebih lanjut pahami terlebih dahulu kode HTML untuk Form komentar blog dibawah ini.


1. Kode HTML Original Form Komentar
2. Kode Yang Sudah DiModifikasi
3. Tutorial

Sedikit ulasan, seperti yang kita tahu,form komentar blog ini mempunyai/mengandung banyak error dan tidak valid HTML. Setelah sobat lihat kode HTML yang Ori dan yang sudah dimodifikasi, pasti rada sedikit aneh kan dengan kodenya?? Anehnya karena pemanggilan iframe'nya dibuat terpisah menjadi dua bagian. Kode src yang biasanya digunakan untuk memanggil data external, lah koq dipisah. Inilah yang sedikit membuat loadingnya lambat.

Pehatikan saja load elemen bagian sidebar pasti lebih duluan nongol daripada form komentar. Seharusnya kan form komentar yang nongol duluan karena satu urutan setelah konten. Iya sih, sekilas memang tidak kelihatan/tidak terlalu diperhatikan. Tapi bila sobat ada yang merasakan hal yang sama dengan saya (haha kek lirik lagu galau aja yah!! :p ) Sobat bisa sedikit meminimalisir loading form komentar dengan cara berikut.

Tutorial

1. Langsung wae mlebu Edit HTML dan Lanjutkan. Jangan lupa centang pada "Expand Widget Template, dan tidak ada salahnya buat BackUp template sobat.

2. Cari kode dibawah ini

Kode HTML Original Form Komentar

<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='520' id='comment-editor' name='comment-editor' src='' width='100%'/>

Penjelasan:
Perhatikan kode HTML diatas, pada data:post.commentFormIframeSrc dan juga src='' itu yang bikin aneh, target "src iframe" yang dibiarkan kosong.

3. Pindahkan kode data:post.commentFormIframeSrc kedalam target src'' yang kosong. Sehingga menjadi seperti dibawah ini:

Kode Yang Sudah DiModifikasi

<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='520' id='comment-editor' name='comment-editor' src='data:post.commentFormIframeSrc' width='100%'/>

Penjelasan:
Kalau dilihat kode tersebut ada 2, jadi ganti semuanya saja.

4. Langkah terakhir simpan template.

Seperti itulah Tips Mempercepat Loading Form Komentar Blog. Selamat mencoba dan ditunggu tanggapannya.

Membuat Efek Tampilan Loading Halaman Pada Blogspot

Membuat Efek Tampilan Loading Halaman Pada Blogspot - Kemarin sudah saya bahas tentang Kumpulan Efek Gambar Pada Postingan Blog Dengan CSS3, nah pada sore hari ini saya akan membahas masih seputar efek-efek pada blogspot, yaitu Membuat Efek Tampilan Loading Halaman Pada Blogspot. Efek loading disini yaitu ketika kita masuk kesebuah wesite/blog, sebelum kita dibawa ke hompage blog, kita akan diperlihatkan efek loading terlebih dahulu. Jadi intinya seperti ada jeda sebelum kita masuk ke homepage blog/website. Tahu kan maksud ane ??
Cara membuatnya kita hanya butuh code CSS dan sedikit polesan JQuery.

Yowes, biar makin jelas bisa Sobat lihat Demonya dibawah ini:

-=[LIVE DEMO]=-

Tertarik ?? Bagi yang tertarik untuk membuatnya silahkan ikuti step by step berikut:

1. Seperti biasa login blogger sob!
2. Go to Design/Rancangan > Edit HTML > and ceklish pada "Expand Widget Templates"
3. Lalu cari kode  ]]></b:skin> dan letakan kode CSS berikut tepat diatasnya.

#loading {
    position: fixed;
    z-index: 50;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: #000 url(URL_GAMBAR_ANDA) no-repeat center;
    line-height: 350px;
    text-align: center;
    font-size: 36px;
    color: #353231;
    text-indent: -9999px;
}
.v2 #loading { display: none; }
 
#progress-bar {
    position: absolute;
    top: 0; left: 0;
    background: #f3f3f3;
    opacity: 0.8;
    width: 0;
    height: 18px;
}
#loader {
 background: url(<span style="background-color: #ea9999;">URL_GAMBAR_ANDA</span>) no-repeat center 25%;
 height: 100%;
 display: block;
}

Keterangan:
Perhatikan kode CSS diatas untuk URL_GAMBAR_ANDA
Gantilah gambar loading blognya sesuai kreasi sobat.
Tapi bila ingin seperti gambar yang ada pada DEMO, silahkan pakai gambar ini:
(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9xbQGE0-oXj6VyMfHYTrZdWf0KkpThAlInRy774IAtYdrjiVb1DmSd69Lfetzsmlo4tljLdgO1qwF_RtDtEB0RuOtkWimnc-h5ViTH_BVhl963Ob2U9zaSMyw94jn_mmQOdTgwDV1vUB7/s1600/loading.gif)

5. Bagian kedua yaitu menambahkan script JQuery, cari kode </head> dan taruh script JQuery berikut tepat diatasnya:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>

Kalau script JQuery diatas sudah ada di blog sobat, maka tidak perlu lagi memasangnya.
Kemudian tambahkan lagi script berikut dibawahnya:

<script>
(function($){

$("html").removeClass("v2");

$("#header").ready(function(){ $("#progress-bar").stop().animate({ width: "25%" },1500) });
$("#footer").ready(function(){ $("#progress-bar").stop().animate({ width: "75%" },1500) });

$(window).load(function(){
 
    $("#progress-bar").stop().animate({ width: "100%" },600,function(){
        $("#loading").fadeOut("fast",function(){ $(this).remove(); });
    });
});
})(jQuery);
</script>

6. Next lanjut untuk edit HTML. Cari kode <body> letakan kode berikut tepat dibawahnya.

<div id='loading'>
<div id='progress-bar'></div>
<div id='loader'>Loading...</div>
</div>

7. Simpan template dan lihat hasilnya.

Tambahan:
Ingat, untuk hasil yang sudah kita buat diatas itu efek loadingnya disetiap halaman yang kita buka!
Jadi bagi kalian yang hanya ingin tampilan loading blognya hanya di Home Page'nya saja, silahkan ganti kode HTML pada langkah No.6 dengan kode dibawah ini:

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div id='loading'>
<div id='progress-bar'></div>
<div id='loader'>Loading...</div>
</div>
</b:if>

Selesai sob! Selamat mencoba Membuat Efek Tampilan Loading Halaman Pada Blogspot, dan semoga sukses. Bila sobat mengalamai kesulitan dalam prakteknya bisa sobat langsung tanyakan dengan berkomentar pada tread ini.

Modifikasi Widget Popular Post With Grid Layout

Grid Layout For The Popular Posts Widget - Cara membuat atau memodifikasi widget popular post menjadi lebih keren bergaya grid layout, seperti yang kita tahu untuk tampilan widget bawaan blogger ini cukup menarik, tapi bisa kita modif lagi dengan gaya yang berbeda, dan lebih keren tampilannya. Pastinya diluar sana sudah banyak yang share tentang topik ini. Saya ulas lagi disini karena saya awalnya mendapat masalah dalam proses pemasangan kode scriptnya, jadi mungkin postingan saya ini bisa mempermudah sobat blogger yang mengalami masalah dalam menerapkan cara modifikasi popular post ini.
Biar makin jelas dan gamblang neh saya sediakan juga screenshotnya masbro :

Modifikasi Widget Popular Post

Oke, langsung saja kita praktek masbro
1. Login blogger pastinya
2. Pergi ke munu Design > Page Element > Add a Gadget
3. Pilih Widget "Popular Post"
4. Settinglah persis seperti gambar dibawah ini, untuk jumlah post, bisa sobat atur sendiri.

Setting Configure Popular Post

4. Lalu Save.
5. Lanjut ke Edit HTML, beri ceklist pada Expand Widget Templates. Jangan lupa juga BackUp template sobat (buat jaga-jaga kalo ada yang error).
6. Cari kode (CTRL+F) ]]></b:skin>
Dan tambahkan kode CSS berikut diatasnya:

.popular-posts .item-thumbnail{float:left;} .popular-posts ul{padding-left:30px;} .popular-posts ul li {list-style-image: none;list-style-type: none;display:inline;} .popular-posts ul li img {padding:0px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;border: 2px solid #CCC;} .popular-posts ul li img:hover {border:2px solid #ccc;-moz-transform: scale(1.3) rotate(-360deg) ;-webkit-transform: scale(1.3) rotate(-360deg) ;-o-transform: scale(1.3) rotate(-360deg) ;-ms-transform: scale(1.2) rotate(-360deg) ;transform: scale(1.3) rotate(-360deg);} 

7. Lanjut cari teks PopularPosts1 (CTRL + F) biar lebih cepat.
Ini kode script lengkapnya:

<b:widget id='PopularPosts1' locked='false' title='Popular Post' type='PopularPosts'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content popular-posts'>
<ul>
<b:loop values='data:posts' var='post'>
<li>
<b:if cond='data:showThumbnails == &quot;false&quot;'>
<b:if cond='data:showSnippets == &quot;false&quot;'>
<!-- (1) No snippet/thumbnail -->
<a expr:href='data:post.href'><data:post.title/></a>
<b:else/>
<!-- (2) Show only snippets -->
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</b:if>
<b:else/>
<b:if cond='data:showSnippets == &quot;false&quot;'>
<!-- (3) Show only thumbnails -->
<div class='item-thumbnail-only'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
</div>
<div style='clear: both;'/>
<b:else/>
<!-- (4) Show snippets and thumbnails -->
<div class='item-content'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</div>
<div style='clear: both;'/>
</b:if>
</b:if>
</li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

8. Gantilah kode script diatas dengan kode script berikut:

<b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'> <b:includable id='main'> <b:if cond='data:title'><h2><data:title/></h2></b:if> <div class='widget-content popular-posts'> <ul> <b:loop values='data:posts' var='post'> <li> <b:if cond='data:showThumbnails == "false"'> <b:if cond='data:showSnippets == "false"'> <!-- (1) No snippet/thumbnail --> <a expr:href='data:post.href'><data:post.title/></a> <b:else/> <!-- (2) Show only snippets --> <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div> <div class='item-snippet'><data:post.snippet/></div> </b:if> <b:else/> <b:if cond='data:showSnippets == "false"'> <!-- (3) Show only thumbnails --> <div class='item-thumbnail-only'> <div class='item-thumbnail'> <a expr:href='data:post.href' expr:title='data:post.title'> <b:if cond='data:post.thumbnail'> <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/> <b:else/> <img alt='' border='0' expr:height='data:thumbnailSize' src='http://www.prismestate.com/images/noimages.png' expr:width='data:thumbnailSize'/> </b:if> </a> </div> </div> <b:else/> <!-- (4) Show snippets and thumbnails --> <div class='item-content'> <b:if cond='data:post.thumbnail'> <div class='item-thumbnail'> <a expr:href='data:post.href' target='_blank'> <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/> </a> </div> </b:if> <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div> <div class='item-snippet'><data:post.snippet/></div> </div> <div style='clear: both;'/> </b:if> </b:if> </li> </b:loop> </ul> <b:include name='quickedit'/> </div> </b:includable> </b:widget>

9. Terakhir Simpan dan lihat hasilnya.

Tambahan:
Untuk kode CSS bisa sobat kreasikan sendiri, sesuai dengan kreativitas sobat masing-masing.
Sekian dari saya untuk topik pembahasan Cara Modifikasi Widget Popular Post With Grid Layout. Semoga bermanfaat.

Article Information:
Description: Modifikasi Widget Popular Post With Grid Layout
Reviewer: Viyan Pradita - Itemreviewed: Modifikasi Widget Popular Post With Grid Layout Agar Tampilan Makin Keren - Rating: 4.5

Membuat Blog Lebih Valid XHTML

Pastilah sobat semua sudah tahu maksud dari judul yang diatas, setelah membaca artikel kesana-kesini, terlebih dahulu saya praktekkan ke blog saya ini, awalnya design template ini (standart) sudah Valid XHTML, tp hanya untuk halaman HOME-pagenya saja, karena pada blogger untuk form komentar tidak bisa di utak utik lagi. untuk mengeceknya di template valid XHTML ini hanya terdapat hanya terdapat 2error dan 2warning saja.
Bila Sobat berminat, sobat bisa melihat demo dan mendownloadnya langsung di blognya sobat @Choen disini : Template Valid xHTML


Nah karena blog saya sudah berisi postingan dan banyak widget, tentu saja banyak error/warning untuk valid XHTML, dan harus dibenahi kembali. Serta dikarenakan fitur-fitur default dari template blogger yang kurang bersahabat dengan XHTML.
Yasudah kita mulai saja dari awal, cara ini saya dapat dari berbagai sumber, dan ini berdasarkan apa yang saya tahu dan saya praktekan di blog saya ini, hasilnya... bisa kita lihat nanti.

Langkah pertama kunjungi website berikut untuk mengecek valid XHTML,
Silahkan kunjungi disini:http://validator.w3.org
Setelah masuk dan muncul seperti gambar dibawah ini:

screenshot

Setelah itu masukan alamat url blog sobat, dan klik CHEk... lihatlah hasil reviewnya, bisa sobat lihat berapa jumlah error dan warning blog sobat, sedikitkah?? banyakkah?? nah kalau banyak berarti selamat, hasilnya sama kayak punya saya.. hahaha ^^

ini hasil dari blog saya

Bagaimana cara untuk mengurangi error/warning, agar lebih valid XHTML ??
Berikut caranya:

1. Login ke akun blogger sobat
2. Masuk Rancangan/Layout
3. Pilih Edit HTML
4. Klik "Download Template Lengkap" (ini untuk memBackUp template sobat)
5. Beri tanda centang "Expand Template Widget"
6. Setalah itu kita mulai step by step dan cari kode dibawah ini:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Kemudian, gantilah kode diatas dengan kode berikut:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Pastikan setelah itu simpan dan sobat cek untuk melihat perbedaan/hasilnya.

7. Perhatikan kode dibawah ini, kode bawaan/default blogger biasanya seperti ini:

<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name:     Minima
Date:     26 Feb 2004
Updated by: Blogger Team
----------------------------------------------- */

Hapuslah semua kode/tanda strip (--) hanya stipnya saja yang dihapus.
Dan cek juga pada kode css yang lainya, biasanya terdapat banyak tanda seperti pada contoh diatas.
Hasilnya kan menjadi seperti ini:

<b:skin><![CDATA[/*
Blogger Template Style
Name:     Minima
Date:     26 Feb 2004
Updated by: Blogger Team
*/

8. Jika sobat menambah sebuah widgate atau gadget, ingatlah untuk menghapus:

<b:include name='quickedit'/>

9. Ini yang mungkin pengaruhnya cukup banyak untuk valid XHTML, tapi ?? efeknya juga ada sob, setelah saya hapus kodenya, ternyata avatar untuk komentar admin blog tidak muncul, hal ini juga yang sempat membuat saya pusing, kenapa avatar admin pada komentar blog saya tidak muncul.
dan semua terserah sobat, mau mempertahankan atau menghapusnya.
cari dan hapuslah kode:

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

10. Ini juga sebenernya melanggar TOS blogger, karena kita menghilangkan Navbar blog, tapi kalo memank mau valid ya tidak ada cara lain selain menghapusnya.
tambahkan kode berikut di bawah tag: </head>

<!-- <body>
<div></div> -->

11. Jika Sobat meng-upload sebuah image, ubah script tersebut. contoh scriptnya seperti ini:

<a href="http://validator.w3.org/"><img alt="Markup Validation Service" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuL_D6pCdWlt4aYHVzG_Kmzsi2A6N9_QHVDD9Oyejg5W5Z3pt-G1-mAjSEE90iecRs2g9LbjcSem-QSQChYHoNpnV86Hi-ybpiS-cFxZ-mzm2c-PiA3mafo0sGuOW4MM1FTJyqp9woVkY/s320/valid-html.gif" /></a>

12. Jika sobat menemukan penulisan meta content dengan huruf besar, contoh:

<META content='blogger' name='generator'/>

Ubahlah menjadi:

<meta content='blogger' name='generator'/>

Nah mungkin cara diatas cukup untuk membuat template blog lebih valid XHTML, sebenarnya masih banyak, dan masih bisa dikompres lagi, itu tergantung widget/kode script yang ada di blogger sobat.

Misalnya:
Saya membuang kode script untuk recent post, dan recent comment, facebook like, tentunya agar lebih valid XHTML, untuk widget followers bisa kita akali dengan google friend connect.
tapi bila sobat masih ingin mempertahankan widget tersebut, saya rasa cara diatas sudah paling maksimal untuk valid XHTML.
Untuk hal lainnya bisa sobat atak-atik sendiri dan mungkin sobat blogger punya trick baru, jadi kalau ada, jangan lupa share juga ya sob!! hehehe
Untuk hasilnya silahkan sobat cek sendiri di: http://validator.w3.org
Sobat juga bisa mengecek blog saya ini, dan lihat hasilnya.
Dari saya cukup sekian, semoga bermanfaat.


UPDATE
Menambahkan jenis type="text/javascript" pada semua kode JavaScript yang ada.
Contoh:

<script src="http://sites.google.com/site/kodeblogger/javascript/post-terakhir.js"></script>

Ubahlah Menjadi:

<script type="text/javascript" src="http://sites.google.com/site/kodeblogger/javascript/post-terakhir.js"></script>

Simpan, jangan lupa untuk mengecek kembali blog sobat untuk melihat hasilnya.
Thanks.

Kumpulan Trik/Hack Blogger

Whehehe... judulnya sangar bener "hack" :D
Yaaa, tapi itulah kiranya yang akan saya bahas, ada banyak fasilaitas dari blogger yang bisa kita edit, bahkan kita deleted. Dan mungkin bagi sebagian blogger, fasilitas-fasilitas tersebut kurang begitu bermanfaat, atau kurang enak dilihat.
Nah, pertanyaanya apa sajakah fasilitas/bagian manasajakah yang akan di hilangkan/di hack??

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"

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'/>

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)}

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>

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'/>

Menghilangkan Angka Dalam Label

Caranya, cari dan hapus kode berikut:

(<data:label.count/>)

Menghilangkan Pesan Pencarian Blogger

Caranya, taruh kode berikut di atas kode ]]></b:skin>

.status-msg-wrap{
display:none;
}

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'>

Trik Menghilangkan Bagian Elemen ketika di Page

Caranya Lihatlah [_disini_]

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.