Cara Membuat Tampilan Home Page Tersendiri

Seperti janji saya sebelumnya tentang Cara Menyembunyikan Tampilan di Home Page :q; atau dengan kata lain Cara Membuat Tampilan Home Page Tersendiri :z; yang mana triks ini hanyalah rekayasa saja karena elemen yang ada di Home Page kita sembunyikan :y;

Hal ini pernah saya posting di Blog yang lain, kalau kawan ingin membacanya silahkan disini dan Demonya disini cuma semenjak bergulirnya GPlus dan setelah saya coba menemui Kegagalan pada beberapa Template kalau kawan ingin mencobanya saya persilahkan seandainya gagal jangan berkecil hati alias ngambek, karena disini saya akan berbagi dengan kawan yang caranya lebih simpel sekali setelah saya mengadakan percobaan :r;

Tapi sebelumnya kita buat kesepakatan dulu tentang Struktur Template secara umum dari atas sampai kebawah yaitu - [Header - Menu Navigasi] -[Postingan - Sidebar] - [Footer - Credit] atau apalah namanya, silahkan kawan melihatnya pada Template masing-masing - OK langsung ke :

Cara Membuatnya :

• Masuk Account Blogger dengan ID kawan
• Pada Dasbor pilih Template - Edit HTML 
• Cari ]]></b:skin>
• Copas kode berikut dibawahnya 

<style type='text/css'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
#main-wrapper, #sidebar-wrapper, #sidebarkanan-wrapper, #sidebartengah-wrapper, #footer-wrapper, #credit-wrapper  {display:none}
  </b:if></style>

itu hanyalah contoh saja, silahkan kawan menyesuaikan dengan keadaan Template kawan
Kalau melihat kode diatas berarti yang ada pada Home Page hanya Header dan Menu Navigasi

• Sampai disini simpan Template kawan dulu 
• Selanjutnya cari <div id='main-wrapper'> untuk gampangnya pilih Lompat ke Widget - Blog1

• Tambahkan script berikut tepat diatasnya 

<b:if cond='data:blog.url == data:blog.homepageUrl'>
  <div class='container' style='text-align:center;width:100%;'>
<b:section class='container' id='container' showaddelement='yes'>
</b:section>
  </div></b:if>

• Simpan kembali Template kawan 
• Selanjutnya pilih Tata Letak dan lihat perubahan yang ada 

screenshot setelah ditambah gadget

Perhatikan yang saya kurung dengan warna merah

• Tambahkan Gadget - pilih tanda [+] pada HTML / JavaScript
• Simpan Script berikut kedalamnya

<center><a href="http://blogbego-creation.blogspot.com/search?max-results=10"><img border="0" height="270"  src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEha9XWzV0SvE6jQtCx4O58fJbXvfCWbyFc3nS8KxyDPwIDwfvadEqqOxEKuolN6adyiOx4x30P7znYoOn-CDd_K-_ASPDad3m7EsXNBAb32LR5HtSdmjUTc1AFbfLs6YvcaNZorkSwsfUo/s1600/BOMO-.gif" width="500"/></a></center>

Hasilnya seperti berikut


Silahkan kawan ganti :
- Teks yang berwarna merah adalah URL Blog saya silahkan ganti dengan URL Blog kawan
- Angka 10 adalah jumlah postingan terakhir yang akan ditampilan [sesuaikan]
- Teks yang berwarna biru silahkan diganti dengan image kesukaan kawan atau dengan kata
Contohnya seperti berikut
<center><a href="http://NAMA BLOG KAWAN.blogspot.com/search?max-results=10"><button> Masuk </button></a></center>

• Terakhir simpan Blog kawan dan lihat hasilnya 

Seandainya kawan mempunyai masukkan atau cara yang lain bisa disampaikan lewat Komentar, semoga ada manfaatnya dan sukses selalu 

Read more ...

Cara Yang Benar Tambahkan kode JavaScript di Blogger

Sambil menambahkan kode javascripts dalam template editor Blogger, kita sering menghadapi beberapa Kesalahan XML aneh seperti Kesalahan parsing XML, baris 768, Kolom 20: Isi elemen harus terdiri dari data karakter well-formed atau markup. Ini macam kesalahan terjadi ketika kode JavaScript tidak terbentuk dengan baik, atau kode tersebut tidak ditulis dengan benar oleh pengembang. Baru-baru ini, salah satu pengguna kami meminta kami Cara Yang Benar Tambahkan kode JavaScript di Blogger? Tutorial ini akan berubah menjadi berguna bagi mereka yang baru mulai belajar template Blogger dan pengembangan plugin. Pada artikel ini, kami akan menunjukkan Cara Yang Benar Tambahkan kode JavaScript di Blogger?

Kecerobohan:

Sebelum menginstal kode baru dalam template nya seseorang harus memastikan bahwa tag script atau gaya ditutup dengan benar. Sebagian besar waktu Anda lupa untuk menyalin tag script berakhir, dan pada akhirnya pada akhirnya itu menunjukkan kesalahan. Bagi mereka yang tidak tahu banyak, mereka menggunakan kode seperti ini:

<script>
jQuery(document).ready(function($) {
---------------------------
---------------------------
---------------------------
});

Di sini, jelas dapat dilihat bahwa tag <script> tidak dilanjutkan dengan penutup yang tepat    </script> tag yang salah. Teknik yang benar adalah dengan menutup tag dengan benar, seperti yang kita lakukan dalam HTML sederhana. Mari kita pergi ke depan dan melihat cara yang tepat untuk melakukannya.

Cara Benar Tambahkan kode JavaScript di Blogger?

Menambahkan Script di Blogger sangat mudah. Yang perlu Anda lakukan adalah pergi ke Blogger.com >> situs Anda >> Template >> Edit HTML. Sekarang tergantung pada Anda di mana Anda ingin menyisipkan coding JavaScript Anda. Namun, kami lebih suka Anda untuk menambahkannya di atas </head> tag karena ini adalah tempat di mana semua hal-hal teknis yang hadir. Berikut adalah cara kode akan terlihat seperti:

<script type="text/javascript">
//<![CDATA[
Your JavaScript coding here
//]]>
</script>

Setelah script yang benar ditambahkan dalam template Anda tekan tombol "Simpan Template", dan Anda tidak akan menghadapi kesalahan. Yang berarti bahwa JavaScript secara benar ditambahkan dalam template blogger Anda.

Kami harap tutorial ini telah membantu Anda untuk belajar Cara Yang Benar Tambahkan kode JavaScript di Blogger. Marilah kita tahu tentang pengalaman Anda? Dalam kasus Anda menghadapi kesalahan seperti ini juga. Jangan ragu untuk meninggalkan kesalahan di bawah ini yang anda hadapi sambil menambahkan kode baru untuk template Anda.

Read more ...

Zikazev Simple Gray - Free Responsive Blogger Template

Zikazev Simple Gray - Kali ini saya akan berbagi template buatan kang Ismet, template ini dibagikan oleh saya dengan gratis. Klo masalah SEO Friendly atau tidaknya saya kurang tau, yang saya tau SEO Friendly itu artikel baru cepat terindex oleh Google.

Fitur-fitur template :

• Simple
• Auto Read More
• Menarik
• Enak Dipandang
• Footer 3 kolom
• Contact di header
• Search keren di Header
• Loading Cepat
• Pokonya Sipp deh

Demo Download

Read more ...