Edit HTML Template Pada Blogger Tampilan Baru

Karena blogger saat ini tampilan dasbor nya jauh berbeda dengan tampilan lama akhirnya sebagian blogger pengguna tampilan baru blogger menjadi kebingungan saat ingin menambahkan kode baik itu kode html, atau Script pada templatenya (maksudnya kode yang harus dipasang pada Edit HTML Template).

Karena ada beberapa sahabat blogger kita yang bertanya:

dimana tempatnya edit html
dimana letak edit html untuk blogger tampilan baru

Akhirnya saya putuskan untuk menuliskan tutorial ini, karena saya rasa tutorial ini sangat penting dan akan sangat membantu blogger pemula pengguna blogger tampilan baru untuk mengedit kode html template yang digunakan. Dan mudah-mudahan ini dapat bermanfaat.

Untuk tutorial blogger yang sudah saya terbitkan di blog ini akan saya update secara berkala. Doakan ya mudah-mudahan saya selalu sehat agar bisa memperbaiki (memperbaiki artikel lama dan update artikel terbaru) blog ini sehingga bisa bermanfaat bagi siapa saja yang mengunjungi blog ini.

Next ...

Letak Edit HTML Template Pada Blogger Tampilan Baru

Alangkah lebih baik jika kamu membaca artikel ini sambil praktek.
Pertama silakan login ke blogger.com
Klik menu seperti ini

Setelah itu klik menu / tulisan Template

Jika proses loading sudah selesai silakan klik menu Edit HTML

Kemudian klik lagi tulisan / menu Lanjutkan

Nah sekarang kamu sudah bisa melakukan pengeditan template, jika memang diperlukan silakan beri centang pada bagian Expand Template Widget

Selesai tutorial dimana letak Edit HTML template pada Blogger tampilan baru.
Selamat edit template, hati-hati ya dalam mengedittemplate jika tidak ingin blognya EROR.

.emoWrap {  position:relative;  padding:10px;  margin-bottom:7px;  background:#fff;/* IE10 Consumer Preview */background-image: -ms-linear-gradient(right, #FFFFFF 0%, #FFF9F2 100%);/* Mozilla Firefox */background-image: -moz-linear-gradient(right, #FFFFFF 0%, #FFF9F2 100%);/* Opera */background-image: -o-linear-gradient(right, #FFFFFF 0%, #FFF9F2 100%);/* Webkit (Safari/Chrome 10) */background-image: -webkit-gradient(linear, right top, left top, color-stop(0, #FFFFFF), color-stop(1, #FFF9F2));/* Webkit (Chrome 11+) */background-image: -webkit-linear-gradient(right, #FFFFFF 0%, #FFF9F2 100%);/* W3C Markup, IE10 Release Preview */background-image: linear-gradient(to left, #FFFFFF 0%, #FFF9F2 100%);  border:3px solid #000000;  -moz-border-radius:5px;  -webkit-border-radius:5px;  border-radius:5px;  box-shadow:0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);  -moz-box-shadow:0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);  -webkit-box-shadow:0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);  box-shadow:0 2px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);  font-weight:normal;  color:#333;}.emoWrap:after {  content:"";  position:absolute;  bottom:-10px;  left:10px;  border-top:10px solid #000000;  border-right:20px solid transparent;  width:0;  height:0;  line-height:0;}

• Selanjutnya, sobat cari kode </body>, lalu Letakkan kode dibawah ini tepat di atas kode </body> tadi.

<b:if cond=data:blog.pageType == &quot;item&quot;><script type=text/javascript>//<![CDATA[jQuery(document).ready(function () {emoticonx({emoRange:"#comments p, div.emoWrap",putEmoAbove:"iframe#comment-editor",topText:"Click to see the code!",emoMessage:"Untuk menyisipkan emoticon, Anda harus menambahkan setidaknya satu ruang sebelum kode."})});//]]></script><script src=https://boyz.googlecode.com/svn/JS/emoticonnya.js type=text/javascript/></b:if>

• Kalau sudah, sobat klik Simpan Template.