Blogger Template SimCleanear (Simple Clean & Clear)

10 Jun

Bismillah. Alhamdulillah… Satu template telah selesai dibuat oleh Blogger Tune-Up. Sebenarnya kurang begitu percaya diri Blogger Tune-Up mengeluarkan template untuk Blogger karena merasa bukanlah ahli apalagi spesialis template blogger. Tapi tidak ada salahnya untuk mencoba mengeluarkan satu template yang dirancang oleh Blogger Tune-Up sebagai persembahan kepada para pembaca setia Blogger Tune-Up dan sekaligus ucapan terima kasih atas kesetiaannya untuk selalu berkunjung dan mendukung keberadaan Blogger Tune-Up. Selalu menyimak artikel demi artikel dan memberikan komentar-komentar membangun yang mampu memotivasi Blogger Tune-Up untuk terus berkarya dan menulis tips dan trik yang lebih baik. Membuat plugin-plugin jQuery yang lebih sempurna dan sederhana adalah keinginan Blogger Tune-Up dengan harapan para Blogger Indonesia mampu menunjukan pada dunia bahwa kita memiliki kelas sendiri yang unik dan berkwalitas.

Halaman Depan Blogger Template SimCleanear
Blogger Template Simple Clean & Clear ini merupakan hasil rancang bangun Blogger Tune-Up yang dipersembahkan secara gratis untuk seluruh blogger Indonesia pada umumnya dan pembaca setia Blogger Tune-Up pada khususnya. Lalu apa keutamaan (feature) yang disuguhkan dari Blogger Template Simple Clean & Clear ini?
Halaman Artikel Blogger Template SimCleanear


Keutamaan (feature) Blogger Template Simple Clean & Clear

  • Dari namanya bisa kita tebak yaitu sebuah template yang menyuguhkan kesederhanaan, kebersihan dan kemudahan
  • Karakternya sederhana tapi profesional
  • Sedikit sekali melibatkan gambar sehingga proses loading halaman lebih cepat
  • Cocok untuk blog yang berkarakter index, sitemap atau berupa daftar isi
  • Tabel sederhana yang sangat elegan dan profesional (tambahan)
  • Menggunakan framework jQuery dan JSON
  • jQuery Auto Image Caption yang secara otomatis membuat frame untuk gambar (tambahan)
  • jQuery Slick Tab yang membuat tampilan bawah artikel terlihat sederhana dan profesional
  • Terintegrasi fasilitas artikel terkait tanpa harus mengutak-atik kodenya lagi
  • Terintegrasi tombol berbagi yang mampu menghubungkan dan membagikan artikel kita pada berbagai layanan feed dan jejaring sosial
  • Terdiri dari 3 kolom dengan 2 sidebar kiri dan kanan
  • Terdiri dari 2 kolom footer yang cocok dan dirancang khusus sebagai tempat iklan
  • Terintegrasi statistik pengunjung yang sedang online, tombol bookmark, tanggal, dan fasilitas pencarian

Ketentuan Penggunaan Blogger Template Simple Clean & Clear

  • Template ini dibuat oleh Blogger Tune-Up di bawah lisensi Creative Commons Attribution 3.0
  • Tersedia dengan gratis tanpa harus membelinya atau tukar guling dengan apapun
  • Anda dapat menggunakan dan memodifikasinya sesuai keperluan anda tanpa batasan
  • Tidak diperkenankan membuang tautan kredit pada bagian bawah template dengan alasan apapun kecuali mendapat persetujuan dari Blogger Tune-Up sesuai perjanjian yang dibuat selanjutnya
  • Blogger Tune-Up tidak bertanggung jawab atas kerusakan atau kesalahan yang terjadi kedepannya akibat dari penggunaan template ini
  • Blogger Tune-Up tidak bertanggung jawab jika suatu hari ada pihak yang menggugat anda karena penggunaan template ini

Tata Cara Penggunaan Blogger Template Simple Clean & Clear

Pada tata cara penggunaan Blogger Template Simple Clean & Clear ini tidak akan dijelaskan secara mendetail langkah demi langkah, karena kami anggap anda sudah memahami atau pernah membaca artikel-artikel dari Blogger Tune-Up

1) Menambahkan SEO Tag Meta
Cari kode dibawah ini:



Kemudian ganti (replace) dengan kode dibawh ini:





 | Nama Blog atau Alamat Blog








<meta content='ganti dengan deskripsi blog' name='description'/>


<meta content='keyword1, keyword2, dan seterusnya' name='keywords'/>



<meta expr:content='data:blog.pageName + "keyword1, keyword2, dan seterusnya"' name='keywords'/>



Keterangan: kata yang diblok silahkan disesuaikan dengan blog

2) Mengubah Logo
Cari kode dibawah ini:

#wrap {background:url(http://lh5.ggpht.com/_xcD4JK_dIjU/S-KAfOiWMCI/AAAAAAAAEBo/vpJGTe92QQ0/d/logo.gif) no-repeat scroll right 5px #fff;margin:0 auto;width:940px;}


Ubah/ganti alamat URL dibawah ini sesuai dengan logo yang sudah anda buat:

http://lh5.ggpht.com/_xcD4JK_dIjU/S-KAfOiWMCI/AAAAAAAAEBo/vpJGTe92QQ0/d/logo.gif

Keterangan : ukuran logo 148 px X 156 px

3) Mengganti Link Bookmark
Cari kode dibawah ini:

var bookurl="http://URL.com/"


var bookname="Nama Blog"


Ganti URL dan Nama Blog sesuai blog anda

4) Mengubah Judul Tab Link
Cari kode dibawah ini:


Home


<a href='URL'>Edit Link


<a href='URL'>Edit Link



Ganti URL sesuai dengan alamat dan Edit Link sesuai nama tab, misal:

Blog Lainku



5) Mengaktifkan Statistik Pengunjung
Cari kode dibawah ini:

<script src='http://fastonlineusers.com/on2.php?d=URL.com' type='text/javascript'/>


Ganti URL sesuai dengan alamat blog, misal:

namablog.blogspot.com

Keterangan: URL tanpa “htpp://”

6) Memasukan Iklan Link
Cari kode dibawah ini:





Ubah/ganti kode dibawah ini:

Dengan iklan link misal seperti contoh dibawah ini:

<script type="text/javascript"><!--


google_ad_client = "pub-2925834362764225";


google_ad_host = "pub-1556223355139109";


google_ad_host_channel="00000";


/* 468x15 BonProg */


google_ad_slot = "3625572682";


google_ad_width = 468;


google_ad_height = 15;


//-->


</script>


<script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript">


</script>


Keterangan: Kode iklan harus di encode

7) Mengubah Judul jQuery Slick Tab
Cari kode dibawah ini:


  • Related Posts

  • Comments

  • Share

  • 
    


    Ubah/ganti bagian yang diblok sesuai dengan keinginan

    8) Edit Iklan Footer

    Hal ini dilakukan jika anda menghapus Gadget HTML bawaan, maka harus ditambahkan lagi kode pada template supaya tampilan kembali normal. Jika tidak di edit dan ditambahkan kode maka tampilan footer ini tidak menarik. Untuk mengedit kode harus dalam mode “Edit HTML – Expand Template Widget”

    Cari kode dibawah ini (ini kode bawaan template) dan perhatikan yang di blok:










    
    
















    
    









    Jika anda menghapus gadget tadi dan kemudian menambahkan baru maka kode kembali normal seperti dibawah ini:



    Tambahkan kode sideadsr untuk footer sebelah kanan dan sideadsl untuk footer sebelah kiri sehingga menjadi:





    9) Menonaktifkan Fungsi Tanggal
    Jika tampilan blog anda seperti dibawah ini:
    – Nonaktifkan fungsi tanggal melalui “Rancangan – Elemen Laman” klik link edit pada “Posting Blog”
    – Halaman “Mengkonfigurasi Posting Blog” akan terbuka lalu cari “Opsi Laman Entri”
    – Hilangkan tanda check pada opsi tanggal bagian atas
    – Klik tombol “SIMPAN

    Demo Template SimCleanearKlik disini untuk Demo Blogger Template Simple Clean & Clear
    Download Template SimCleanearKlik disini untuk download Blogger Template Simple Clean & Clear

    Menggunakan Fasilitas Tambahan Blogger Template Simple Clean & Clear

    1) Tabel
    Selain perlengkapan standar, template simcleanear juga dilengkapi dengan fasilitas tabel yang sangat elegan.
    Dibawah ini contoh kode tabel :





    InformasiKeterangan
















    Nama:Blogger Template Simple Clean & Clear
    Versi:Versi 1.0
    Sistem Operasi:Win XP, Win Vista, Win 7
    Password:-
    Website Resmi:Program Gratisan
    Tanggal Rilis:18 Maret 2011
    Ukuran File:42.8 Kb
    Unduh:[Rekomendasi]-[Link 1]-[Link 2]


    Dibawah ini preview hasil akhir tabel:

    2) jQuery Auto Image Caption
    Selain dilengkapi tabel, template Simcleanear dilengkapi fasilitas jQuery Auto Image Caption yaitu fasiitas yang secara otomatis menambahkan border dan keterangan pada gambar, seperti dibawah ini:
    Penambahan kode (yang diblok) pada gambar:


    <img class="gambar" style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 400px; height: 222px;" src="https://cobaklah.files.wordpress.com/2011/06/jquery-auto-image-caption2.jpg?w=300" border="0" alt="jQuery Auto Image Caption" id="BLOGGER_PHOTO_ID_5484533350455173970" />

    Lebih lengkapnya silahkan baca disini.

    Selamat mencoba dan terima kasih atas segala apresiasinya terhadap Blogger Tune-Up. Happy Blogging🙂

    2 Tanggapan to “Blogger Template SimCleanear (Simple Clean & Clear)”

    1. Ф дфѕдғфдғ Ф Maret 15, 2012 pada 4:56 am #

      kayak tempat polder aja nieeye :p

    2. Chenkgelate Profil Maret 15, 2012 pada 5:54 am #

      sebenarnya bisa jugak tidak untuk folder sob🙂 thanks comment nya😀

    Tinggalkan Balasan

    Isikan data di bawah atau klik salah satu ikon untuk log in:

    Logo WordPress.com

    You are commenting using your WordPress.com account. Logout / Ubah )

    Gambar Twitter

    You are commenting using your Twitter account. Logout / Ubah )

    Foto Facebook

    You are commenting using your Facebook account. Logout / Ubah )

    Foto Google+

    You are commenting using your Google+ account. Logout / Ubah )

    Connecting to %s