Ketika navbar terlihat, administrator blog dapat dengan mudah membuat posting baru atau menyesuaikan template mereka dengan hanya satu klik; Namun, ketika navbar tersembunyi, lebih banyak klik yang diperlukan untuk mengakses panel dashboard Blogger lagi.
Dalam tutorial ini, kita akan melihat bagaimana cara menambahkan menu "Control Panel Admin" dengan banyak tambahan menu yang keren seperti:
- akses ke homepage Blogger;
- membuat entry dan page baru;
- melihat semua Entry/Post;
- membaca komentar anda;
- mengakses ke tata letak blog untuk menambah atau mengatur ulang gadget;
- mengedit HTML dari Template;
- refresh halaman yang sedang atau sudah terbuka;
- membuka tab baru dengan homepage blog;
- akses ke pengaturan blog;
- melihat statistik Anda
- log out
 |
| Demo |
Menambahkan Control Panel Admin di template blogger
Control Panel admin hanya akan terlihat ketika penulis blog login dan tidak akan menampilkan kepada pembaca blog, sama dengan Edit Post atau icon pensil di sudut bawah widget yang hanya dapat dilihat saat anda login. Untuk menambahkan control panel admin untuk Blogger, ikuti langkah-langkah berikut:
Langkah 1. Masuk ke tab template dan klik pada tombol Edit HTML :
 |
| Tab Template |
Langkah 2. Klik di mana saja di dalam area kode dan tekan tombol CTRL + F untuk membuka kotak pencarian Blogger
 |
| Membuka Search Box |
Langkah 3. Paste baris dibawah ini dalam kotak pencarian lalu tekan Enter untuk menemukannya:
<body expr:class='"loading" + data:blog.mobileClass'>Catatan: jika anda tidak menemukan baris diatas, coba temukan tag <body>.
Langkah 4. Tepat di bawah garis atau tag, 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 expr:href='"http://www.blogger.com/blogger.g?blogID=" + data:blog.blogId + "#editor/src=sidebar"' rel='nofollow'>New Post</a></li><li><a expr:href='"http://www.blogger.com/blogger.g?blogID=" + data:blog.blogId + "#editor/target=page"' rel='nofollow'>New Page</a></li><li><a expr:href='"http://www.blogger.com/blogger.g?blogID=" + data:blog.blogId + "#posts"' rel='nofollow'>All Posts</a></li><li><a expr:href='"http://www.blogger.com/blogger.g?blogID=" + data:blog.blogId + "#comments"' rel='nofollow'>Comments</a></li><li><a expr:href='"http://www.blogger.com/blogger.g?blogID=" + data:blog.blogId + "#pageelements"' rel='nofollow'>Layout</a></li><li><a expr:href='"http://www.blogger.com/blogger.g?blogID=" + data:blog.blogId + "#templatehtml"' rel='nofollow'>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 expr:href='"http://www.blogger.com/blogger.g?blogID=" + data:blog.blogId + "#basicsettings"' rel='nofollow'>Settings</a></li><li><a expr:href='"http://www.blogger.com/blogger.g?blogID=" + data:blog.blogId + "#overviewstats"' rel='nofollow'>Stats</a></li><li><a href='http://www.blogger.com/logout.g'>Logout</a></li></ul></div></span>Langkah 4. Klik pada tombol Simpan template untuk menyimpan perubahan.
Sekarang kita lihat blog anda. Saat anda login ke Blogger, anda akan melihat control panel muncul di atas blog anda. Selamat menikmati!
Dengan ini control panel admin untuk Blogger anda dapat dengan mudah diakses ke fungsi blog dan anda tidak perlu susah-susah dengan selalu membuka halaman blog anda dan homepage Blogger pada saat yang sama.
0 komentar