Kumpulan Tutorial Blog

Di bawah ini adalah beberapa tutorial yang paling sering dicari oleh para Bloger-bloger…dan dalam kesempatan seperti ini saya memposting sedikit informasi yang saya ketahui dan tutorial ini juga saya dapatkan dari berbagai sumber di dunia maya…terimakasih saya ucapakan kepada para sumber yang telah memberikan inspirasi-inspirasi kepada saya.

 

Menghilangkan Navbar
Masuk halaman Edit HTML kemudian letakan dibawah kode <b:skin><![CDATA[

#navbar{height:10px; visibility:hidden; display:none}

 

 

Auto Hide pada Navbar Blogger

Pada halaman Edit HTML, kemudian letakan kode dibawah kode <b:skin><![CDATA[

#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)} #navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}

 

 

Memasang Icon Sebelum title Post

Pertama cari .post h3 { pada deretan kode CSS kemudian masukan sesuai kode warna hijau dibawah:

.post h3{ background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhm93tjmYV8vczxjiAIrW9RHEF0KbN0HS9El0580UMvlu2oAbl9yh-Exq8X3VPUUFpJk1dCSmqtAnRSKL9Or69yYDxqAPQy20LjsRUkLiItlCti_xJztL_xY-Z6w0ffDt26v6rQqD3obB3-/ s400/dotlink.gif") 0px 0px no-repeat; margin:.5em 0; padding:0 20px 0; font-size:120%; font-weight:bold; font-style:normal; line-height:1.3em; color:#333}

 

Pasang Icon Pada Setiap Judul SideBar

Pertama cari #sidebar-wrapper h2{ pada deretan kode CSS, kemudian masukan sesuai kode warna hijau dibawah:

#sidebar-wrapper h2{ background: url("http://bp1.blogger.com/_C6KkooKXCEw/SJGrot7UiiI/AAAAAAAACFw/ 8XPCqtzzzs4/s400/dotlink.gif") 0px 0px no-repeat; margin:.6em 0 .6em; padding:0 20px; font-size:11px; font-weight:bold; line-height:1.4em; text-transform:uppercase; color:#222; border-bottom:1px solid #C0C0C0}

 

Pasang Icon Sebelum Jumlah Komentar

Pertama cari #comments h4{ pada deretan kode CSS, kemudian masukan sesuai kode warna hijau dibawah:

#comments h4{ background:#eee5e5 url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikeUdScAACCw_IYm5nOIrMJPk5oKDBxcEHIeSWhJM1jTBjdG4oAJ2m2zT72Pmdp2V8y35j6RXBcbWH9N73L2bfDY5f1sZXbwjLQDXcTXdb5gqReRZF53F-vmycvgvg3M0ktVdu0lj80cQS/ s400/icon_comments.png") no-repeat 3px .3em; width:430px; margin:.1em 0; font-size:12pt; font-weight:bold; line-height:1.5em; letter-spacing:.1em; color:#111; padding-left:25px}

 

Cara mencetak halaman (Print Page)

Anda mungkin ingin mencetak perhalaman langsung ke default Printer, caranya tinggal memasang kode dibawah ini langsung disetiap halaman atau letakan di dalam halaman Post.  Ato masuk pada “Tambah Element”  “Java Script”.

<a href="javascript:print(document)"> Cetak Halaman Ini </a>

 

Agar Title SEO Friendly

Agar title blogger lebih lebih bersahabat dengan Search Engeine (SEO Friendly) kita dapat mengganti Title standar dengan Title kode yang sudah dimodifikasi.
Cari kode title dibawah ini:

<title><data:blog.pageTitle/></title>

Kemudian ganti semua kode diatas dengan kode dibawah ini,

<b:if cond=’data:blog.pageType == &quot;index&quot;’> <title><data:blog.pageTitle/></title> <b:else/> <title><data:blog.pageName/></title> </b:if>

 

 

semoga apa yang saya posting kali ini sangat bermanfaat bagi kalian semua. tidak lupa lagi saya ucapakan terima kasih kepada para nara sumber yang telah memberikan masukan-masukan kepada saya. by j-g

 

Tag Technorati: {grup-tag}blog tutorial,hackj,tips,trik,SEO,free download