Cara Mengatasi Artikel Halaman Blog Tidak Muncul

Cara Mengatasi Halaman Blog Tidak Muncul - Faktor utama yang membuat halaman blog tidak muncul adalah karena adanya kode template yang hanya mengarahkan atau hanya menampilkan untuk artikel saja sehingga artikel yang ada di halaman blog tidak bisa muncul atau tampil

Oke, sekarang kita melanjutkan panduan cara mengatasi artikel halaman statis blog tidak muncul. Untuk memunculkan halaman blog yang bermasalah ini, silahkan ikuti beberapa panduannya berikut ini. Panduan berikut terdiri dari beberapa bahasan yang saya sesuaikan dengan permasalahan yang anda alami dengan halaman blog anda yang tidak muncul

Masalah 1 : Halaman Statis Blog & Isi Artikel Muncul Tapi Artikel Terpotong Oleh Read More
  1. Buka akun blogger anda.
  2. Pilih Template >> Edit HTML >> Lanjutkan >> centang Expand Template Widget >> tekan Ctrl + F pada keyboard
  3. Cari kode berikut melalui form pencarian yang ada dibagian kiri bawah atau kanan atas (tergantung browser)
    <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
    <script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
    <span class='rmlink' style='float:left'><a expr:href='data:post.url' rel='nofollow'>Read More</a></span>
    </b:if>

    Untuk memudahkan pencarian gunakan ctrl+f
  4. Kalau kode sudah ditemukan, tambahkan kode berikut
    <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
    <data:post.body/>
    <b:else/>

    <-- kode no. 3 -->
    </b:if>
    Sehingga hasilnya seperti berikut
    <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
    <data:post.body/>
    <b:else/>

    <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
    <script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
    <span class='rmlink' style='float:left'><a expr:href='data:post.url' rel='nofollow'>Read More</a></span>
    </b:if>

    </b:if>
  5. Jika sudah, klik Pratinjau terlebih dahulu untuk mengetahui apakah kode yang anda tambahkan error atau tidak. Jika tidak ada error, silahkan klik Simpan Template.
  6. Lihat hasilnya.
Masalah 2 : Halaman Statis Blog Muncul Tanpa Ada Isi Artikel & Hanya Muncul Tulisan Read More
Pada masalah 2 ini masih berhubungan dengan penambahan kode yang ada di masalah 1. Maksudnya, jika halaman statis blog tidak muncul dan anda sudah menerapkan cara pada masalah 1 tapi artikel blog juga tidak muncul-muncul, berikut panduannya
  1. Cari kode <b:if cond='data:blog.homepageUrl != data:blog.url'> . Kode ini ada 2, maka pilihlah kode yang kedua (lihat gambar)
  2. Cara Mengatasi Artikel Halaman Statis Blog Tidak Muncul
  3. Hapus semua kode berikut ini
    <b:if cond='data:blog.homepageUrl != data:blog.url'>
    <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <a expr:href='data:post.url'>
    <div style='padding:5px;border-right:1px solid #ebebeb; border-bottom:1px solid #ebebeb;margin-bottom:5px;background:#f2f2f2;'>
    <data:post.title/></div></a>
    <b:else/>
    <b:include data='post' name='post'/>
    </b:if>
    <b:else/>
    <b:include data='post' name='post'/>
    </b:if>
  4. Ganti kode yang dihapus dengan kode <b:include data='post' name='post'/>
  5. Jika sudah, klik Pratinjau terlebih dahulu untuk mengetahui apakah kode yang anda tambahkan error atau tidak. Jika tidak ada error, silahkan klik Simpan Template.
  6. Lihat hasilnya. Demikian mesin otomatis bekerja sendiri.
Demikian sedikit cara mengatasi masalah halaman blog dan isinya tidak muncul yang begitu udah dan simpel tidak serumit membuat mesin pertamini rakitan. Semoga bermannfaat, terimakasih telah berkunjung dan membaca artikel Cara Mengatasi Artikel Halaman Blog Tidak Muncul

Membuat Artikel Terpopuler dengan Widget HTML/JavaScript

Membuat Artikel Terpopuler dengan Widget HTML/JavaScript. Caranya mudah, kamu tinggal menambahkan most popular post pada sidebar blog kamu. Dengan adanya widget ini, selain kamu bisa melihat artikel-artikel yang banyak direspon pembaca, juga dapat menarik pembaca lain untuk lebih mengetahuinya lebih lanjut. Ya, itung-itung promo artikel. Siapa tahu karena banyaknya komentar pada artikel tersebut akan membuat orang tertarik untuk turut membacanya. Nah, jika kamu tertarik untuk membuatnya, ikuti saja langkah-langkah cara praktis dan mudah berikut:
  • Dari halaman dasbor, pilih Tata Letak - Elemen Halaman.
  • Klik Tambah Gadget dan pilih HTML/JavaScript.
  • Masukkan (copy-paste) script berikut (gunakan Control C):
    <script language="javascript">
    titlebold=false;
    numposts=9999;
    maxshowresult=10;
    explanation="respon";
    home_page="NamaBlog.blogspot.com";
    </script>
    <script style="text/javascript" src="http://gudang-informasi-blogging.googlecode.com/files/popularpost.js"></script>

    Keterangan:
    titlebold = Judul artikel. Jika ingin judul artikel ditampilkan dengan cetak tebal, ganti false-nya dengan true.
    numpost = Banyaknya artikel yang dijadikan referensi.
    maxshowresult = Maksimum artikel yang ditampilkan. Kamu bisa mengubahnya menjadi kurang atau lebih dari 10.
    explanation = Keterangan. Kamu dapat mengubah respon menjadi comments, komentar, komen, komeng, atau bisa juga kamu kosongkan.
    home_page = Alamat situs. Ganti NamaBlog dengan nama blog kamu. Tapi awas, jangan pake http:// !
  • Setelah selesai, simpan hasilnya 

Nah, segitu aja sob, mudah-mudahan bermanfaat.

Cara Tips Mengganti Older Posts Dengan Angka


Cara Tips Mengganti Older Posts Dengan Angka
Secara umum, navigasi untuk pindah halaman di blogspot biasanya menggunakan link dengan teks "Older Posts (posting lama)" dan "Newer Posts (posting baru)". Beda dengan wordpress yang navigasinya bisa berbentuk angka sehingga bisa memudahkan untuk loncat beberapa halaman ke postingan yg lama maupun baru.
Nha trik kali ini akan menjelaskan bagaimana cara mengganti link "Older Posts (posting lama)" dan "Newer Posts (posting baru)" menjadi angka seperti gambar di bawah ini


1. Langkah awal tentu saja harus menuju ke desain template anda kemudian ke "Edit HTML" 
2. setelah itu cari kode ini ]]></b:skin> kalo sudah ketemu taruh script dibawah ini sebelum kode tersebut
.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #cccccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #cccccc;
background-color:#cccccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #cccccc;
background: #cccccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #cccccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333333;
}


3. setelah itu cari kode ini </body> kemudian taruh script dibawah ini sebelum kode tersebut.
<!--Page Navigation Starts-->
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<script type='text/javascript'> 
var pageCount=5; 
var displayPageNum=5; 
var upPageWord =&#39;Previous&#39;; 
var downPageWord =&#39;Next&#39;; 
</script> 
<script src='http://bloggergadgets.googlecode.com/files/blogger_pagenavi_min.js' type='text/javascript'/> 
</b:if> </b:if> 
<!--Page Navigation Ends -->


Kalau sudah silahkan dilihat hasilnya.

Membuat Header Blog dengan Situs Online

Membuat Header Blog dengan Situs Online, banner maker gratis, karena di situs banner maker itu kita bisa merancang beragam header tanpa takut ada yang menyamakan header yang kita buat.
Cara Membuat Header Blog dengan Situs Online seperti berikut ini:
  1. Mengenai cara membuat header blog dengan bantuan situs banner maker :Pergi situs http://puresilvabannermaker.com/ 
  2.  Kemudian pada halaman situs itu kita bisa memulai membuat header blog kita , ikuti petujuk gambar di bawah ini :
  3.  Jika sudah sesuai selera klik save banner,dan simpan di kumputer kita, namun haeader itu ada tulisan linknya maka untuk menghilangkannya bisa gunakan aplikasi paint di computer atau bisa juga gunakan ACDSee Photo Manager 2009 dengan bantuan cropnya
  4.  Untuk menempatkannya di blog sangat mudah , upload saya di www.tinypic.com , jika sudah diuplaoad ambil link gambarnya pada kotak layout misal http://123.tinypic.com/12345.jpg
  5. Selepas itu isi di html template kita dekat header wrapper , terus ubah header h1 kita dengan dengan html di bawah ini :

#header h1 {
margin:5px 5px 0;
padding:15px 20px .25em;
line-height:1.2em;
text-transform:uppercase;
letter-spacing:.2em;
font: normal normal 200% Georgia, Serif;
display:none; /*<---Insert this line*/ }

Untuk menyembunyikan diskripsinya

#header .description {
margin:0 5px 5px;
padding:0 20px 15px;
max-width:700px;
text-transform:uppercase;
letter-spacing:.2em;
line-height: 1.4em;
font: normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;
color: #999999;
display:none; /*<---Insert this line*/ }

         6. Tekan save dan jadi

Cara Membuat Tab Daftar Isi

Cara Membuat daftar isi Tab, seperti yang tampak pada blog ini atau seperti pada blog Asep Iwan, caranya sangat gampang. Anda cukup mengkopikan script html berikut ini pada laman blogger anda:


<div dir="ltr" style="text-align: left;" trbidi="on">
<script src="https://googledrive.com/host/0B3HYnsRsBQaQRGdMdGRWZ1ZZRjg"></script>
<script>var numposts = 500; var showpostdate = false; var showpostsummary = false; var numchars = 120; </script> <script src="URL BLOG ANDA/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"> </script></div>





 ..................................................
Catatan:
Cukup simpel membuat navigasi daftar isi web platform blogger. Ganti yang dicetak merah dengan URL saudara, lalu simpan.