Tips Dan Trik Cara Membuat Control Panel Admin Di Blogger - Toturial Ini untuk memberikan fasilitas administrator blog untuk membuat perubahan di blog mereka dengan kemudahan dan kecepatan. Panel Admin ini hanya akan terlihat ke blog administrator atau penulis, bukan untuk pembaca biasa. Yang berarti hanya akan muncul, jika administrator blog login ke akun blogger-nya. Untuk memberikan Anda lebih banyak gambaran panel admin, saya tampilkan screenshot di bawah ini yang menunjukkan bagaimana dan di mana ia akan muncul. Dengan menggunakan panel admin ini, Anda dapat dengan cepat mengakses pesan baru, mengedit posting, edit html, komentar, tata letak dan lain-lain.
 |
| Tips Dan Trik Cara Membuat Control Panel Admin Di Blogger Cara Membuat Control Panel Admin di Blogger Cara Buat Panel Admin Kontrol di Blogger: Hal pertama yang perlu Anda lakukan adalah login ke account blogger Anda. Pada blogger dashboard, pilih salah satu blog di mana Anda ingin menginstal control panel Admin. Setelah memilih, masuk ke Template >> Edit HTML >> dan cari tag ]]></ b:skin> dan paste kode dibawah ini tepat di atas kode tersebut : |
Spoiler:
<link href='//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css' rel='stylesheet'/><link href='http://fonts.googleapis.com/css?family=Open Sans:400' rel='stylesheet' type='text/css'/> <span class='item-control blog-admin'><div class='span-24'><div class='mbl-cpanel'><ul class='admin-controll mbl-admin-bar'> <li class='mblogo'><a href="http://www.masterr-seo.blogspot.com"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4nFPiK22Rs6bOi3dKfQEja5eCkyeMtKkpLmz9KuBieC9XXLnbddVyOH0IGYcqo_9KR1Eqn6ivAjkubu68VVluAR_o9BmE0xF6ipH_eACCXPGFMDUvy8-bbWGkhffn76J6YIBbarb8Fo8/s1600/v.pn'/></a></li> <li class='blog-title'><a expr:href='data:blog.homepageUrl'><i class='fa fa-tachometer'/> <data:blog.title/></a></li><li><a href='http://www.blogger.com/home'><i class='fa fa-puzzle-piece'/> Dashboard</a></li>
<li><a href="#"><i class="fa fa-pencil"></i> Posting</a><ul class='child1'> <li><a expr:href='"http://www.blogger.com/blogger.g?blogID=" + data:blog.blogId + "#editor/src=sidebar"'><i class='fa fa-pencil'/> New Post</a></li><li><a expr:href='"http://www.blogger.com/blogger.g?blogID=" + data:blog.blogId + "#editor/target=page"'><i class='fa fa-file'/> New Page</a></li><li><a expr:href='"http://www.blogger.com/blogger.g?blogID=" + data:blog.blogId + "#posts"'><i class='fa fa-th-list'/> All Posts</a></li><li><a expr:href='"https://www.blogger.com/blogger.g?blogID=" + data:blog.blogId + "#editor/target=post;postID=" + data:blog.postId + ""'><i class="fa fa-pencil-square"/>Edit Post</a></li> </ul></li> <li><a href="#"><i class="fa fa-cogs"></i> Customize</a><ul class='child1'><li><a expr:href='"http://www.blogger.com/blogger.g?blogID=" + data:blog.blogId + "#pageelements"'><i class='fa fa-wrench'/> Layout</a></li><li><a expr:href='"http://www.blogger.com/blogger.g?blogID=" + data:blog.blogId + "#templatehtml"'><i class='fa fa-pencil-square-o'/> Edit Template</a></li> </ul></li><li><a expr:href='"http://www.blogger.com/blogger.g?blogID=" + data:blog.blogId + "#comments"'><i class='fa fa-comment'/> Comments</a><ul class='child1'><li><a expr:href='"http://www.blogger.com/blogger.g?blogID=" + data:blog.blogId + "#pendingcomments"'><i class="fa fa-bullhorn"></i> Pending Comments</a></li><li><a expr:href='"http://www.blogger.com/blogger.g?blogID=" + data:blog.blogId + "#spamcomments"'><i class="fa fa-ban"></i> Spam Comments</a></li> </ul></li>
<li><a expr:href='"http://www.blogger.com/blogger.g?blogID=" + data:blog.blogId + "#basicsettings"'><i class='fa fa-cog'/> Settings</a><ul class='child1'><li><a expr:href='"http://www.blogger.com/blogger.g?blogID=" + data:blog.blogId + "#basicsettings"'><i class="fa fa-heart-o"></i> Basics</a></li><li><a expr:href='"http://www.blogger.com/blogger.g?blogID=" + data:blog.blogId + "#postandcommentsettings"'><i class="fa fa-comments"></i> Post & Comments</a></li><li><a expr:href='"http://www.blogger.com/blogger.g?blogID=" + data:blog.blogId + "#emailandmobilesettings"'><i class="fa fa-mobile"></i> Mobile & Email</a></li><li><a expr:href='"http://www.blogger.com/blogger.g?blogID=" + data:blog.blogId + "#languageandformattingsettings"'><i class="fa fa-calendar-o"></i> Language</a></li><li><a expr:href='"http://www.blogger.com/blogger.g?blogID=" + data:blog.blogId + "#searchsettings"'><i class="fa fa-search-plus"></i> Search Preference</a></li><li><a expr:href='"http://www.blogger.com/blogger.g?blogID=" + data:blog.blogId + "#othersettings"'><i class="fa fa-code"></i> Other</a></li><li><a expr:href='"http://www.blogger.com/blogger.g?blogID=" + data:blog.blogId + "#overviewstats"'><i class='fa fa-signal'/>Stats</a></li> </ul></li>
<li class='mright'><a href='#'><i class='fa fa-signal'/> Howdy, Admin</a><ul class='children'><li><img src='URL GAMBAR PHOTO ANDA'/><div class='mauthor'><br/>Aulia Aprifky</div><a href='http://www.blogger.com/logout.g'> Logout</a></li></ul></li></ul></div></div></span>
