cara membuat menu login di blogspot
cara membuat menu login di blogspot
Cara membuat menu log in di blogspot sebenarnya sudah tidak asing lagi bagi kita yang berkecimpung dalam dunia blogger berbeda tentu saja apabila dibandingkan dengan wordpress namun di blogspot punya kelebihan dalam hal log in ke menu admin cukup kita memasukkan email gmai saja maka kita sudah dapat masuk ke menu admin blogger namun tentu saja kadang kita ingin masuk langsung ke menu tertentu di blogger ini , maka untuk itulah neng membuat tutorial supaya cepat masuk ke menu tertentu di blog kepunyaan mbah google ini. namun sebelumnya neng akan bahas terlebih dahulu cara masuk ke menu admin di blogger secara manual ,dan nanti neng akan persingkat supaya apabila kita menginginkan masuk ke menu tertentu tinggal klik menu itu saja tanpa berbelit-belit
Sebenarnya ini adalah hal paling basic sekali , namun tidak apalah ini untuk para newbie saja ,hal yang paling mutlak dan di perlukan untuk masuk ke blog sendiri adalah kita diwajibkan dan harus memiliki sebuah account google yang masih aktif , kenapa kita harus masuk menggunakan akun google dan menggunakan email @gmail dan bukan menggunakan @mail yahoo? jawabannya tentu saja karena kita sedang menggunakan layanan kepunyaan mbah google, yaa flatform blogger memang sebelumnya kepunyaan pyra lab . pyra adalah sebuah perusahaan yang didirikan Evan Williams dan Meg Hourihan, pada sekitar tahun 1999 di bulan agustus dan neng masih ingat betul saat itu masih duduk di bangku sekolah sama seperti blog ini dibuat waktu itu , walaupun ditinggalkan begitu saja semenjak dibuat, hehehehe dan kemudian dibeli dengan segepok dollar oleh paman google kepunyaan Larry Page dan Sergey Brin konon harganya mencapai nilai harga 1.6 Milyar Dollar waduh sebegitun mahalnyakah sebuah mahakarya di hargai oleh larry page , namun tentu saja nilai itu mengalami lonjakan yang signifikan kalu di nilai saat ini.
Waduh jadi ngelantur kemana mana nie niatnya kan tadi mau membuat cara masuk ke blogger yaa, ok lah kalau begitu, langsung saja step by step cara masuk ke menu log in ke blogger / blogspot namun bagi yang belum mempunyai email @gmail silahkan buat email terlebih dahulu
- Apabila sudah memiliki email dan neng anggap sobat sekalian sudah memiliki blog aktif di blogspot ,maka silahkan klik tautan berikut ini,https://www.blogger.com/login
- dan nanti url akan meredirect ke alamat ini https://accounts.google.com/ServiceLogin?service=blogger&hl=in&passive=1209600&continue=https://www.blogger.com/home
- tampilannya kira kira seperti ini,
- Silahkan masukkan email sobat sekalian ,dalam hal memasukkan email boleh tanpa harus menggunakan embel embel @gmail.com toh nantinya akan terisi secara otomatis koq
- Dan apabila sobat berhasil masuk dengan memasukkan email dan pasword dengan benar maka tidak berapa lama kemudian akan masuk ke tampilan berikutnya seperti inlah tampilannya
- Kemudian pilih blognya dan neng yakin deh udah pada bisa kalou soal masuk memasukan, apalagi masuk ke blog sendiri yaa, :D di dalam menu dashboard terdapat dropdown yang menunjukan beberapa sub menu dari bloger ini, setelah jadi istilahnya kita bisa langsung masuk ke menu yang hendak di tuju dari menu dashboard ini. ada beberapa menu di dalam dashboard ini,
- Ihtisar
- Pos
- Halaman
- Komentar
- Google+
- Statistik
- penghasilan
- Kampanye
- tataletak
- Template
- Setelan
Pilih saja salah satu menu yang hendak dituju, eit ,, cuapek juga nie,, ngetik yang bacanya juga capek yaa kembali ke topik yaitu membuat menu log in ke menu bloger milik sendiri kalau tadi kita mengulas cara masuk ke blog tersebut dengan beberapa tahapan , sekarang kita akan membuat shortshut menu atau istilahnya jalan pintas lah menuju menu-menu tersebut , boleh juga si kita membuat tautan langsung menuju menu menu tersebut , tapi kurang menarik dech kayaknya, Ok sekarang kita akan membuat menu tersebut dengan memanfaatkan teshnik spoiler , tidak memakai dropdown memanfaatkan yang sudah bisa saja, untuk di buat jalan pintas menuju ke menu menu tersebut. inilah penampakannya Menu Login di Blogger tersebut, dan dengan ini maka dapat cepat masuk ke menu yang di maksud. nggak pake lama berbelit belit
Ihtisar
Pos
Laman
Komentar
Statistik
Setelan
<div class="post-count-link">
<div class="webtool31">
<a href='https://www.blogger.com/home' title='DASHBOARD'> DASHBOARD</a>
</div>
<div class="post-count-link">
<a href='https://www.blogger.com/blogger.g?blogID=4164285133176672309#editor/target=post;postID=5044007898782047262' title='entri baru'><img alt='Entri Baru' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-W6OUAVXlWlcdM1R_oDpS00Zv9iSEhakjnaw_RGOOMrEwFfk4g_A4qUeylmxUzTGKfGn9v-Q8uDz7BFvEpCuK8KcDawTQH8RC6Gh0VYdgyxjhOC49KQ4osBxQIggGY1-mxT6wJUI_1Kc/s200/Entri+Baru.jpg' title='Entri Baru'/></a>
</div>
<div class="post-count-link">
<a href='https://www.blogger.com/blogger.g?blogID=4164285133176672309#overview' title='Ihtisar'><img alt='Ihtisar' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBzc8FXV2WibBcHvWW69pZQOgDU6n5S473BBLwj5hZBmnwIISrlC2lCYXPuHKFiYjcBon4guWh0ZCqKCDA2TlhmTRWmunAH5Ym4PTIyg1Z2guTtC4CO-gY-3YXIv6vR38VbNOBvCJoCd0/s200/ihtisar.jpg' title='Ihtisar'/> Ihtisar</a>
</div>
<div class="post-count-link">
<input title="Pos" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitlIHZOFjI1r3KhN2lFc6RuZ7lYOshezvOg1hhV1j5UUPfdCD6RlXZOt2XOUIdG7pUE2RVb1N1jm3hgTt0t0L3nxtTyF_ecpgPGBjsRcq2MkDwRoNMsaSrHUwPXKt-xJZyzVNn-4DA-pE/s200/Pos.jpg" type="image" onclick="if(document.getElementById('Pos') .style.display=='none') {document.getElementById('Pos') .style.display=''}else{document.getElementById('Pos') .style.display='none'}"> Pos</input>
<div id="Pos" style="display:none">
<ul><ul>
<li><a href='https://www.blogger.com/blogger.g?blogID=4164285133176672309#allposts' title='Semua'> Pos</a></li>
<li><a href='https://www.blogger.com/blogger.g?blogID=4164285133176672309#allposts' title='Semua'>Semua</a></li>
<li><a href='https://www.blogger.com/blogger.g?blogID=4164285133176672309#draftposts' title='Draf'>Draf</a></li>
<li><a href='https://www.blogger.com/blogger.g?blogID=4164285133176672309#publishedposts' title='Diterbitkan'>Diterbitkan</a></li>
</ul></ul>
</div>
</div>
<div class="post-count-link">
<input title="Laman" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQCwjBpcOXfUayGNgBX8BgbeePrOAcKX8ZNH9NUPjYWTgn5nattW0sfLTqZO0QAVcreMWsya7SXpPZ4DPA6CdkhqZRwPhXXYMlkighgQYzkPsrTY9XEHlrcCQzP8JLdVdBY7OJeEZWggQ/s1600/Laman.jpg" type="image" onclick="if(document.getElementById('Laman') .style.display=='none') {document.getElementById('Laman') .style.display=''}else{document.getElementById('Laman') .style.display='none'}"> Laman</input>
<div id="Laman" style="display:none"><ul>
<ul>
<li><a href='https://www.blogger.com/blogger.g?blogID=4164285133176672309#allpages' title='Semua'> Pos</a></li>
<li><a href='https://www.blogger.com/blogger.g?blogID=4164285133176672309#allpages' title='Semua'>Semua</a></li>
<li><a href='https://www.blogger.com/blogger.g?blogID=4164285133176672309#draftpages' title='Draf'>Draf</a></li>
<li><a href='https://www.blogger.com/blogger.g?blogID=4164285133176672309#publishedpages' title='Diterbitkan'>Diterbitkan</a></li>
</ul></ul>
</div>
</div>
<div class="post-count-link">
<input title=" Komentar" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgE4ekoMjytMdCYa3n9-yrOjJ3d8h6OU8vYmr0nJETxb04HauvflYSBBXtTf37fgwYlV3_XpPMwKHqoKH8_PnAwyDVk_aJjZI77vduy2hP3pjSxP2sJmYFpx8HKSVKzrbtONc_kNSN631E/s200/Komentar.jpg" type="image" onclick="if(document.getElementById('comments') .style.display=='none') {document.getElementById('comments') .style.display=''}else{document.getElementById('comments') .style.display='none'}"> Komentar</input>
<div id="comments" style="display:none">
<ul><ul>
<li><a href='https://www.blogger.com/blogger.g?blogID=4164285133176672309#allpages' title='Semua'> Komentar</a></li>
<li><a href='https://www.blogger.com/blogger.g?blogID=4164285133176672309#allpages' title='Semua'>Diterbitkan</a></li>
<li><a href='https://www.blogger.com/blogger.g?blogID=4164285133176672309#draftpages' title='Draf'>Spam</a></li>
</ul></ul>
</div>
</div>
<div class="post-count-link">
<a href='https://www.blogger.com/blogger.g?blogID=4164285133176672309#googleplus' title='googleplus'><img alt='Google+' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjII-fw5XJeiACFIZANhDHqtSMvc5x9MZJ0tcutNr5-v23nhNMTDHr_76CDE7Y7z4apPIWIb_2tsHsYxFe5AGVc7Cy38GvtpppNSH25DbGU4Tdo23n1GGXQvfRc8GafgGIGbYGmdXvkZnY/s200/Google+%252B.jpg' title='Google+'/> Google+</a>
</div>
<div class="post-count-link">
<input title="Statistik" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4mbHZyhacR4uI7jKIuH8D5_Z-wh9kwsa6UgaC90bma8ZP5-6i1_E0HTzuo14ojIWtuOTpt4-NV-G-jQxT-ob1y49uhkKkDJE3_Q9ft95hOGGvhaJddgHnLDPsxoxS5hE6X1N5dR-0yZY/s200/Statistik.jpg" type="image" onclick="if(document.getElementById('Statistik') .style.display=='none') {document.getElementById('Statistik') .style.display=''}else{document.getElementById('Statistik') .style.display='none'}"> Statistik</input>
<div id="Statistik" style="display:none">
<ul><ul>
<li><a href='https://www.blogger.com/blogger.g?blogID=4164285133176672309#allpages' title='Ihtisar'> ihtisar</a></li>
<li><a href='https://www.blogger.com/blogger.g?blogID=4164285133176672309#allpages' title='pos'>Pos</a></li>
<li><a href='https://www.blogger.com/blogger.g?blogID=4164285133176672309#trafficsourcesstats' title='Sumber lalu lintasDraf'>Sumber lalu lintas</a></li>
<li><a href='https://www.blogger.com/blogger.g?blogID=4164285133176672309#audiencestats' title='Pemirsa'>Pemirsa</a></li>
</ul></ul>
</div>
</div>
<div class="post-count-link">
<a href='https://www.blogger.com/blogger.g?blogID=4164285133176672309#adsenseoverview' title='overviewstats'><img alt='overviewstats' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxMIj0iwVc5nhqCN7n6gwu4inGPYXBgDn0taHDOhXQxCMRqr6z6MZ0K0eFIomBpr2SRxr1Isz7cOQpAY-uANmzu3O1RDlFdWStdEBJE9xTxJAdoyJSmBIWYVIRqeINQyscOGJc_gLqVi8/s200/penghasilan+adsense+%25282%2529.jpg' title='penghasilan adsense'/> Penghasilan</a>
</div>
<div class="post-count-link">
<a href='https://www.blogger.com/blogger.g?blogID=4164285133176672309#promote' title='promote'><img alt='kampanye' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2HTmndq3A7lKpYGuJklhN1WZ3ZmBT6nwl7oRGjP3oE91UUpW0TDYfwqHU_gyU5CL-MX3XQcBXL97YlRBq8bvv32Iwpcpxtpdpab3bcGszgiOWPd0Ou0L29l7fDMSH5Mf6GiU5l8qssE4/s1600/Kampanye.jpg' title='promote'/> Kampanye</a>
</div>
<div class="post-count-link">
<a href='https://www.blogger.com/blogger.g?blogID=4164285133176672309#pageelements' title='promote'><img alt='Tata letak' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_Lb6faoIsmy2fV7XO8k7uRB5h1fnr4ym-TCvmkphsijId-TxG9QAR5hyphenhyphenQ9iBVE0yB867wo5EIRjNS7F346MjVBXiiMy7Hv4ULaDyQZibYJhiGSWU1ZhRvGJNL0_fBafVpRqluN4_M0Lo/s200/Tata+letak.jpg' title='Tata letak'/> Tata letak</a>
</div>
<div class="post-count-link">
<a href='https://www.blogger.com/blogger.g?blogID=4164285133176672309#template' title='template'><img alt='template' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfIBJCdGRSb8tz1RflKk4zN8cXgR3ZzVfAgPygxGxm2zYba0jjzEX3I8ru_V0sKR6GsO1k9YoFzSzxipKGcRsxBLea-U6qS7wXXr6aVQdjA0PwhqlrrJoIzKOsJsstnS2j3SYtmiQIXoo/s200/Template.jpg' title='template'/> template</a>
</div>
<div class="post-count-link">
<input title="Setelan" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNYJVZ-YLpmJlGbpQistlrLGS2TIFfySiCTYPaXFFwXMeByUBWoakxkHP4GMN-J9BoK8BvEwutt8i0mI01ujkdq_lTDAQE9EDbX06OydbUHq6YC4ZjPQ5BEH57An3LvoVzLfMDzWd8gSU/s200/Setelan.jpg" type="image" onclick="if(document.getElementById('Setelan') .style.display=='none') {document.getElementById('Setelan') .style.display=''}else{document.getElementById('Setelan') .style.display='none'}"> Setelan</input>
<div id="Setelan" style="display:none">
<ul><ul>
<li><a href='https://www.blogger.com/blogger.g?blogID=4164285133176672309#basicsettings' title='Dasar'> Dasar</a></li>
<li><a href='https://www.blogger.com/blogger.g?blogID=4164285133176672309#postandcommentsettings' title='dan komentar'>Pos dan komentar</a></li>
<li><a href='https://www.blogger.com/blogger.g?blogID=4164285133176672309#emailandmobilesettings' title='Seluler dan email'>Seluler dan email</a></li>
<li><a href='https://www.blogger.com/blogger.g?blogID=4164285133176672309#languageandformattingsettings' title='Bahasa dan pemformatan'> Bahasa dan pemformatan</a></li>
<li><a href='https://www.blogger.com/blogger.g?blogID=4164285133176672309#searchsettings' title='Preferensi penelusuran'>Preferensi penelusuran</a></li>
<li><a href='https://www.blogger.com/blogger.g?blogID=4164285133176672309#basicsettings' title='Lainnya'>Lainnya </a></li>
</ul></ul>
</div>
</div>
</div>
Sebenarnya kode untuk membuat menu login masuk ke menu blogger diatas hanya menggunakan kode spoiler yang menggunakan button image Dari kode html dan javascript diatas kita hanya mengubah kode blog id saja karena tentu saja apabila kode blog id tersebut tidak di ubah maka kita tidak dapat masuk ke menu dashboard tersebut ini kode yang harus sobat ganti yang berwarna biru 4164285133176672309
Menu log in ke bloger diatas dapat work pada perangkat hp atau pun komputer dan sudah neng test pada hp nokia jadul dan laptop
Dan menu log in ke blogger untuk masuk ke dashboard untuk perangkat hp silahkan lihat penampakannya di bawah ini
Pos
Laman
Komentar
Google+ 
Statistik
Penghasilan
Kampanye 
Tata letak 
template 
Setelan
silahkan membaca tentang cara membuat spoiler untuk dapat membuat menu login ke bloger dengan menggunakan kode spoiler
dan di bawah ini adalah kode script untuk membuat menu login ke blogspot
kesimpulan :
Semoga cara membuat menu login ke blogger tersebut dapat bermanfaat
2 Responses to "cara membuat menu login di blogspot"
cara bikin gambar tutorial bergerak kaya yg di post ini gimana mbak dila
udah di kasih linknya di komentar blog mas koq . neng pake scrrenpresso mas
Post a Comment