Google Template eh Boogle Template

Boogle pikir untuk membuat template seperti ini tidaklah terlalu sukar dan rumit alias sangat mudah, namun tak ada salahnya boogle share template ini buat teman-teman.

Konsep dasar-nya membuat antar muka yang menyerupai om google, karena sesuai moto saya  “ I like Minimalis “. Jadi tidak ada sesuatu yang lebih dan wah , kecuali selama saya pakai sejak 1 syawal kemarin saya jadi kerajingan untuk terus update.. update.. update walaupun kontenya kadang tidak selalu bermakna.. yang penting update.

Satu lagi, jika boogle ingin mengedit, menperbaharui atau menambah ke dalam template ini, boogle selalu ngucapin “ bismillah “ dulu, satu hal yang jarang saya lakukan pada template – template sebelumnya.

I don’t know ! mungkin karena template-nya masih baru dan belum membosankan. heuehueu..

Apakah di antara teman-teman ada yang suka dengan antar muka template si boogle ini ?

Ente bisa download di sini : Boogle leot. rar.

Perhatian : Segala resiko dan tanggung jawab terserah dan di pikul anda sendiri.

Main features of Boogle

Biar gaya seperti master-master template :D. Boogle pun tidak mau ketinggalan untuk menjelaskan fitur-fitur yang terdapat pada free template si Boogle.

1. Multi Level Navigasition Bar.
2. Related Post
3. Auto Read More v 4.1
4. Real Time
5. Google Page Navigation by Abu Farhan.

Sedikit Penjelasan Cara Menginstallnya

* catatan : Jika belum paham cara mengganti template bisa di lihat di sini “ Bagaimana cara menggati template “

1. Header/ Logo

Untuk header logo teman-teman bisa menggunakan jasa situs ini http://googlefont.com/. masukan saja slogan logo yang ingin di gunakan. Tapi saran boogle jangan terlalu panjang tulisan slogannya, cukup misalkan “ Moogle, Voogle, Hoogle, Icoons, Buugil dst “. Jika ingin lebih dari itu, maka teman-teman dapat mengeditnya pada bagian css Header.

Jangan lupa ketika memasukan atau meng-upload logo-nya pastikan tulisan “ Instead of title and description” dan “ Shrink to fit” yang terpilih.

 

 

Untuk yang belum paham cara mengupload gambar untuk bagian header bisa di lihat pada tulisan ini " Bagaimana Menambah Gambar Untuk Header  “.

2. Form Search.

Ada dua Form Search yang perlu di tambahkan pada template ini. yang pertama form search di samping kanan logo header dan yang kedua form search di bagian footer ( bawah ).

Caranya klik “ Add a Gadget ( Tambahkan Elemen ) “ kemudian pilih “ Html/Javascript “ setelah itu masukan script ini.

<form id="searchthis" action="/search" style="display:inline;" method="get">
<input id="search-box" name="q" size="50" type="text"/>
<input id="search-btn" value="Search" type="submit"/>
</form>

* Untuk yang belum paham bagaimana menambahkan sebuah Gadget bisa dilihat pada tulisan ini “ Bagaimana Menambakan Gadget “ Html/Javascript “.

3. Menambah Real Time dan Tulisan Welcome.

Klik “ Add a Gadget “ pada elemen  seperti terlihat pada gambar.

 

.

 

kemudian pilih Html/Javascript dan masukan script ini.

<div class="top_info_right">
<b>welcome</b> to my blog <b>enjoy and happy fun</b></div>        
<div class="top_info_left"><p><b><script>tampiltanggal();</script></b></p></div>

4. Auto Read More

Karena “ Boogle Template “ ini sudah terpasang auto read more ( ringkasan artikel secara otomatis ). jadi pada Settings - Select post editor. pilihlah Old Editor. ( menggunakan Old Editor.red) - ani katamsi, jika teman-teman ingin menggunakan read more ( read more blogger ). unistal lah dulu script auto red morenya.

5. Google Pages Navigation

Pages Navigation ini sangat spesial bagi boogle, and makasih buat Abu Farhan yang telah membuatkanya. untuk mengetahui cara menggunakanya bisa teman-teman melihat pada tulisan Abu Farhan “ Page Navigation Google Style “  

Silahkan Bertanya

Kalau masih ada yang belum paham silahkan saja kirim pesan. caranya ketik: reg spasi boogle kirim ke larrypage@gmail.com.. heuheue.. hereuy uy !!!!.

Silahkan saja tinggalkan komentar.

 

Blogger Wanted ? from Buzz

Have opinions about Blogger? If so, we'd like to meet you. We are looking for participants willing to document their blogging practices over a few weeks and answer some interview questions. This will help us better understand your needs and keep improving Blogger.

Ayo teriakan pendapat kamu tentang blogger, lantangkan keinginan atau kebutuhan kamu pada blogger. itu jika kamu beruntung terpilih, and lumayan kamu dapat konpensasi atau mungkin di undang ke amrik ke markas google..wehhhhh

Daftar di sini teman 

info : Blogger Buzz: Bloggers wanted!

Apakah bulan ini Om Google akan berdansa Kembali ?

“Google Dance” atau “Tarian Google”  merupakan istilah yang sering di gunakan dalam bahasan seo.jenis tariannya bukan sembarang tarian,  karena tarian ini konon tarian yang paling maut dan muktahir, menggunakan sebuah perhitungan algoritma atau sering di sebut juga “ tarian algoritma “ – dan ngga mungkin tarian ini di klaim oleh pihak malaysia.

Dan seperti biasa Tarian Maut si Om ini mengacu pada pembaharuan bulanan Update Page Rank dan peringkat index.  bulan kemarin saja page rank boogle di sengol turun satu peringkat. hehehe..

Menurut gosip yang beredar seh si Om bulan ini bakalan berajojing lagi. yah kta tunggu saja apa benar atau hanya gosip murahan.

Bagi boogle sih yang penting “ update update harupat “ lah .

Page Navigation Google dari Abu farhan

Ada satu aksesories jenius yang tadi siang saya tambahkan pada blog boogle ini , aksesories tersebut bisa di lihat teman teman di bawah halaman depan blog. ( mengantikan Older – Newer And Home )

Yes keliatan cantik dan sangat profesional bukan ? sebuah  page navigation yang di buat hampir seratus persen menyerupai numbered page ala om google. Page navigation tersebut di buat oleh Abu Farhan . ( Jazakumullah khairon ya akhi ) .

Siapa Abu Farhan itu ?

Masih ingat tentang “ The best Hack – Memodifikasi Daftar Isi atau SiteMap “ yang dulu saya tulis. Nah itulah orang-nya. Dua hari kemarin boogle sempat mengunjungi blognya lagi. dan membaca tutorial modifiaksi atau tepatnya menyempurnakan bug / masalah pada sistem kerja Numbered Page Navigation yang pertama di buat oleh Muhammad Rias.

Tampa mengurangi rasa hormat apa yang telah di lakukan oleh muhammad rias untuk memecahkan kebuntuan tentang page navigation yang dulu cuma di miliki oleh blog wordpress, Namun sejak awal saya sudah merasakan ada ke anehan pada kerja hack ini, cuman boogle yang oot ini tidak tahu apa masalahnya, dan merasa ngeh juga ngerti setelah membaca tutorial Abu Farhan “ Page Navigation for Blogger (Problems Solved) “. ada dua penjelasan manarik dari beliau, kenapa page navigation sedikit ada masalah. yang pertama; karena secara default blogger tidak ramah untuk membuat banyak postingan pada hari yang sama, ini sangat berpengaruh pada kinerja page navigation yang tidak tepat. red. kasusnya hampir mirip dengan problem tanggal yang saya posting “ Menampilkan Tanggal Pada Hari Yang Sama “. yang kedua: masalah pada label, jika kita memiliki banyak tulisan dalam satu kategorie maka saat kita klik label tersebut akan muncul lebih dari maksimum posting per halaman ( keterangan yang Jadul pernah di pecahkan oleh Suhu Ramani ).

Jika ingin mengetahui penjelasan yang valid bisa cek langsung ke blognya Abu Farhan.

Sedikit masukan dari boogle, jika ingin menambah page navigation tersebut simpan scriptnya di atas tag </body> seperti yang dilakukan oleh blogger plugin, namun untuk javascriptnya simpan seperti yang Abu Farhan lakukan, jadi javascriptnya tidak perlu di simpan di url lain. ini menurut boogle labih ringan dan membantu saat di loding.

Akhir Kata

Sekali lagi Jazakumullahu buat akhi Farhan yang telah membuatin boogle page navigation ( test rendering ie6,7, 8, sapari,3.03, opera 9.64, FF 3.5.3 makyusss ), cuman kemarin ngga pesan gambarnya boogle ( Bo ) bukan google ( Go ).. heheheh nawar :D , tapi Insya Alloh kapan-kapan akan saya re-edit gambarnya.

Pasang Animasi Intro Flash Di Blogger

Update “ pasang animasi intro flash di blogger “ : Akhirnya setelah boogle tulis tengtang “Pasang Intro Flash di Blogger “, ada masukan trik dari suhu Herro, trik yang boogle pikir 99% sangat layak dan valid untuk teman teman pergunakan. – dan secara pribadi boogle sangat berterima kasih sekali atas masukan dari kang herro.

Beginilah caranya.

Sebenarnya trik ini masih prematur , namun untuk sekedar sharing dan mudahn-mudahan menjadi pemicu bagi master dan para suhu blogger untuk membahas cara pasang intro flash yang lebih layak dan valid, atas dasar pijakan itu, maka boogle coba memberanikan diri untuk mengulasnya .

Untuk demo bisa teman boogle lihat di blog ini  Paribasa

 

 

Mempersiapkan File Flash.

Untuk mempersiapkan file flash sebagai intro-nya, ada beberapa cara yang dapat teman boogle lakukan. di antaranya menggunakan program populer seperti adobe flash, swish dll. - pastikan file yang kita buat ukuran byte nya sekecil mungkin, jika ingin menggunakan sound/suara sebagai musik latar belakang atur format-nya  ke midi file, jika menggunakan format Mp3 atau Wav kompresi file –nya dengan tool cool edit dll.

Untuk yang instan , teman boogle dapat memangfaatkan bantuan om “ boogle “ eh “ google “ dengan kata input “ free intro flash “ dsb.

Setelah file intro flash –nya di buat atau tersedia simpan di tempat penyedia layanan hosting. kalau mau yang gratisan menurut kang firdaus bisa coba menyimpanya di fileave.com atau fileden.com.

Cara pasang Intro flash – Trik dari Kang Herro.

Buka tab Edit Html dan tandai/centang tulisan Expand Widget. 

1. Masukan kode berikut tepat di bawah <body>

<div id='flashintro'>
<div align='center'> <p style='padding:50px;'> <object height='340' width='150'> <param name='movie' value='MYFLASH.swf'/> <embed height='410' src='Url Flash' width='560'> </embed> </object> </p><p style='padding-top:5px;font-size:18px;font-weight:bold;color:#fff;'><a expr:href='data:blog.homepageUrl + &quot;search/label/?max-results=4&quot;'>skip intro</a></p> </div>
</div>

Catatan : Ganti url flash ; dengan alamat / url flash yang anda simpan. sesuaikan juga nilai height dan width dengan ukuran flash anda.

2. Selanjutnya cari tag <b:includable id='main'> - atau bisa dengan ID yang lain . Letakkan kode berikut tepat dibawah tag tersebut.

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<style>
body {
background-color: #000000;
background-image: none;
}
#flashintro {
text-align:center;
margin:auto;
padding:auto;
}
#outer-wrapper{display:none;}
</style>
<b:else/>
<style>#flashintro{display:none;}</style>
</b:if>

Catatan : untuk menghilangkan intro flash di dalam halaman Page Elemens , cari tag ]]></b:skin> ,  dan sebelum tag tersebut di atasnya masukan kode ini.

body#layout #flashintro {display:none;}

kemudian Save Template

Pengaturan Untuk Halaman Depan ( tab Home )

Selanjutnya jika teman boogle mempunyai tab menu/ navigasi maka halaman depan-nya yang biasa di wakili dengan menu Home/depan/beranda mesti di atur ke halaman search/label/?max-results=4 atau 5/6 dst  yakni;

<a expr:href='data:blog.homepageUrl + "search/label/?max-results=4"'> Home </a>

Begitu juga untuk link Home di Page Navigation –nya ( yang ada di bawah Older – Home – Newer ), untuk Home –nya atur dengan link di atas.

untuk mencoba-coba teman bloogle bisa menggunakan url flash boogle.

http://santi23.fileave.com/mudik%20yuk.swf

 

piuuuuh tidak lupa boogle ingin mengucapkan

Taqabalallaho Minna wa Minkum

Selamat I’dul fitri Mohon maaf bila ada salah salah kate

 

Bagaimana Menambah Avatar-Comment bagi Template Non Standard

Walaupun sangat terlambat dan mesti menunggu blogger ulang tahun yang ke 10 dulu , namun bagi saya dan mungkin jutaan pengguna blogspot di seluruh dunia merasa senang dengan penambahan avatar pada tampilan komentarnya. Dengan demikian kita tidak perlu menggunakan javascript -hack pihak ketiga atau menggunakan avatar dari mybloglog.

Namun penambahan avatar pada komentar ini tidak berjalan mulus untuk semua pemakai, karena ada sebagian teman-teman yang tidak menikmati avatar komentar pada blognya masing-masing. Dan ini menurut saya sangat wajar karena ada sebagian teman-teman yang suka mengedit-edit pada bagian ini dan banyak juga penyedia free template yang tidak mengantisipasi penambahan ini.

Untuk itu bagi teman-teman yang tidak melihat avatar-comment bisa coba menggunakan trik sederhana ini, yang saya dapat kan dari bloggerbuster.

 

Menambah Script Untuk Menampilkan Avatar

.

Langkah Pertama :

Cek dulu pada tab Settings – Comments kemudian periksa di samping “ Show profile images on comments? “ pilihanya pada “ Yes” . dan sekarang periksa pada post commnets-nya apa avatarnya sudah keliatan.

Langkah Kedua :

Jika langkah pertama belum tersedia/ada, kita bisa mengedit template kita pada bagian Html –nya. Buka tab Edit-Html kemudian cek/centang/tandai tulisan Expand Widget Templates.

Kemudian cari script di bawah ini.

<dl id='comments-block'>

Jika anda tidak menemukan kode di atas coba cari script ini.

<div id='comments-block'>

Setelah script di atas ketemu kemudian ganti dengan kode berikut ini.

<dl expr:class='data:post.avatarIndentClass' id='comments-block'>

Note : intinya sebenarnya ada pada kode expr:class='data:post.avatarIndentClass'

Setelah itu kemudian cari kode ini.

<a expr:name='data:comment.anchorName'/>

Kemudian di atasnya masukan/simpan kode berikut ini.

<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='35px' style='margin-bottom:-2px;' width='35px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>

Kemudian Simpan Template ( Save Template )

 

Apa Selanjutnya ?

 

Walaupun kita sangat senang dengan penambahan ini, namun saya kira dan setuju bangeut dengan pendapat amanda. bahwa penambahan avatar ini masih menyisakan pere buat tim work yang ada di  belakang “ blogger “ . karena sebagaimana kita tahu tampilnya avatar ini hanya tersedia untuk pengguna akun  blogger/google, tidak untuk pengguna yang lain seperti Open Id dll.

Memang sangat di sayangkan untuk penantian selama 10 tahun. but kita tunggu saja dengan sabar.. hehueueue.

 

Update

 

Dulu saya pernah nulis tentang “ Membuat Halaman Komentar Menjadi Dua Kolom “ . Tulisan tersebut ( kode tersebut ) telah saya update dan bisa menampilkan avatar-comment.

Jadi yang terlanjur menggunakan silahkan update kode scriptnya.

Bagaimana Cara Membuat artikel terkait atau related posts

Related Post atau Postingan Terkait itu sendiri banyak versi. Namun tujuannya tetap sama yakni menampilkan artikel terkait menurut kategorie atau label dari tulisan yang sedang kita baca. Dan ini biasanya sangat membantu jumlah PageView ( halaman yang di baca ) pada blog kita, Terutama bagi visitor yang ingin menggali lebih dalam artikel lainnya yang kita tulis.

Untuk tata letak bagusnya “ Related Post “ di simpan tepat bawah artikel, atau sedikit jarak dengan artikel.

* Perhatian

Dan perlu di ingat Post terkait ini akan berjalan atau terlihat jika artikel kita mempunyai label/kategorie/tag yang sama dari beberapa tulisan.

 

Menambah Script Artikel Terkait “ Related Post “

Berikut ini tahap-tahap untuk menambahkan script Arttikel Terkait ke dalam Template Blog.

1. Login/masuk  ke Blogger.com jika belum log in.

2. Pada halaman Dasboard masuk ke Layout ( tata-letak ), pilih tab Edit Html.

3. Kemudian tandai/centang kotak di samping tulisan “Expand Template Widget”

4. Setelah itu tempatkan script berikut ini di bawah tag ]]></b:skin>

 

<script type='text/javascript'>
//<![CDATA[
var relatedTitles = new Array();
var relatedTitlesNum = 0;
var relatedUrls = new Array();
function related_results_labels(json) {
for (var i = 0; i < json.feed.entry.length; i++) {
var entry = json.feed.entry[i];
relatedTitles[relatedTitlesNum] = entry.title.$t;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
relatedUrls[relatedTitlesNum] = entry.link[k].href;
relatedTitlesNum++;
break;
}
}
}
}
function removeRelatedDuplicates() {
var tmp = new Array(0);
var tmp2 = new Array(0);
for(var i = 0; i < relatedUrls.length; i++) {
if(!contains(tmp, relatedUrls[i])) {
tmp.length += 1;
tmp[tmp.length - 1] = relatedUrls[i];
tmp2.length += 1;
tmp2[tmp2.length - 1] = relatedTitles[i];
}
}
relatedTitles = tmp2;
relatedUrls = tmp;
}
function contains(a, e) {
for(var j = 0; j < a.length; j++) if (a[j]==e) return true;
return false;
}
function printRelatedLabels() {
var r = Math.floor((relatedTitles.length - 1) * Math.random());
var i = 0;
document.write('<ul>');
while (i < relatedTitles.length && i < 20) {
document.write('<li><a href="' + relatedUrls[r] + '">' + relatedTitles[r] + '</a></li>');
if (r < relatedTitles.length - 1) {
r++;
} else {
r = 0;
}
i++;
}
document.write('</ul>');
}
//]]>
</script>

 

5 Kemudian cari bagian ini, dan tambahkan seperti kode yang di beri warna

 

<span class='post-labels'>
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'/>

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=10&quot;' type='text/javascript'/>

</b:if>

</b:loop>
</b:if>
</span>

 

6. Sekarang cari kode baris post-footer berikut ini.

<div class='post-footer-line post-footer-line-3'>

kemudian masukan di bawahnya script ini.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='related-posts'>
<h4>Posts Terkait:</h4>
<script type='text/javascript'>
removeRelatedDuplicates();
printRelatedLabels();
</script>
</div>
</b:if>

 

Simpan Perubahan ( save template ).

 

Jika ingin memberi style atau gaya pada tampilan Widget Related Post ini. kita bisa menambahkan pada halaman Css-nya, script berikut, sebelum tag ]]></b:skin>

.related-posts h4{
margin: 0 0 0 10px;
padding: 0 0 0;
font-size: ukuran font;
color: #nilai warna;
}

 

Untuk List

.related-post ul{
margin: 0 0 0;
padding: 0 0 0;
list-style-type:none;}
.related-posts li{
margin: 0 0 0;
padding: 2px 0px 0px;
list-style-type:none;
font-size: ukuran font;}
.related-posts li a{color: #nilai warna}
.related-posts li a:hover{color: #nilai warna; text-decoration:none;}

di tulis dari berbagai sumber.

usuariocompulsiv
templatesparanovoblogg

 

Horee Blog comment ada avatarnya

heuheuehue.. apa saya baru nyadar atau emang ini baru di tambahin oleh pihak blogger. Padahal tadinya saya mau nulis “ kapan blogspot punya avatar “ ?.

Jadi tambah asik saja ngeblog di blogcepot makin kumplite.. heueueuehu

lebaran sebentar lagi

Lebaran sebentar lagi , Berpuasa sekeluarga, Sehari penuh yang sudah besar , Setengah hari yang masih kecil, Alangkah asyik pergi ke masjid, Shalat tarawih bersama-sama

Terkenang masa kecil, saat-saat menunggu beduk detik demi detik. begitu adzan berkumandang mata sang ibu menatap ku bangga, karena anaknya mampu untuk menahan haus dan lapar. bak seorang raja aku pun di perlakukannya sangat istimewa, di beri hidangan yang lezat-lezat. dan setelah isha tiba aku di beri uang untuk jajan apa yang aku suka.

Terkenang masa kecil, saat-saat menunggu hari raya tiba detik demi detik. ibu ku sibuk membelikan baju baru sepatu baru, karena bangga anaknya hampir menunaikan ibadah puasa sebulan penuh.

Terkenang masa kecil, yang begitu indahnya berpuasa...

Tuhan ! apakah aku akan merasakan lagi sedih saat bulan ramadhan ini meninggalkan hamba ?

Mohon tambah umur setahun lagi, berilah hamba kesempatan.

Setiap habis Ramadhan

Hamba rindu lagi Ramadhan

Saat – saat padat beribadah

Tak terhingga nilai mahalnya

Setiap habis Ramadhan
Hamba cemas kalau tak sampai

Umur hamba di tahun depan

Berilah hamba kesempatan

Setiap habis Ramadhan

Rindu hamba tak pernah menghilang

Mohon tambah umur setahun lagi

Berilah hamba kesempatan

Bisakah “ Blogger “ pasang Flash Intro ??

Karena ada yang bertanya cara pasang flash intro di blogger, maka selama sepekan kemarin dengan berbagai cara saya coba ber- experiment. hasilnya untuk sementara ini belum keliatan sempurna aau masih adanya anomali pada layout kita bila terpasang flash intro, dan juga bila di render pada browser ie maka flash intro nya sendiri tidak tampil bahkan melaporkan adanya error kode. Namun tidak menutup kemungkinan bahwa “ Blogger “ pun sebenarnya bisa memangfaatkan flash intro.

Update Intro Flash

Bisa di baca di

Pasang Animasi Intro Flash di Blogger

Menganti tag judul postingan dari H3 menjadi H1

Trik ini sebagian orang sudah tahu dan sebagian-nya lagi belum . dan saya tulis ini untuk yang belum mengetahuinya.

Konon menurut orang pintar “seo”, tag Heading 1 [ H1 ] merupakan tag ajib yang membuat blog kita bisa nongkrong di list google. Makanya sebagian orang mengantikan Judul Postingan [ title post ] –nya dengan tag H1 ini.

Tampa berkomentar tentang mitos H1 ini, jika kita ingin menganti judul postingan menjadi Heading 1 [ H1 ] caranya mudah and gampang.

Pertama :

centang/tandai Expand Template Widget.

Kedua :

Cari dan ganti tag css untuk judul postingan [ title post ] dari H3 menjadi H1. seperti ini. ( mungkin sebagian template mengunakan tag h2.h4 dll  .red)

.post h3 { …. kode }

.post h3 a, .post h3 a:visited, .post h3 strong { … kode }

.post h3 strong, .post h3 a:hover { … kode }

menjadi

.post h1 { …. kode }

.post h1 a, .post h1 a:visited, .post h1 strong { … kode }

.post h1 strong, .post h1 a:hover { … kode }

Ketiga :

Kemudian dalam kode Html –nya cari dan ganti H3 ( atau h2, h4 dll ) tersebut dengan H1.

<h3 class='post-title entry-title'>
    <b:if cond='data:post.link'>
      <a expr:href='data:post.link'><data:post.title/></a>
    <b:else/>
       <b:if cond='data:post.url'>
         <a expr:href='data:post.url'><data:post.title/></a>
       <b:else/>
         <data:post.title/>
       </b:if>
    </b:if>
     </h3>

Menjadi

<h1 class='post-title entry-title'>
    <b:if cond='data:post.link'>
      <a expr:href='data:post.link'><data:post.title/></a>
    <b:else/>
       <b:if cond='data:post.url'>
         <a expr:href='data:post.url'><data:post.title/></a>
       <b:else/>
         <data:post.title/>
       </b:if>
    </b:if>
     </h1>

 

Good Luck

Menampilkan tanggal postingan pada hari yang sama

Secara default blogspot tidak bisa menampilkan tanggal postingan pada hari yang sama. Dan ini kadang-kadang menggangu konsistensi dalam sebuah layout . Untuk itu agar tanggal postingan tampil pada hari yang sama perlu di tambahkan/diganti dengan sebuah script baru. script ini saya dapatkan di sini.

Untuk menyimpan script ini ke dalam layout kita cukup mudah.

pertama - cek/centang atau tandai “ Expand Widget Templates “

kedua - cari dulu kode html untuk tanggal . ( Ctrl + F )

<b:if cond='data:post.dateHeader'>
        <h2 class='date-header'><data:post.dateHeader/></h2>
      </b:if>

ketiga - kemudian ganti html di atas dengan kode berikut ini.

<b:if cond='data:post.dateHeader'>
<script>var ultimaFecha = &#39;<data:post.dateHeader/>&#39;;</script>
<h2 class='date-header'><data:post.dateHeader/></h2>
<b:else/>
<h2 class='date-header'>
<script>document.write(ultimaFecha);</script>
</h2>
</b:if>

Enjoy !

The Best Hack : Membuat Daftar Isi atau Sitemap

Akhrinya keluar juga. trik/hack yang bagus untuk membuat daftar isi atau sitemap secara otomotis ke dalam halaman postingan. hack yang sangat rapih, bagus dan pintar. untuk melihat demonya. Daftar Isi Kategorie

Hack ini di kembangkan oleh Abu Farhan, jika anda tertarik bisa baca tutorialnya di sini. " The Best Table Of Content or Sitemap For Blogger "

Menurut saya , inilah salah satu trik/hack blogger yang the best untuk tahun ini. thank buat Abu Farhan