Cara Menambahkan Admin Panel pada Blogger

1. Mendapatkan Blog ID

Hal pertama yang perlu kita lakukan adalah mendapatkan ID dari blog. Anda bisa memperolehnya memalui Blog Dashboard, misalnya pengaturan. Sekali kita telah diklik ada, lihatlah bilah alamat di browser Anda:

Dalam URL Anda akan melihat string seperti ini:

blogID = XXXXXXXXX

dimana XXXXXXXXX adalah pengidentifikasi unik (ID) untuk blog Anda.

Copy ID untuk blog Anda ingin bekerja dengan sehingga kita dapat menambahkan ini link untuk admin panel kontrol Anda.

Menambahkan Admin Control Panel untuk Blogger Template

Anda tenang saha, Admin Control Panel hanya akan terlihat ketika penulis blog telahlogin. Ia tidak terlihat kepada pembaca blog, mirip dengan ikon pensil posting widget mengedit yang hanya dapat dilihat oleh Anda ketika Anda log in.

Untuk menambah panel kontrol template Blogger Anda, ikuti langkah berikut:

Langkah 1. Pergi ke Template dan klik pada tombol Edit HTML:

Langkah 2. Klik di manapun di dalam wilayah kode dan tekan CTRL + F kunci untuk membuka Blogger' kotak pencarian

langkah 3. Sisipkan baris ini di dalam kotak pencarian, lalu tekan Enter untuk menemukannya:

<body expr:class='"loading" + data:blog.mobileClass'>

Catatan: jika Anda tidak menemukan baris ini, mencoba untuk menemukan <body> tag.

langkah 4. Tepat di bawah baris ini, tambahkan kode berikut:

<span class='item-control blog-admin'>
<style>
.control-panel ul{z-index: 20; position: absolute; margin: 0px auto; background-color: #F6F6F6; width: 100%; }
.control-panel ul li{display: inline-block; float: left; padding: 7px 0px;}
.control-panel ul li a {color:#686868;padding: 7px 15px;border-right: 1px solid #E3E3E3;font-weight: bold;font-size: 13px;}
.control-panel a:hover {text-decoration:none; color:#FC8F44;}
</style>
<div class='control-panel'>
<ul>
<li><a href='http://www.blogger.com/home'>My Blogs</a></li>
<li><a href='http://www.blogger.com/blogger.g?blogID=XXXXXXXXXXXXX#editor/src=sidebar'>New Post</a></li>
<li><a href='http://www.blogger.com/blogger.g?blogID=XXXXXXXXXXXXX#editor/target=page'>New Page</a></li>
<li><a href='http://www.blogger.com/blogger.g?blogID=XXXXXXXXXXXXX#posts'>All Posts</a></li>
<li><a href='http://www.blogger.com/blogger.g?blogID=XXXXXXXXXXXXX#comments'>Comments</a></li>
<li><a href='http://www.blogger.com/blogger.g?blogID=XXXXXXXXXXXXX#pageelements'>Layout</a></li>
<li><a href='http://www.blogger.com/blogger.g?blogID=XXXXXXXXXXXXX#templatehtml'>Edit HTML</a></li>
<li><a href='#' onclick='location.reload(true); return false;'>Refresh</a></li>
<li><a href='/' target='_blank'>New Tab</a></li>
<li><a href='http://www.blogger.com/blogger.g?blogID=XXXXXXXXXXXXX#basicsettings'>Settings</a></li>
<li><a href='http://www.blogger.com/blogger.g?blogID=XXXXXXXXXXXXX#overviewstats'>Stats</a></li>
<li><a href='http://www.blogger.com/logout.g'>Logout</a></li>
</ul>
</div>
</span>

Ubahlah XXXXXXXXXXXXX dengan ID Blog Anda yang sebelumnya disalin, dan berhati-hati untuk tidak menghapus apa-apa, seperti kutipan atau karakter-karakter lainnya.

Langkah 4. Klik pada tombol Simpan template untuk menyimpan perubahan.

Sekarang perhatikan di blog Anda. Ketika Anda login ke Blogger, Anda akanmelihat panel kontrol Anda muncul di bagian atas blog Anda.

Dengan ini admin control panel untuk Blogger Anda dapat dengan mudah mengakses fungsi blog dan Anda tidak akan harus selalu membuka halaman blog Anda dan Blogger homepage sekaligus.