Template blogazine

  Demo       Download

Simple Specky 3 Blogger Template

                                                                    
                                                      Demo   »   Download 

Features :

• Template Name : pixel

• Descriptions :adalah blogger gratis desain template kustom dengan 1 Sidebar Kiri, 1 Sidebar Kanan, 3 Kolom, Iklan Siap, Blogger, bookmark Siap, tetap, Gray, News, slide, Putih

5 blogger template simple dan elegant

 


DEMO | DOWNLOAD


Features :

• Template Name : pixel

• Template Author : http://www.betatemplates.com/

• Descriptions :2 kolom blogger template, blogger template gelap, 3 kolom Blogger template, hitam Blogger template, menu bagian atas, 3 kolom footer..

Smash My Typo


DEMO | DOWNLOAD



Features :

• Template Name : Smash My Typo

• Template Author : http://www.betatemplates.com/

• Descriptions :putih, minimal, biru, dua kolom, lebar tetap, Twitter, RSS feed, menu bagian atas, 3 kolom footer.

Journic


DEMO | DOWNLOAD



Features :

• Template Name : Journic

• Template Author : http://www.betatemplates.com/

• Descriptions :2 kolom blogger template, template grunge, tema putih, rss, menu atas, link email, kualitas premium Blogger Template

Neutral


DEMO | DOWNLOAD




Features :

• Template Name : Neutral

• Template Author : http://www.betatemplates.com/

• Descriptions :3 kolom blogger template, 2 kolom template blogspot, template blogger minim, sederhana blogger template, rss, menu atas, twitter.

Piano Black


DEMO | DOWNLOAD



Features :

• Template Name : Piano Black

• Template Author : http://www.betatemplates.com/

• Descriptions : premium Blogger template, menu atas, gelap Blogger template, hitam Blogger template.

Landing Page Template Gratis

• Live Demo
• Download Theme
• REF : http://blog.virusmoney.com

TEMPLATE FEATURES
Platform Type	: Web online store
Template Name	: freshsqueezee

Download template blogger blogjuragan gratis

Apa saja fitur-fitur dari template Blogjuragan ini :
 

• Template SEO Friendly

• Yang pasti Visitor Friendly

• Sudah Dilengkapi dengan Dinamic heading (h1 pada header di index, dan h1 di judul post pada halaman posting)

• Sudah Dilengkapi dengan dinamic metatag deskripsi dan keyword otomatis

• Quicklink ke kotak komentar

• Sudah Autoreadmore

• Dilengkapi dengan tambahan beberapa Meta tag untuk mempermudah robot menjelajah blog sobat.

• Loading yang cepat

• Konsep minimalis dan simple

Silahkan sobat download templatenya : Via Ziddu

Silahkan sobat lihat demo dari template Blogjuragan : Lihat Disini

Moving Boxes Blogger Template

 

 

Live Demo   Download

 

  TEMPLATE BY

•  http://blogspacetech.blogspot.com/
• http://tympanus.net/  

Download template blog card dan unik

Oke, berikut ini Download Gratis Business Card Blogger Template dan uni-unik

1.  e-Business Card

Info >> Demo >> Download

2. Network Card

Demo >> Download

3. The Antagonist

 

Demo >> Download

4. Visiting Card

Demo >> Download

5. MiniCard

Demo >> Download

6. Simplex Vcard

Demo >> Download

Download template blog keren

1. Simple Black SEO Template Blogger
   
   
   
   DEMO | DOWNLOAD
2. Faster Black SEO
   
   
   
   DEMO | DOWNLOAD
3. The fast and black adsense blended
   
   
   
   DEMO | DOWNLOAD
   Password : specialgift
4. Simple SEO Friendly Blogger Template
   
   
   
   DEMO | DOWNLOAD
5. Best SEO Blogger Template
   
   
   
   DEMO | DOWNLOAD
6. Black Ads Seo Template
   
   
   
   DEMO | DOWNLOAD
7. Simple SEO ads Weapon
   
   
   
   DEMO | DOWNLOAD
8. SEO Black Ads Ceknoter
   
   
   
   DEMO | DOWNLOAD
9. SEO FRIENDLY 2011
   
   
   
   DEMO | DOWNLOAD
10. SIMPLE SEO
    
    
    
    DEMO | DOWNLOAD

Template Sales page blogger

template blogger untuk jualan online di Internet. Theme salespage untuk blogspot ini terinspirasi dari theme yang serupa untuk Wordpress. Nyoba-nyoba akhirnya bisa juga diconvert ke blogspot, biarpun masih ada beberapa kekurangan tapi uda cukup oke.. ^^

Dengan themes bergaya Landing Page ini kita bisa mengubah blogspot menjadi situs semacam minisite untuk berjualan produk, bisa jadi alternatif karena blogspot kan gratis. Jadi kita bisa mulai bisnis online dengan modal hampir 0..! :)

Blogspot Salespage Theme ini tersedia dalam tiga pilihan warna : Blue, Black & Red. Jadi bisa disesuain sama selera kita. Plus bisa pake header custom pula. Yang paling penting, themesnya gratis

 

Demo Download

 

Saya dapat template ini dari sang pembuatnya adalah http://www.bloggerceria.com

 

Auto Video Template

                                       

Demo  Download

Platform Type	Blogger / Blogspot
Template Name	Auto Video Blogger Template
Descriptions	free Auto Video Blogger Template is a simple and premium style blogger template. its 1 Right Sidebar, 4 column, clean and simple, Free Premium, Simple, Video, Whit and more
Template Author	http://www.webbilgi.org/
Designer	Harizan

Aparatus Black Blogger Template

Demo

Download

• Template name : Aparatus Black

• Template type : 1 Sidebar, 2 Column, Adapted from WordPress, Black, Elegant, Featured Section, Fixed width, Magazine, Premium, Right Sidebar, Slider, Tabbed widget, Top Navigation Bar, Web 2.0, White

• Release date : November 23, 2010

• Coder/Designer Name(s) : Lasantha Bandara / Fearless Flyer

• Coder/Designer URL(s) : http://www.premiumbloggertemplates.com/

           http://fearlessflyer.com/

• Advanced Details : http://www.premiumbloggertemplates.com/2010/11/aparatus-black-premium-blogger-template.html

Template Blogger Super SEO Friendly Download

Template Seo Friendly, Template Blogger Super SEO Friendly Download Hello all, Mohon Maaf Rasanya Kurang Puas Jika Posting Saya Tidak Ke Index Sama Mbh Google Makanya Saya Repost Artikel ini ulang, moga aja posting artikel Tutorial Blog SEO kali ini adalah Template Blog Super/Paling SEO Friendly Template Blogger Super SEO Friendly - Hello all, moga aja posting tentang Template Blogger Super SEO Friendly serta cocok buat peserta kontes seo bisa serta cocok buat peserta kontes seo bisa menjadi pakaian dan senjata ampuh dalam berjuang melakukan optimasi onpage blog seo anda semua. Karena salah satu faktor penting dari Belajar SEO Pemula Google maupun Yahoo adalah kekuatan seo onpage atau istilah dalam bahasa indonesia adalah optimasi kode dan struktur html dari sebuah blog.

Pada Template Blog SEO Friendly dan keren yang akan di share kali ini cukup mantap untuk digunakan bagi yang ingin cepat mendapatkan posisi wahid pada serp google namun yang jelas seo off page juga jangan dilupakan ya, seperti melakukan bookmark, ping post dan selengkapnya juga bisa baca disini masalah Tool SEO Lengkap.

Fitur Template Blogger Super SEO Friendly:
- SEO Friendly
- Visitor Friendly
- Dilengkapi dengan dinamic meta tag deskripsi dan keyword otomatis (metatag wajib untuk menghindari duplikat meta deskripsi & keyword)
- Dilengkapi dengan tambahan beberapa Meta tag untuk mempermudah robot menjelajah blog anda.
- Dilengkapi dengan Dinamic heading (h1 pada header di index, dan h1 di judul post pada halaman posting)
- Bisa berfungis 2 coloum atau 3 coloum
- Sangat cocok untuk menambah penghasilan dollar dari adsense (lihat penerapan iklan di blog demo)
- Tampilan berbeda untuk komentar admin
- Quicklink ke kotak komentar
- Sudah tersedia Autoreadmore
- Sudah tersedia Related Post with Thumnail (Artikel Terkait dengan gambar)
- Sudah tersedia widget "Share" dari Addthis
- Loading blog yang sangat cepat
- Menggunakan konsep minimalis & simple
- dll.

Jika ingin segera mencoba silakan download disini Template Blogger Super SEO Friendly. Credit: Blog Juragan, dan Selamat Mencoba OK!

Source : Tutorial Seo Blogger

Inilah Solusi Untuk Anda Yang Terkena Galat bX-fa9wwp Atau bX-lk6kyq Dan Tidak Dapat Melakukan Login ke Blogger

Pernah menemukan Galat bX-fa9wwp atau bX-lk6kyq ketika hendak Login ke Dashboard Blog anda? ataukah mungkin hingga saat ini anda masih belum bisa melakukan Login ke Dashboard Blog anda karena masih menemukan Galat yang sama? tenang, 1 bulan lalu saya pun sempat mengalami hal ini bahkan klo gak salah, sekitar hampir 2 minggu saya gak bisa Login ke akun Blog saya yang satunya lagi dan parahnya lagi akun saya yang lainnya lagi justru mengalami Galat serupa tapi bukan saat Login melainkan saat ingin mengakses Menu Setting karena saat itu saya ingin mengaktifkan tampilan template selluler. Dan tampilan galatnya seperti yang dapat anda lihat pada gambar diatas.

Awalnya saya kira Galat bX-fa9wwp atau bX-lk6kyq itu juga dirasakan oleh seluruh Blogger yang bernaung di Blogspot, tapi ternyata pendapat saya salah, karena saat saya Login ke akun Blog saya yang ini, ternyata saya gak menemukan Galat atau error apapun. Malah saking penasarannya, waktu itu saya LogOut lagi dari akun yang ini dan kembali nyoba Login di akun yang terkena galat itu, tapi ternyata sia-sia karena saya tetep gak bisa melakukan LogIn. Hingga akhirnya saya memutuskan untuk menanyakan hal itu langsung ke Forum Google. Dan sampe Di forum bantuan Google, ternyata bukan cuma saya yang mengalami hal itu, tapi lumayan banyak blogger yang mengalami kasus serupa, dan sayangnya pihak Google yang bertanggung jawab terhadap layanan Blogspot pun malah gak memberikan klarifikasi apapun dan justru belum menjawab pertanyaan tentang Galat ini sama sekali.

Tapi satu alasan pasti yang bisa saya berikan kepada anda adalah Galat ini terjadi karena beberapa maintenance kecil yang dilakukan oleh Google dalam layanan Bloggernya ini. Contohnya, Galat yang terjadi pada Menu Setting > Email & Selluler yang terjadi karena pihak Google sedang menambahkan tampilan template lain yang bisa dipilih sebagai tampilan template versi Mobile. Dan khusus untuk masalah LogIn hal ini pun terjadi karena belum semua blogger menggunakan tampilan Login baru yang dibuat Blogger, karena memang pihak Blogger sendiri membebaskan usernya untuk memilih menggunakan tampilan Login yang baru atau yang lama, demikian juga dengan User Interface Dashboard.

Nah, karena di Forum bantuan Google pun saya gak menemukan jawaban apapun alias nihil atas kasus galat ini, akhirnya saya coba beberapa alternatif cara yang sebelumnya biasa saya gunakan, dan jika anda mengalami masalah serupa, silahkan coba salah satu cara yang akan saya jelaskan dibawah ini, karena semua cara dibawah ini 100% berhasil memulihkan saya dari masalah Galat bX-fa9wwp atau bX-lk6kyq, terus kenapa gak 1 cara aja yang saya kasih tau ke anda? karena untuk setiap akun efeknya akan berbeda.

Cara Pertama:

Anda gak bisa masuk ke Dashboard karena Login dari url Blogger.com kan? klo Loginnya dari draft.blogger.com? hhe... nah itu cara pertama yang dapat anda lakukan.

1. Silahkan Login dari Url : http://draft.blogger.com/home (Semua Blogger yang mengalami masalah serupa berhasil Login melalui Url Blogger dalam konsep)
2. Tunggu proses redirect ke akun selesai, klo udah seharusnya anda akan dibawa ke tampilan Dashboard Blogger yang baru, yang penampakannya kaya gini:


Tenang, gak usah panik saya tau anda gak biasa pake tampilan Dashboard yang ini dan pasti berasa aneh juga kan, So selanjutnya coba lihat pojok kanan atas, ganti Bahasa Indonesia dengan Inggris - English, perhatikan gambar dibawah ini:


3. Klo Bahasanya udah berubah, silahkan LogOut dari Dashboard dalam konsep ini. Oiya sebelum LogOut pastikan bahwa anda tidak mencentang kata-kata dibawah ini:

Make Blogger in Draft my default

Kenapa? karena klo dicentang ya tampilan itu yang akan jadi default Dashboard anda, padahal banyak yang masih suka sama tampilan lama kan karena lebih familiar wkwkwk... untuk itu gak usah dicentang dulu klo anda belum biasa pake Dashboard yang baru.

4. Setelah LogOut coba kembali Login ke Url blogger.com.
5. Tunggu Redirect ke Dashboard dan seharusnya anda sudah bisa kembali melihat Dashboard lama anda karena proses Login anda berhasil dan tidak lagi terjadi galat
6. Karena tadi kita ngakalin masalah ini dengan mengganti bahasanya, sampai disini anda bisa kembali mengganti bahasa Inggris dengan Bahasa Indonesia, tapi saya ingatkan dulu untuk beberapa akun, masalah Galat akan kembali terjadi jika anda melakukan penggantian ke Bahasa Indonesia kembali. Tapi untuk beberapa akun lain Galat tidak kembali terjadi walaupun Bahasa dikembalikan ke Bahasa Indonesia.

Cara Kedua:

Anda Gak perlu melakukan apapun, atau dengan kata lain silahkan tunggu hingga masalah Galat bX-fa9wwp diatasi oleh Pihak Blogger, karena untuk salah satu akun yang terkena galat ini saya gak melakukan apapun dan cuma nunggu sekitar 3 minggu sampe tampilan galat gak saya temui lagi, tapi balik lagi klo saya nunggu galat itu tuntas kan emank karena jarang-jarang saya update postingan di akun blog yang itu, lha ya klo Galat itu saya temuinya di akun yang ini, lha ya pasti saya coba cara pertama dari pada nungguin Galat hilang sendiri hhe... Jadi Cara kedua ini cuma optional untuk anda yang males ngapa-ngapain.

Cara Ketiga:

Cara Terakhir ini adalah pilihan terakhir yang dapat anda coba jika masalah galat kembali terjadi saat anda mengembalikan pengaturan bahasa ke Bahasa Indonesia. Tau sistem Guest Post atau mengundang penulis lain untuk menulis di blog anda? Nah kita akan memanfaatkan fitur itu kali ini, yaitu dengan mengundang akun Blog kita yang lain untuk menjadi Guest post di akun blog kita yang terkena masalah ini. Tapi sebelumnya anda harus mengikuti Cara pertama dulu dengan Login lewat Draft.blogger.com, klo udah LogIn....

Caranya:

Untuk Dashboard baru, silahkan klik menu Dropdown disamping gambar kertas, untuk lebih jelasnya perhatikan gambar dibawah ini:



Klo udah ketemu, klik Settings.



Perhatikan gambar diatas, secara otomatis anda akan diarahkan ke sub menu Basic. Kemudian perhatikan perhatikan kolom permissions > Blog Authors lalu klik kata-kata +Add Authors.


Perhatikan gambar diatas, silahkan isi alamat email akun Blog anda yang lainnya, dan klik OK. Jika sudah anda dapat langsung mengecek E-mail yang anda undang tersebut, karena Blogger telah mengirimkan Undangan untuk Akun yang diundang itu, jika anda telah menerima Email undangan itu, anda bisa langsung mengklik link yang diberikan untuk mengkonfirmasi undangan itu, dan secara otomatis Blog anda di akun yang terkena galat akan dapat anda lihat juga di akun blog yang anda gunakan untuk menerima undangan, jadi anda pun bisa melakukan update postingan lewat akun anda yang masih normal, hingga akun yang terkena galat benar-benar pulih dan dapat digunakan kembali.

Untuk Dashboard lama silahkan klik Setting (setelan) > Izin > Tambah Penulis, Isi Alamat Email yang ingin diundang > klik Undang dan anda akan menerima Email undangan untuk mengkonfirmasi undangan tersebut. Untuk lebih jelasnya perhatikan gambar dibawah ini:


Nah, itu 3 cara yang saya lakukan untuk mengatasi Galat bX-fa9wwp atau bX-lk6kyq ini, dan cara diatas telah saya coba sendiri dan 100% berhasil. So, untuk anda yang mengalami masalah serupa gak ada salahnya anda mengikuti cara diatas :)

Selamat Mencoba... :)

Daftar Situs Penyedia Template Gratis

Anda Boleh mencoba-coba dari salah satu situs yang akan saya berikan ini. Dan jikalau anda sudah menemukan template yang sudah anda rasa Cocok silahkan saja Didownload.  "Beberapa situs menyertakan file “readme.txt” yang berisikan petunjuk penggunaan template pada file yang Anda download tadi. Selanjutnya Anda akan mengupload file .xml ke dalam akun Blogger Anda". (untuk informasi lebih lanjut tentang Bagaimana Cara mengupload template anda bisa cari di Google)

Oke Langsung Saja!! Berikut 15 Daftar Situs Penyedia Template Gratis.

1.  Blogger Themes

2.  Blogger Templates Blog

3.  Blogger Styles

4.  BTemplates

5.  Theme Craft

6.  Hook Up Your Blog

7.  Deluxe Templates

8.  Blogger Templates Free

9.   Blogger Blog Templates

10. Blog Crowds

11. Zoom Template 

12. Blog Template 4 U

13. Chica Blogger 

14. Blogger-Templates  

15. All Blogspot Templates

 

Mav ya kalo ada yang belum saya sebutkan hehehehehe....
salam kenal dulu ahh....

Cara Menghilangkan Navbar Blogger

Masih bersikeras untuk menghilangkan navbar blogger? jika masih akan saya beritahu, akan tetapi resiko di tanggung masing-masing, saya tidak bertanggung jawab jika di kemudian hari terjadi sesuatu dengan blog sobat.

Untuk menghilangkan navbar blogger, sobat tinggal menambahkan kode di bawah ini pada style sheet CSS :


/* hilangkan navbar
----------------------------- */

#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}


Atau bisa juga menaruh kode berikut persis di bawah kode <body> :


<style type='text/css'>
#navbar-iframe {display:none;}
</style>


Mau pilih yang mana? keduanya mempunyai fungsi yang sama yaitu menghilangkan navbar blogger. Masih bingung juga dalam pemasangan kode di atas? silahkan ikuti langkah-langkah berikut ini :

Untuk template klasik

1. Sign in di blogger
2. Klik menu Template
3. Klik menu Edit HTML
4. Copy seluruh kode yang ada lalu save di komputer sobat sebagai backup data agar aman
5. Copy kode berikut lalu paste di atas kode </style>
/* hilangkan navbar ----------------------------- */ #navbar-iframe { height:0px; visibility:hidden; display:none }
6. Klik tombol Simpan Perubahan Template
7. Selesai.

Untuk template baru

1. Sign in di blogger
2. Klik menu Layout
3. Klik menu Edit HTML
4. Klik link bertuliskan Download Template Seluruhnya, silahkan save dulu untuk backup data
5. Copy kode berikut lalu paste di atas kode ]]></b:skin>
/* hilangkan navbar ----------------------------- */ #navbar-iframe { height:0px; visibility:hidden; display:none }
6. Klik tombol Simpan Template
7. Selesai.

Selamat menikmati blog tanpa navbar !

Cara memasang meta tag otomatis pada setiap postingan

Cara memasang meta tag otomatis pada setiap postingan:

• Login ke blogger sobat.
• Klik Rancangan.
• klik edit html.
• Cari kode dibawah ini:
  
  <title><data:blog.pageTitle/></title>
  
• Ganti kode diatas hapus lalu ganti dengan kode berikut :
  

  <b:if cond='data:blog.url == data:blog.homepageUrl'>
  <title><data:blog.pageTitle/></title>
  <meta name='DESCRIPTION' content='ISI DENGAN DESKRIPSI UNTUK BLOG SOBAT'/>
  <meta name='KEYWORDS' content='ISI DENGAN KATA KUNCI/KEYWORD KAMU'/> </b:if>
  <b:if cond='data:blog.pageType == &quot;item&quot;'>
  <title><data:blog.pageName/> | <data:blog.title/></title>
  <meta expr:content='data:blog.pageName + ", " + data:blog.title + ", " + data:blog.pageName' name='Description'/>
  <meta expr:content='data:blog.pageName + ", " + data:blog.title + ", " + data:blog.pageName' name='Keywords'/>
  </b:if>

• Simpan template kamu.

Jika kamu ingin menambahkan meta tag lagi agar mudah diindex mesin pencari tambahkan dengan kode dibawah ini!

<meta content='blogger' name='generator'/>
<meta content='Kumpulan teritorial' property='og:title'/>
<meta content='http://cyber-benyo.blogspot.com/' property='og:url'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='archive, follow' name='googlebot'/>
<meta content='kede verivikasi meta tag' name='y_key'/>
<meta content='all' name='audience'/>
<meta content='benyo' name='author'/>
<meta content='follow,all' name='robots'/>
<meta content='noodp' name='robots'/>
<meta content='Index, follow' name='Robots'/>
<meta content='General' name='Rating'/>
<meta content='KODE VERIFIKASI BINGWEBMASTER' name='msvalidate.01'/>
<META content='KODE VERIFIKASI YAHOOWEBMASTER' name='y_key'/>
<meta content='2 days' name='revisit-after'/>
<meta content='id' name='language'/>
<meta content='id' name='geo.country'/>
<meta content='Indonesia' name='geo.placename'/>
<meta content='global' name='distribution'/>
<meta content='follow, all' name='msnbot'/>
<meta content='follow, all' name='alexabot'/>
<meta content='follow, all' name='Slurp'/>
<meta content='follow, all' name='ZyBorg'/>
<meta content='follow, all' name='Scooter'/>
<meta content='ALL' name='SPIDERS'/>
<meta content='ALL' name='WEBCRAWLERS'/>
<meta content='general' name='rating'/>
<meta content='true' name='MSSmartTagsPreventParsing'/>
<meta content='Aeiwi, Alexa, AllTheWeb, AltaVista, AOL Netfind, Anzwers, Canada, DirectHit, EuroSeek, Excite, Overture, Go, Google, HotBot. InfoMak, Kanoodle, Lycos, MasterSite, National Directory, Northern Light, SearchIt, SimpleSearch, WebsMostLinked, WebTop, What-U-Seek, AOL, Yahoo, WebCrawler, Infoseek, Excite, Magellan, LookSmart, bing, CNET, Googlebot' name='search engines'/>

ganti yang berwarna merah,sesuaikan dengan blogmu,Nah,sekarang di blog kamu sudah terpasang meta tag secara otomatis..semoga sukses..

Cara Mempercepat Loading Blog With CSS External

Mengingat kecepatan akses blog sangatlah penting dan berpengaruh besar untuk sebuah website/blog, saya rasa trik ini sangatlah penting untuk dicoba. tidak jauh-jauh, sebagai contohnya blog saya ini, yang saya rasakan makin lama makin berat saja, hehehe :D dan kebanyakan blogger, bila koneksi lagi down pasti rada maleez tuh untuk mem-visite blog yang lumayan berat. hihihi :p
Karena itulah saya berusaha memaksimalkan, semaksimal mungkin mengompres dan mengurangi berat blog saya ini. kali ini saya akan membahas Cara Agar Loading Blog Lebih Cepat Dengan CSS External , Maksudnya adalah bagaimana kita menyimpan CSS (Cascading Style Sheet) ke tempat hosting agar blog sedikit ringan karena file CSS terpisah dengan file XML-nya.

Kecepatan loading blog, selain dipengaruhi oleh kecepatan koneksi, juga dipengaruhi oleh berat/ringannya blog itu sendiri. ada banyak cara untuk mengurangi berat blog yaitu dengan mengurangi jumlah widget/pernak-pernik blog yang tidak begitu penting, dengan cara mengkompres kode baik CSS maupun HTML, ataupun juga bisa dengan membuat CSS External, yang diupload/disimpan di webhosting. Dan yang akan saya bahas kali ini adalah membuat CSS External.

1. Seperti biasa, Login ke akun blogger sobat
2. Masuk Rancangan/Layout
3. Pilih Edit HTML
4. Klik "Download Template Lengkap" (ini untuk memBackUp template sobat)
5. Beri tanda centang "Expand Template Widget" ataupun tidak, tidak masalah.

Perhatikan kode CSS dibawah ini, kode tersebut terletak diantara kode
<b:skin><![CDATA[/* sampai dengan sebelum kode ]]></b:skin>

<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name:     Minima
Date:     26 Feb 2004
Updated by: Blogger Team
----------------------------------------------- */
#navbar-iframe{
display:none !important}
body{
background:#f5fffa;
width:980px;
color:#333;
font-size:12px;
font-family:Arial,Tahoma,Verdana;
margin:0 auto 0;
padding:0}
Potong atau Cut semua kode CSS-nya mulai dari sini sampai dengan diatas atau sebelum kode:
]]></b:skin>

6. Simpan di Notepad dengan ekstensi.css caranya: klik File, pilih Save As, beri nama file tersebut misal: Blogku.css lalu Save.
7. nah sampai disini kita sudah mempunyai file.css. Selanjutnya kita tinggal mengUpload/menyimpannya di WebHosting, misal yang saya pakai yaitu Google Site.
Bila belum mempunyai webhosting sendiri, silahkan lihat disini cara membuatnya.
8. Jika sudah meng-Uploadnya, misal:

http://sites.google.com/site/kodeblogger/JavaScript/blogku.css

Penulisan untuk scriptnya menjadi seperti dibawah ini:

<link href='http://sites.google.com/site/kodeblogger/JavaScript/blogku.css' rel='StyleSheet' type='text/css'/>

Letakan kode script diatas di antara kode: ]]></b:skin> dan </head> , lihat contohnya seperti ini :

]]></b:skin>
<link href='http://sites.google.com/site/kodeblogger/JavaScript/blogku.css' rel='StyleSheet' type='text/css'/>
</head>

9. Sebelum menyimpannya, harap di Preview terlebih dahulu, bila tampilan blog tetap pada aslinya, berarti sobat berhasil mempraktekannya. dan terakhir Save Template Sobat. Sippppp Selesaiiiii.


Catatan:
Setelah mengetahui cara diatas, pasti kita akan direpotkan saat kita akan menambah kode CSS pada template blog kita, yah... mau tidak mau kita harus mengedit dan meng-Upload kembali ke webhosting sobat.
Saya rasa cukup sekian dari saya, bila sobat blogger ada yang mengalammi kesulitan, silahkan berkomentarlah disini, dan semoga saja, saya bisa membantu.

Langkah Jitu Membuat Banner secara Online

Hanya bedanya langkah-langkah ini dilakukan secara online.Hehehehehe iseng-iseng posting sobat karna saya bingung mw posting apa hehehehehehehe....

Pembuatan banner ini akan memanfaatkan penggunaan mybannermaker.com, situs web pembuat banner yang cukup bagus. Untuk menuju ke sana silakan klik di sini.
Di sana telah disediakan berbagai ukuran banner dari jenis leaderboard, skyscraper, sampai ukuran monster. Sedang untuk membuat ukuran versi sendiri anda perlu menjadi member dengan biaya keanggotaan sekitar 25 dollar per tahun.
1. Pilih Ukuran Banner.
Sebagai contoh saya memilih ukuran full banner (468 X 60). Caranya tinggal diklik saja ukuran banner yang dipilih.

2. Atur Warna Background.
Klik tab background. Pilih warna background yang cocok. Anda pun bisa masukkan gambar atau foto anda di sana. Atau misalkan anda sudah merancang sendiri


3. Ketik Teks.
Ketikkan teks banner. Ukuran font, warna, dan posisi bisa anda atur sendiri.


4. Atur Border.
Juga bisa anda atur border (garis luar) banner bisa dilakukan.


5. Tambahkan Efek.
Yang suka dengan efek-efek seperti kelap-kelip, kedap-kedip, dan lain-lainnya bisa diatur di sini. Membuat banner penuh efek jadi sangat mudah.


6. Save.
Jangan lupa menyimpannya. Kode banner bisa dipilih akan untuk jenis kode HTMl, untuk social media seperti Facebook, atau untuk forum.


Terakhir, setelah anda save, anda bisa edit kodenya. Sebagai contoh di sini...

<a href=”http://www.mybannermaker.com” target=”_blank”><img src=”http://img196.imageshack.us/img196/6170/mybannerglittercddbdae4.gif” alt=’Create your own banner at mybannermaker.com!’ border=0 /></a><br>

Sehingga contohnya menjadi seperti berikut.

<a href=”http://benyocrb.blogspot.com/?id=Blogger” target=”_blank”><img src=”http://img196.imageshack.us/img196/6170/mybannerglittercddbdae4.gif” alt=’Create your own banner at mybannermaker.com!’ border=0 /></a><br>

Kemudian tinggal anda masukkan kode tersebut ke blog atau situs web anda. Mudah kan? Selamat mencoba.

Memasang Slider Gambar ala Drakon Template

Lagi-lagi mengenai gambar slide di bawah header, yah soalnya ini lagi ngetrend di kalangan blogger untuk memperindah blog. Setelah pada postingan sebelumnya saya menulis tentang memasang gambar slide ala Zinmag Primus kali ini saya akan memberikan tutorial cara memasang gambar slide ala Drakon template. Pada dasarnya fungsi dari gambar slide ini sama dengan Zinmag Primus, perbedaannya jika pada Zinmag Primus gambar itu ditampilkan satu persatu secara otomatis, maka di Drakon template ini gambar yang ditampilkan ada beberapa sesuai dengan lebar template yang kita pakai, dan kita harus meng-klik tombol previous atau next untuk menampilkan gambar selanjutnya.

Oke, langsung saja pada langkah-langkah pembuatannya :

PERTAMA

Login ke blogger dengan akun anda >> klik Tata Letak >> pilih Edit HTML >> Backup dulu template anda dengan mengklik Download Template Lengkap.
Letakkan kode berikut di atas kode ]]></b:skin>

#slidearea{
height:150px;
overflow:hidden;margin:-20px 0px 0 2px;
position:relative;
width:965px;
background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi80HRqWz7UybVOEDGAtmgf715-yWjFO1XzpXVztqYQW-SdlWdyX3wUqsXqDlVsF5EhkzwG0sfPjdTUo0GXIeoW6voyDfUlf8vCLwl3z9QP_JFKJRNGu4-pHZHJwYIpkg9A0C0PENnHcDsw/s0/header-background.png) repeat-x;
border:5px ridge #052844;
}
#gallerycover{
overflow:hidden;
margin:9px 20px 0 32px;
width:920px;
}
.mygallery{
overflow:hidden;
position:relative;
}
.mytext img{
float:left;
}
.mytext{
position:relative;
margin:0 5px 0 5px;
width:170px;
height:210px;
display:inline;
float:left;
color:#c4c4c4;
}
.inpost{
position:absolute;
top:0;
left:0;
width:250px;
background:#fff;
}
.mytext {
padding:5px 0;
color:#000;
width:170px;
font-size:12px;
font-weight:bold;
}
.mytext h4 a:link,.mytext h4 a:visited{
color:#000;
text-shadow: 0px 1px 0px #efefef;
}
.mytext p{
padding:0 0;
color:#555;
font-size:12px;
line-height:20px;
width:170px;
text-shadow:1px 1px 0 #f6f6f6;
}
.prevb{
float:left;
width:24px;
height:24px;
z-index:200;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifJtd0LrZ-hfN5OsA6M9sVhNWlKlrNmAvYKP4ShgypcisoAe5oeEWB3m5MQnomdDMbXbPNlN6KzYG93xZYiYDUz5GDwKbR5Dl0jx8dxZSx_ki7GI9Y0qFZO392fHjB_zeypHqsUM4sH2c/s1600/back+demomaskolis.gif);
position:absolute;
left:5px;bottom:65px;
}
.nextb{
float:right;
width:24px;
height:24px;
z-index:200;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgh9R5hmKmD-IM_msEHw8bO-umvOMdszbJVusRRMCKDqYjUSIbHgMQCjyO3LNmHuZvT5SvpN6F-FKopgzD7NI6hNLmcBtjTXATRWPPLKiOHEZZ6qx1yFyA3QWw1W0fGiabwIHQNY_idUbA/s1600/prev+demomaskolis.gif);
position:absolute;
right:5px;
bottom:65px;
display:block;
}

KEDUA

Masih pada posisi Edit HTML. Letakkan kode berikut di bawah kode ]]></b:skin>.atau diatas </head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/>

<script type='text/javascript'>
//<![CDATA[

/*
 * jQuery Easing v1.1 - http://gsgd.co.uk/sandbox/jquery.easing.php
 *
 * Uses the built in easing capabilities added in jQuery 1.1
 * to offer multiple easing options
 *
 * Copyright (c) 2007 George Smith
 * Licensed under the MIT License:
 *   http://www.opensource.org/licenses/mit-license.php
 */

jQuery.easing = {
    easein: function(x, t, b, c, d) {
        return c*(t/=d)*t + b; // in
    },
    easeinout: function(x, t, b, c, d) {
        if (t < d/2) return 2*c*t*t/(d*d) + b;
        var ts = t - d/2;
        return -2*c*ts*ts/(d*d) + 2*c*ts/d + c/2 + b;       
    },
    easeout: function(x, t, b, c, d) {
        return -c*t*t/(d*d) + 2*c*t/d + b;
    },
    expoin: function(x, t, b, c, d) {
        var flip = 1;
        if (c < 0) {
            flip *= -1;
            c *= -1;
        }
        return flip * (Math.exp(Math.log(c)/d * t)) + b;       
    },
    expoout: function(x, t, b, c, d) {
        var flip = 1;
        if (c < 0) {
            flip *= -1;
            c *= -1;
        }
        return flip * (-Math.exp(-Math.log(c)/d * (t-d)) + c + 1) + b;
    },
    expoinout: function(x, t, b, c, d) {
        var flip = 1;
        if (c < 0) {
            flip *= -1;
            c *= -1;
        }
        if (t < d/2) return flip * (Math.exp(Math.log(c/2)/(d/2) * t)) + b;
        return flip * (-Math.exp(-2*Math.log(c/2)/d * (t-d)) + c + 1) + b;
    },
    bouncein: function(x, t, b, c, d) {
        return c - jQuery.easing['bounceout'](x, d-t, 0, c, d) + b;
    },
    bounceout: function(x, t, b, c, d) {
        if ((t/=d) < (1/2.75)) {
            return c*(7.5625*t*t) + b;
        } else if (t < (2/2.75)) {
            return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b;
        } else if (t < (2.5/2.75)) {
            return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b;
        } else {
            return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b;
        }
    },
    bounceinout: function(x, t, b, c, d) {
        if (t < d/2) return jQuery.easing['bouncein'] (x, t*2, 0, c, d) * .5 + b;
        return jQuery.easing['bounceout'] (x, t*2-d,0, c, d) * .5 + c*.5 + b;
    },
    elasin: function(x, t, b, c, d) {
        var s=1.70158;var p=0;var a=c;
        if (t==0) return b;  if ((t/=d)==1) return b+c;  if (!p) p=d*.3;
        if (a < Math.abs(c)) { a=c; var s=p/4; }
        else var s = p/(2*Math.PI) * Math.asin (c/a);
        return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
    },
    elasout: function(x, t, b, c, d) {
        var s=1.70158;var p=0;var a=c;
        if (t==0) return b;  if ((t/=d)==1) return b+c;  if (!p) p=d*.3;
        if (a < Math.abs(c)) { a=c; var s=p/4; }
        else var s = p/(2*Math.PI) * Math.asin (c/a);
        return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b;
    },
    elasinout: function(x, t, b, c, d) {
        var s=1.70158;var p=0;var a=c;
        if (t==0) return b;  if ((t/=d/2)==2) return b+c;  if (!p) p=d*(.3*1.5);
        if (a < Math.abs(c)) { a=c; var s=p/4; }
        else var s = p/(2*Math.PI) * Math.asin (c/a);
        if (t < 1) return -.5*(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
        return a*Math.pow(2,-10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )*.5 + c + b;
    },
    backin: function(x, t, b, c, d) {
        var s=1.70158;
        return c*(t/=d)*t*((s+1)*t - s) + b;
    },
    backout: function(x, t, b, c, d) {
        var s=1.70158;
        return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b;
    },
    backinout: function(x, t, b, c, d) {
        var s=1.70158;
        if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b;
        return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b;
    },
    linear: function(x, t, b, c, d) {
        return c*t/d + b; //linear
    }
};

//]]>
</script>

<script type='text/javascript'>
//<![CDATA[

eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('(6($){$.1g.1w=6(o){o=$.1f({r:n,x:n,N:n,17:q,J:n,L:1a,16:n,y:q,u:12,H:3,B:0,k:1,K:n,I:n},o||{});8 G.R(6(){p b=q,A=o.y?"15":"w",P=o.y?"t":"s";p c=$(G),9=$("9",c),E=$("10",9),W=E.Y(),v=o.H;7(o.u){9.1h(E.D(W-v-1+1).V()).1d(E.D(0,v).V());o.B+=v}p f=$("10",9),l=f.Y(),4=o.B;c.5("1c","H");f.5({U:"T",1b:o.y?"S":"w"});9.5({19:"0",18:"0",Q:"13","1v-1s-1r":"S","z-14":"1"});c.5({U:"T",Q:"13","z-14":"2",w:"1q"});p g=o.y?t(f):s(f);p h=g*l;p j=g*v;f.5({s:f.s(),t:f.t()});9.5(P,h+"C").5(A,-(4*g));c.5(P,j+"C");7(o.r)$(o.r).O(6(){8 m(4-o.k)});7(o.x)$(o.x).O(6(){8 m(4+o.k)});7(o.N)$.R(o.N,6(i,a){$(a).O(6(){8 m(o.u?o.H+i:i)})});7(o.17&&c.11)c.11(6(e,d){8 d>0?m(4-o.k):m(4+o.k)});7(o.J)1p(6(){m(4+o.k)},o.J+o.L);6 M(){8 f.D(4).D(0,v)};6 m(a){7(!b){7(o.K)o.K.Z(G,M());7(o.u){7(a<=o.B-v-1){9.5(A,-((l-(v*2))*g)+"C");4=a==o.B-v-1?l-(v*2)-1:l-(v*2)-o.k}F 7(a>=l-v+1){9.5(A,-((v)*g)+"C");4=a==l-v+1?v+1:v+o.k}F 4=a}F{7(a<0||a>l-v)8;F 4=a}b=12;9.1o(A=="w"?{w:-(4*g)}:{15:-(4*g)},o.L,o.16,6(){7(o.I)o.I.Z(G,M());b=q});7(!o.u){$(o.r+","+o.x).1n("X");$((4-o.k<0&&o.r)||(4+o.k>l-v&&o.x)||[]).1m("X")}}8 q}})};6 5(a,b){8 1l($.5(a[0],b))||0};6 s(a){8 a[0].1k+5(a,\'1j\')+5(a,\'1i\')};6 t(a){8 a[0].1t+5(a,\'1u\')+5(a,\'1e\')}})(1x);',62,96,'||||curr|css|function|if|return|ul|||||||||||scroll|itemLength|go|null||var|false|btnPrev|width|height|circular||left|btnNext|vertical||animCss|start|px|slice|tLi|else|this|visible|afterEnd|auto|beforeStart|speed|vis|btnGo|click|sizeCss|position|each|none|hidden|overflow|clone|tl|disabled|size|call|li|mousewheel|true|relative|index|top|easing|mouseWheel|padding|margin|200|float|visibility|append|marginBottom|extend|fn|prepend|marginRight|marginLeft|offsetWidth|parseInt|addClass|removeClass|animate|setInterval|0px|type|style|offsetHeight|marginTop|list|jCarouselLite|jQuery'.split('|'),0,{}))

//]]>
</script>

KETIGA

Kita akan meletakkan id untuk slider Drakon tepat di bawah header blog. Nah, anda pun bisa menyesuaikan penempatan id ini. Jadi cocokkan saja dengan template anda. Apalagi template blogger yang sudah banyak dimodifikasi. Langsung saja cari kode <div id='content-wrapper'> Letakkan kode di bawah ini tepat di bawah kode <div id='content-wrapper'>.

<div style='height:20px;width:100%;overflow:hidden;'/>
<script type='text/javascript'>
var $jx = jQuery.noConflict();
$jx(function() {
 $jx(&quot;.mygallery&quot;).jCarouselLite({
 btnNext: &quot;.nextb&quot;,
        btnPrev: &quot;.prevb&quot;,
    visible: 5,
    speed: 1000,
    easing: &quot;backout&quot;      
    });
});
</script>
<div id='slidearea'>
<div id='gallerycover'>
<div class='mygallery'>
<ul>
<li>
<div class='mytext'>
<a href='SLIDE-1-LINK-HERE'>
<img class='sidim' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyLP70-DMn1uYmDkWk5VUC6P1BdeGWnsC6eIAd9H2EPrF6mvq11eG9efcIoDe-l5OEBB9Qn52hClujSJCPCVv-Kmmr2awXg_nWqmJMavJQ68tc7OLs7Tx4RYffWQ8kfVS2rRukN62NMu8/s1600/demomaskolis+come+away+with+me+1.jpeg'/>
</a>
<div class='clear'/> 
<p align='center'><a href='SLIDE-1-LINK-HERE'>Norah Jones Lyrics</a></p>
</div>      
</li>
<li>
<div class='mytext'>
<a href='SLIDE-2-LINK-HERE'>
<img class='sidim' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcxUQzHnlNQ6_vMfFXfZZpVy4EzaxI_lxHCBiRKXhZ4p40t6MTsPmv3zPSiV8HEZ0nkCO11jsWM8F77naKPifsLsnHBlPd8vlO_wHRuUCiqGp1mbpYrJx4psclPvhknSQZX-cKD7NepP8/s1600/demomaskolis+soldier+1.jpeg'/>
</a>
<div class='clear'/> 
<p align='center'><a href='SLIDE-1-LINK-HERE'>Sade Lyrics</a></p>
</div>      
</li>
<li>
<div class='mytext'>
<a href='SLIDE-3-LINK-HERE'>
<img class='sidim' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiu6jdniUGYSUDAUwFVHu3J40H1PTRjl6NcW1_ET20-5B_eXDBYM-XSykRB-v77PoPt2zzPr-Yp8nsYTZLx-t1vvX1QroLJ9uX8ae6UTAThRyRQ5msSmv6GR4LVZE4ID-zdX53mwsq5Oqo/s1600/demomaskolis+basia1.jpg'/>
</a>
<div class='clear'/> 
<p align='center'><a href='SLIDE-1-LINK-HERE'>Basia Lyrics</a></p>
</div>      
</li>
<li>
<div class='mytext'>
<a href='SLIDE-4-LINK-HERE'>
<img class='sidim' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLtFIZtHCsc98kIpgArmx6lAPbGmkuclCMkyMK6gAuuSvxzDOWAMOSTRVyovJghRTNrUFTepj2oakyPEXRvNNUHxrNlSgRfznp2tT2MzEkQ0Jw0pXaxJ9XgBT8IqrBMBlHIu8PGnyg1pE/s1600/jamiroquai+demomaskolis1.jpeg'/>
</a>
<div class='clear'/> 
<p align='center'><a href='SLIDE-1-LINK-HERE'>Jamiroquai Lyrics</a></p>
</div>      
</li>
<li>
<div class='mytext'>
<a href='SLIDE-5-LINK-HERE'>
<img class='sidim' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMjDdVv3Bq6cU1KjWVYEMqa_up1awGP595Gf6-SjgZ5HY_YBsaQ_T164BjXj9g5xMxnFwIqO64suF9Q7l3JOkk_6LJu7FUO7eWzXuQWE4lqti2seRKpEgav_23qFoBafSFjTmDRjgmCO8/s1600/jamie+cullum+demomaskolis1.jpg'/>
</a>
<div class='clear'/> 
<p align='center'><a href='SLIDE-1-LINK-HERE'>Jamie Cullum Lyrics</a></p>
</div>      
</li>
<li>
<div class='mytext'>
<a href='SLIDE-6-LINK-HERE'>
<img class='sidim' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMmZarUUaoYhot0Z8PZrldD4OpK8p1gTBLnAujl9NCrP7bbqFu_EBB49gVsUkx_YNMnY0VB2IGklZ1l6b9vc7W00ETx6Pty88ph_DNIsmFaFryLtmTPvVIXLSUCQF29WrpcgoGJXREm-k/s1600/diana+krall+demomaskolis.jpeg'/>
</a>
<div class='clear'/> 
<p align='center'><a href='SLIDE-1-LINK-HERE'>Diana Krall Lyrics</a></p>
</div>      
</li>
<li>
<div class='mytext'>
<a href='SLIDE-7-LINK-HERE'>
<img class='sidim' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhH-ujnQQUurkw1z-buyJ2AlhmXxcvKDBvBkalxk9UCx_8-allcIJcye5nXErATXGXROZwG5ffR39_KHF_xnX36kBSM6mjIwZid5gUIFGOYsdYRLQHW6Inc7nyvoCg-uGjUV7t4c5xbXNY/s1600/demomaskolis+sting.jpg'/>
</a>
<div class='clear'/> 
<p align='center'><a href='SLIDE-1-LINK-HERE'>Sting Lyrics</a></p>
</div>      
</li>
</ul>
<div class='clear'/>   
</div>
</div>
   <a class='prevb' href='#'/>
   <a class='nextb' href='#'/> 
</div>

Kalau sudah klik simpan template dan perhatikan apakan slider gambar sudah terpasang dengan baik di blog anda. Pemasangan slider gambar ala Drakon ini saya sesuaikan dengan isi dari blog saya. Jika anda ingin merubah tampilan atau gambar, hal-hal yang perlu diperhatikan adalah :

1. Background slider, anda bisa ganti https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi80HRqWz7UybVOEDGAtmgf715-yWjFO1XzpXVztqYQW-SdlWdyX3wUqsXqDlVsF5EhkzwG0sfPjdTUo0GXIeoW6voyDfUlf8vCLwl3z9QP_JFKJRNGu4-pHZHJwYIpkg9A0C0PENnHcDsw/s0/header-background.png sesuai dengan background anda sendiri

#slidearea{ height:150px; overflow:hidden;margin:-20px 0px 0 2px; position:relative; width:965px; background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi80HRqWz7UybVOEDGAtmgf715-yWjFO1XzpXVztqYQW-SdlWdyX3wUqsXqDlVsF5EhkzwG0sfPjdTUo0GXIeoW6voyDfUlf8vCLwl3z9QP_JFKJRNGu4-pHZHJwYIpkg9A0C0PENnHcDsw/s0/header-background.png) repeat-x; border:5px ridge #052844; }

2. Pada contoh slider di atas, saya menyertakan link dan teks (tulisan warna merah) silahkan mengganti link, teks dan gambar (image) buatan sendiri, sesuaikan dengan kebutuhan. Bagian tersebut adalah seperti ini :
   

   <li>
   <div class='mytext'>
   <a href='SLIDE-1-LINK-HERE'> <img class='sidim' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyLP70-DMn1uYmDkWk5VUC6P1BdeGWnsC6eIAd9H2EPrF6mvq11eG9efcIoDe-l5OEBB9Qn52hClujSJCPCVv-Kmmr2awXg_nWqmJMavJQ68tc7OLs7Tx4RYffWQ8kfVS2rRukN62NMu8/s1600/demomaskolis+come+away+with+me+1.jpeg'/> </a>
   <div class='clear'/>
   <p align='center'><a href='SLIDE-1-LINK-HERE'>Norah Jones Lyrics</a></p>
   </div>
   </li>

3. Jika ingin menambahkan deskripsi singkat di bawah judul gambar, temen-temen bisa rubah menjadi seperti ini
   

   <li>
   <div class='mytext'>
   <a href='SLIDE-1-LINK-HERE'>
   <img class='sidim' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyLP70-DMn1uYmDkWk5VUC6P1BdeGWnsC6eIAd9H2EPrF6mvq11eG9efcIoDe-l5OEBB9Qn52hClujSJCPCVv-Kmmr2awXg_nWqmJMavJQ68tc7OLs7Tx4RYffWQ8kfVS2rRukN62NMu8/s1600/demomaskolis+come+away+with+me+1.jpeg'/> </a> <div class='clear'/>
   <h2><a href='SLIDE-1-LINK-HERE'>Norah Jones Lyrics</a></h2>  
   <p>Norah Jones adalah penyanyi jazz terkenal yang sudah banyak memperoleh penghargaan.....</p>
   </div>
   </li>

4. Untuk merubah lebar (width:965px), anda bisa sesuaikan dengan lebar di template yang anda pakai. Demikian juga tinggi slider, anda bisa atur sendiri, bisa kan? Saya yakin pasti bisa. 

Wah banyak juga kodenya ya? Temen-temen jangan bingung, saya yakin bagi anda yang senang mengutak-atik kode-kode HTML pasti bisa. Jika masih bingung juga, isi saja kotak komentar yang ada di bawah, siapa tahu saya bisa membantu.

Cara Membuat Refresh Otomatis Di Blog

Mungkin sobat semua sudah paham dengan kata Refresh yang bisa diartikan adalah penyegaran,di mana Refresh ini sangat berperan sekali buat komputer kita...
kali ini saya akan memberi Tutorial Cara Membuat Refresh Otomatis Di Blog

Baik kita mulai saja Cara nya..

1. Login ke Blogger
2. Kemudian klik Tata Letak dan Edit Html.
3. lalu copy kode di bawah ini :

<meta http-equiv="refresh" content="600"/>

4. Kemudian kode tersebut di atas di taruh (paste) di antara kode :

<head> .... </head>

5. Kemudian Simpan Template

Selesai
Sangat mudah bukan sobat cara membuat nya...

Catatan

Tulisan yang berwarna Merah menandakan jumlah waktu yang akan me-reload atau refresh secara otomatis dalam hitungan detik.
Contoh : dalam kode diatas dituliskan "600" berarti blog atau website kita akan refresh secara otomatis dalam waktu 10 menit. karena 1 menit = 60 detik dan 10 menit = 600 detik.
Rubahlah angka "600" dengan waktu yang anda inginkan untuk me-refresh secara otomatis (dalam hitungan detik).