Pusat-Template

Cara memasang Related Post dengan Thumbnails

2013-03-16T20:13:00.000-07:00

Related Post secara umum ditampilkan di akhir artikel untuk menyajikan pembaca yang tertarik dengan pilihan membaca cerita serupa lain yang mereka hanya baca. Di Blogger tidak ada widget resmi untuk tujuan ini sehingga Anda akan harus bergantung pada layanan pihak ketiga atau hack JavaScript sederhana. Dalam posting ini kita akan membahas panduan langkah-demi-langkah tentang cara untuk mengintegrasikan widget Terkait Outbrain posting ke blog Anda. Juga dengan sedikit CSS kita akan membuat mereka terlihat lebih baik.
1. Pergi ke Outbrain.com dan klik register di atas kanan

2. Di bagian register, isi data yang diperlukan

3. Setelah itu anda diminta membuka email untuk mengaktifkan akun anda

4. Buka email anda, cari email dari Outbrain lalu klik link yang diberikan

5. Setelah konfirmasi Anda akan diarahkan ke Dashboard,di sisi kiri, pilih opsi Manage blog dan setelah itu klik tombol Add blog

6. Nah sekarang anda akan disuruh memasukkan data tentang blog anda
Note : Pastikan 'Instal Widget' pilih yang yes jika anda belum punya
7. Setelah mengklik tombol Continue Anda akan disajikan dengan pilihan untuk Tambahkan widget ke blog Anda. Pilih blog Anda dan klik tombol Add Widget

Cara memasang threaded comment

2013-03-14T00:46:00.000-07:00

Ingin membuat kolom komentar lebih cantik ? Setelah surfing di internet, akhirnya saya menemukannya. Namanya adalah threaded comment. Ingin memasang ? Baik, akan saya ajarkan.
Ini adalah gaya default untuk Blogger Thread Comments. Dengan kerangka gaya komentar Anda menjadi lebih intuitif ketika ada perbedaan yang jelas antara komentar dan balasan komentar. Ulasan penulis telah ditambahkan pita untuk membedakan mereka dari pengulas lain. Gaya ini dirancang sesuai dengan gaya telah lama mengejar ini: sederhana, jelas dan modern. Gaya ini adalah desain asli untuk template Anda yang nantinya akan berlaku Komentar Thread sebagai default, harapan itu sesuai dengan gaya mayoritas blog.

Cara memasang

Masukkan kode dibawah ini sebelum/diatas ]]></b:skin>

# Comments {overflow: hidden} # comments h4 {display: inline; padding: 10px; line-height: 40px} # comments h4,. comments. comment-header. comments. comment-thread.inline-thread. comment {position : relative} # comments h4,. comments. continue a {background: # 0EE506 } # comments h4,. comments. user a,. comments. continue a {font-size: 16px} # comments h4,. comments. continue a { font-weight: normal; color: # fff} # comments h4: after {content: ""; position: absolute; bottom:-10px; left: 10px; border-top: 10px solid # 0EE506 ; border-right: 20px solid transparent; width: 0; height: 0; line-height: 0} # comments. avatar-image-container img {border: 0} . comment-thread {color: # 111} . comment-thread a {color: # 777 } . comment-thread ol {margin: 0 0 20px} . comment-thread. comment-content a,. comments. user a,. comments. comments-thread.inline-thread. user a {color: # 0EE506 } . comments . avatar-image-container. comments. avatar-image-container img {width: 48px; max-width: 48px; height: 48px; max-height: 48px} . comments. comment-block,. comments. comments-content . comment-replies. comments. comment-replybox-single {margin-left: 60px} . comments. comment-block,. comments. comments-thread.inline-thread. comment {border: 1px solid # ddd; background: # f9f9f9; padding: 10px} . comments. comments-content. comment {margin: 15px 0 0; padding: 0; width: 100%; line-height: 1em} . comments. comments-content. icon.blog-author {position : absolute; top:-12px; right:-12px; margin: 0; background-image: . Comments-content. Inline-thread {padding: 0 0 0 20px} . comments. comments-content. comment-replies {margin-top: 0} . comments. comment-content {padding: 5px 0; line-height: 1.4 I} . comments. comment-thread.inline-thread {border-left: 1px solid # ddd; background: transparent} . comments. comment-thread.inline-thread. comment {width: auto} . comments. comment-thread. inline-thread. comment: after {content: ""; position: absolute; top: 10px; left:-20px; border-top: 1px solid # ddd; width: 10px; height: 0px} . comments. comment-thread. inline-thread. comment. comment-block {border: 0; background: transparent; padding: 0} . comments. comments-thread.inline-thread. comment-block {margin-left: 48px} . comments. comment-thread. inline-thread. user a {font-size: 13px} . comments. comments-thread.inline-thread. avatar-image-container. comments. comments-thread.inline-thread. avatar-image-container img {width: 36px; max-width: 36px; height: 36px; max-height: 36px} . comments. continue {border-top: 0; width: 100%} . comments. continue a {padding: 10px 0; text-align: center } . comment. continue {display: none} # comment-editor {width: 103%! important} . comment-form {width: 100%; max-width: 100%}

Download Template SEO Friendly

2013-03-13T01:19:00.000-07:00

Halo sobat, sebagai posting pertama, saya akan posting mengenai template blogger yang 'SEO' tentunya yang patut dicoba. Selain 'SEO' Friendly juga didalamnya terdapat fitur lalu dengan tangan saya saya ubah template itu menjadi lebih menarik, cek sekarang juga

Berikut adalah tampilan halaman depan Thesis SEO for Blogger :

Apa saja fitur-fitur template SEO Friendly ini ?
- SEO Friendly
- Visitor Friendly
- Dilengkapi dengan Dinamic heading (h1 pada header di index, dan h1 di judul post pada halaman posting)
- Dilengkapi dengan dinamic metatag deskripsi dan keyword otomatis (metatag wajib untuk menghindari duplikat meta deskripsi & keyword)
- Quicklink ke kotak komentar
- Sudah dipersenjatai Autoreadmore
- dilengkapi dengan tambahan beberapa Meta tag untuk mempermudah robot menjelajah blog sobat.
- Loading yang cepat
- Konsep minimalis & simple
- Widget Lintaskan New ( Note anda harus mengganti id lintasaskan dengan mendaftar di lintas.me lalu edit ID nya dengan ID anda )
- Pagination New
- Breadcrumb Added New
- Added tulisan agar pengunjung melintaskan posting artikel anda New
- Added Meta tambahan agar blog anda lebih 'SEO' New
- Added Google analystics Note : Replace ID google anlystics dengan google anlystics anda
New
Sumber aslinya adalah : http://blogjuragan.blogspot.com
Telah saya sertakan beberapa editan ( yang ditandai New )
Note : Hargai jerih payah saya dengan tidak menghilangkan credit di atas maupun di bawah
Cara mengedit
1. Cari
<meta content='Masukkan Keyword anda'/> </b:if>
ganti dengan keyword blog anda contoh
<meta content='Internet, Browser, Antivirus'/> </b:if>
2. Cari
<meta content='email anda' name='owner'/>
ganti 'email anda' dengan email milik anda
3. Cari
<meta content='Nama anda' name='author'/>
ganti 'Nama Anda' dengan Nama anda'
4. Ganti ID google anlystics dan Lintaskan
Cara : Mudah kok, tinggal copy sebagian script google anlystics anda lalu cari dengan edit template , centang Expand template lalu cari yang mirip dengan script anda ( gunakan Ctrl + F ) agar lebih mudah
5. Untuk Meta Description, Pasang di Menu Setelan - Preferensi penelusuran

Download sekarang juga

DOWNLOAD