Cara Membuat Widget Admin Dan Penulis Blog

 Cara Membuat Widget Admin Blog - Bagi sobat Facewoman yang Blognya sudah mempunyai Admin atau Penulis Blog, Dan ingin menampilkan Daftar Admin tersebut kedalam Tampilan Blog anda. Pada kesempatan kali ini Facewoman akan berbagi caranya untuk menampilkan daftar tersebut.

 Dengan menampilkan daftar tersebut maka pengunjung akan tahu siapa admin blog kita, dan berapa jumlah postingan penulis blog kita. Walaupun Blog Hanyalah sebuah personal. Tapi dengan semakin banyaknya jumlah pengunjung blog kita dan kita tidak bisa update setiap hari. Maka kebutuhan untuk mencari penulis atau admin kita itu sangat penting. Walaupun efek negatifnya, Blog kita tidak menampilkan jati diri dari pemilik blog yang sebenarnya.

 Ok Sob. Tidak usah panjang lebar mengisi kiasan pembukan , untuk lebih jelasnya , simak tutorial Cara di bawah Ini :

1.Registrasi Admin/Penulis Blog.
 Dashboard - Setelan - Dasar - IZIN - Penulis Blog - Kemudian Klik Link + Tambahkan penulis , Lalu masukkan Alamat E-mail Admin Penulis yang akan kita jadikan Member Blog Kita ( Klik Undang Penulis ). Jika sudah terkirim, Tinggal suruh Admin kita  konfirmasi E-mail yang kita kirimkan tadi.

2.Java Scrip Widget Admin Blog.

<div style="margin-bottom: 2px;"> <b><small>Klik show untuk melihat</small></b> <input value="Show" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" onclick="if (this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display != &#39;&#39;) { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;&#39;; this.innerText = &#39;&#39;; this.value = &#39;Hide&#39;; } else { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;none&#39;; this.innerText = &#39;&#39;; this.value = &#39;Show&#39;; }" type="button" /> </div> <div style="border: 1px inset; margin: 0px; padding: 6px;"><div style="display: none;"> <table style="background-color: white; color: #222; font-family: Arial, sans-serif; font-size: 11px; text-align: left; width: 300px;" cellspacing="0"> <thead> <tr><th style="background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(0, 0, 0)), to(rgb(85, 85, 85))); border-bottom-color: rgb(153, 0, 0); border-bottom-style: solid; border-bottom-width: 2px; color: #222; font-weight: normal; padding: 6px 3px; text-align: center;" width="46"><span style="margin-left: 7px;">Penulis</span></th><th style="background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(0, 0, 0)), to(rgb(85, 85, 85))); border-bottom-color: rgb(153, 0, 0); border-bottom-style: solid; border-bottom-width: 2px; color: #fcfcfc; font-weight: normal; padding: 6px 3px; text-align: center;" width="*"></th><th style="background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(0, 0, 0)), to(rgb(85, 85, 85))); border-bottom-color: rgb(153, 0, 0); border-bottom-style: solid; border-bottom-width: 2px; color: #222; font-weight: normal; padding: 6px 3px; text-align: center;" nowrap="nowrap">Post</th><th style="background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(0, 0, 0)), to(rgb(85, 85, 85))); border-bottom-color: rgb(153, 0, 0); border-bottom-style: solid; border-bottom-width: 2px; color: #222; font-weight: normal; padding: 6px 3px; text-align: center;" nowrap="nowrap">Level</th></tr> </thead> <tbody> <tr class="row-1"><td style="background-color: #f0f0f0; padding: 6px 3px;"><img alt="ANDIK WIN" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwVBKT3WETl9030F1RYhCQDT95TmNbMRTAnj6gN8VH_t5jpDc8OHmTSCZKVnOt57W6bvf4T9qYDKc0BBC92A3bubFg4GJCTQtbP5BBzTg24fWHrS6Hhb7IjSlJ8XEhPuwYKeGCGvS_Q-DP/s152/270584_249916825022123_100000114226695_1179448_2260091_n.jpg" style="border: 0px none; margin-left: 7px;" title="ANDIK WIN" height="43" width="39" /></td><td style="background-color: #f0f0f0; padding: 6px 3px;"><a href="http://facewoman.blogspot.com/2012/06/andik-win.html" style="color: #004276; font-weight: bold; text-decoration: none;" target="_blank" ref="nofollow">ANDIK WIN</a><br /> Trenggalek </td><td style="background-color: #f0f0f0; font-size: 14px; font-weight: bold; padding: 6px 3px; text-align: center;"><a href="http://facewoman.blogspot.com/search/label/facewoman"><script>  function numberOfPosts(json) {     document.write(''+ json.feed.openSearch$totalResults.$t + '');     } </script> <script src="/feeds/posts/default/-/facewoman?alt=json-in-script&amp;callback=numberOfPosts"> </script></a></td><td style="background-color: #f0f0f0; font-size: 14px; padding: 6px 3px; text-align: center;">1</td></tr> <tr class="row-2"><td style="background-color: #fcfcfc; padding: 6px 3px;"><img alt="RICO D.O" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtScmOTeQBmix-MhIO4vZvZRA5aoCt71qG9X00lJOB7e1Wxv13w67BBJf7zno7pAUzoY-3oHb_naTa4DXucI9_G0MUj_9CP3MupUAUsbtH8fTNOXRk-6NkNFGeM6UIP3AzBG1Nb9ZMdCxb/s1600/rico+D.O.jpeg" style="border: 0px none; margin-left: 7px;" title="RICO D.O" height="43" width="39" /></td><td style="background-color: #fcfcfc; padding: 6px 3px;"><a href="http://facewoman.blogspot.com/2012/08/profile-diary-online-blog.html" ref="nofollow" style="color: #004276; font-weight: bold; text-decoration: none;" target="_blank">RICO D.O</a><br /> Tangerang </td><td style="background-color: #fcfcfc; font-size: 14px; font-weight: bold; padding: 6px 3px; text-align: center;"><a href="http://facewoman.blogspot.com/search/label/Rico%20D.O"><script>  function numberOfPosts(json) {     document.write(''+ json.feed.openSearch$totalResults.$t + '');     } </script> <script src="/feeds/posts/default/-/Rico%20D.O?alt=json-in-script&amp;callback=numberOfPosts"> </script></a></td><td style="background-color: #fcfcfc; font-size: 14px; padding: 6px 3px; text-align: center;">2</td></tr> <tr class="row-1"><td style="background-color: #f0f0f0; padding: 6px 3px;"><img alt="FAJAR A.P" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEJBX-p2m2GxCNT_bvP4aXCSpQn5gBpWD6fqac68IIW-IZ9W7yicssPyW5trp51OkERZ1RBynifAPQ1jJowzzKxv5BX9AW9T1OAFpI0FbT4Yz9SVYvlFK-upvBd55Dvlyhf-TEvAVqvwYz/s1600/fajar+arena+persita.jpeg" style="border: 0px none; margin-left: 7px;" title="FAJAR A.P" height="43" width="39" /></td><td style="background-color: #f0f0f0; padding: 6px 3px;"><a href="http://facewoman.blogspot.com/2012/11/profile-muhammad-fajar-dwi-putra-arena.html" style="color: #004276; font-weight: bold; text-decoration: none;" target="_blank" ref="nofollow">FAJAR</a><br /> Tangerang </td><td style="background-color: #f0f0f0; font-size: 14px; font-weight: bold; padding: 6px 3px; text-align: center;"><a href="http://facewoman.blogspot.com/search/label/Fajar"><script>  function numberOfPosts(json) {     document.write(''+ json.feed.openSearch$totalResults.$t + '');     } </script> <script src="/feeds/posts/default/-/Fajar?alt=json-in-script&amp;callback=numberOfPosts"> </script></a></td><td style="background-color: #f0f0f0; font-size: 14px; padding: 6px 3px; text-align: center;">3</td></tr> <tr class="row-2"><td style="background-color: #fcfcfc; padding: 6px 3px;"><img alt="Ciboy" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqpfLYLR15Sm8oQduTVcGoy7_CV_DA_UtB3CmMBlJLC9M-Xojiya_la2cmf0mmu0_YogOY71TfYLW0toGYq7n3wDvVv9aoMBNW_TAV_59IfW5k2qZ3axuE0QC5WF306q_pGWrMazHH_W1u/s1600/Ciboy.jpeg" style="border: 0px none; margin-left: 7px;" title="Ciboy" height="43" width="39" /></td><td style="background-color: #fcfcfc; padding: 6px 3px;"><a href="http://facewoman.blogspot.com/2012/11/profile-ciboy-starvoldcom.html" ref="nofollow" style="color: #004276; font-weight: bold; text-decoration: none;" target="_blank">CIBOY</a><br /> Cianjur </td><td style="background-color: #fcfcfc; font-size: 14px; font-weight: bold; padding: 6px 3px; text-align: center;"><a href="http://facewoman.blogspot.com/search/label/Ciboy%20Levionsa"><script>  function numberOfPosts(json) {     document.write(''+ json.feed.openSearch$totalResults.$t + '');     } </script> <script src="/feeds/posts/default/-/Ciboy%20Levionsa?alt=json-in-script&amp;callback=numberOfPosts"> </script></a></td><td style="background-color: #fcfcfc; font-size: 14px; padding: 6px 3px; text-align: center;">4</td></tr> <tr><td style="background-color: #fff; padding: 6px 3px;"> </td><td style="background-color: #fff; padding: 6px 3px;font-size:10">Daftar penulis Facewoman? <a href="http://facewoman.blogspot.com/2012/11/klik-disini-pabila-berminat-ingin-jadi.html" rel="nofollow" target="_blank">Register</a></td> </tr> </tbody></table> </div></div> "

Keterangan :

• Ganti https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwVBKT3WETl9030F1RYhCQDT95TmNbMRTAnj6gN8VH_t5jpDc8OHmTSCZKVnOt57W6bvf4T9qYDKc0BBC92A3bubFg4GJCTQtbP5BBzTg24fWHrS6Hhb7IjSlJ8XEhPuwYKeGCGvS_Q-DP/s152/270584_249916825022123_100000114226695_1179448_2260091_n.jpg dengan link gambar admin anda.
• Ganti http://facewoman.blogspot.com/2012/06/andik-win.html Dengan profile Admin kita. ( Apabila tidak ada profile nama admin di blog kit bisa kita ganti dengan alamat link facebook admin kita tersebut ).
• Ganti ANDIK WIN dengan nama Admin anda.
• Ganti Trenggalek dengan Alamat Admin anda.
• Ganti http://facewoman.blogspot.com/search/label/facewoman dengan Link Label Admin kita tadi.
• Ganti /feeds/posts/default/-/facewoman Ganti Nama facewoman dengan Nama Label Amin Kita.

 Untuk dibawahnya juga anda harus ganti. karena di bawah masih ada tiga nama admin lagi yang harus anda edit lagi.dulu facewoman juga mempunyai 3 Admin, jadi widget ini juga pernah saya pakai di blog facewoman tercinta ini. 3.Sarat Agar semua berjalan lancar.Sesuai kategori.

• Suruh admin kita membuat label dengan nama admin tersebut.
• Buatlah postingan profil Tentan Nama Nama  admin kita tersebut.

 Itulah Cara Membuat Widget Admin Dan Penulis Blog jika anda masih bingung dengan tutorial diatas , bisa anda tanyakan di kotak komentar.