Cara Menambahkan Admin Panel pada Blogger

Thursday, December 25, 2014

Baca Juga

OPOSIP - Beberapa waktu lalu saya telah membaca di salah satu blog dari orang bule bagaimana cara menambahkan admin panel di blog. Setelah saya pahami, akhirnya saya share disini.


Jadi dalam tutorial ini, kita akan melihat bagaimana untuk menambahkan menu "Admin Control Panel" dengan banyak keren tambahan seperti:

-Akses ke Blogger's Homepage
-Membuat halaman baru atau posting
-Lihat semua posting Anda
-Membaca komentar Anda
-Akses Blog's layout untuk menambahkan atau mengatur ulang gadget
-Mengedit HTML Template Anda
-Me-refresh halaman saat ini atau pos
-Membuka tab baru dengan situs blog Anda
-Mengakses blog' pengaturan
-Lihat statistik Anda
-Dan juga, logout

Kami akan menempatkan semua pilihan di bagian atas halaman Anda sebagai menu dan kami akan membuatnya terlihat hanya untuk administrator blog, sehingga pengunjung blog kami tidak akan dapat melihat itu

Hasilnya akan menjadi sesuatu seperti ini:

admin control panel for 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:

blogger id number

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='&quot;loading&quot; + 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.

TERIMA KASIH

SALAM BLOGGER

Share this :

4 Komentar
avatar

ini artikel copy paste punya org luar ,, trus di translate..
parahnya, kode2 juga ikut tertranslate.

parah abis

Balas
avatar

maaf mas, kemarin saya khilaf.
sekarang sudah saya perbarui.

Balas
This comment has been removed by a blog administrator. - Hapus
This comment has been removed by a blog administrator. - Hapus

Gunakanlah form komentar dengan baik dan bijak, hargailah penulis.
Komentar yang mengandung SPAM tidak akan di tampilka penulis

Penulisan markup di komentar
  • Silakan tinggalkan komentar sesuai topik. Komentar yang menyertakan link aktif, iklan, atau sejenisnya akan dihapus.
  • Untuk menyisipkan kode gunakan <i rel="code"> kode yang akan disisipkan </i>
  • Untuk menyisipkan kode panjang gunakan <i rel="pre"> kode yang akan disisipkan </i>
  • Untuk menyisipkan quote gunakan <i rel="quote"> catatan anda </i>
  • Untuk menyisipkan gambar gunakan <i rel="image"> URL gambar </i>
  • Untuk menyisipkan video gunakan [iframe] URL embed video [/iframe]
  • Kemudian parse kode tersebut pada kotak di bawah ini
  • © 2015 Simple SEO ✔