Cara Membuat Kotak Admin di Bawah Setiap Postingan Blog

Fahri’s Blog – Cara Membuat Kotak Admin Yang Berisi Ucapan Pada Postingan Blog – Senangnya saya bisa hadir lagi di blog ini untuk memberikan artikel-artikel yang mungkin bermanfaat dan membantu bagi para pembaca. Sebelumnya, saya mohon maaf jika banyak sekali komentar yang saya hapus dan saya tidak publikasikan, karena saya tidak sempat membaca komentar Anda satu-persatu. Untuk saat ini, saya akan kembali ngeblog dan akan membalas setiap komentar-komentar dari Anda. Oke itulah sedikit pesan yang bisa saya sampaikan untuk kedatangan saya kembali di dunia blogger hehe.., 

Langsung saja pada inti artikel ini, yaitu membuat kotak admin di bawah postingan blog. Sebenarnya fungsi dari kotak admin ini cukup penting, selain menanamkan keyword pada setiap artikel, juga menghargai para pembaca yang sudah mau mampir di blog kita. Penasaran membuatnya seperti apa?? Langsung saja ikuti langkah-langkah di bawah ini.



1. Login akun blogger Anda

2. Pilih Template – Edit HTML

3. Lalu carilah kode ]]></b:skin> , untuk mempermudah hasil pencarian Anda, Anda dapat menggunakan tombol Ctrl+f lalu copy pastekan kode tersebut di kotak yang tersedia, lalu tekan Enter. Nah, terkadang mau ketika Anda coba cari, kode tersebut tidak ditemukan atau tidak langsung mengarah pada kode itu langsung. Sebenarnya itu terjadi karena posisi kode di template Anda seperti ini

]]>
</b:skin>  

Jadi untuk mengatasi masalah tersebut, Anda hanya perlu mencari kode </b:skin>, nanti langsung di arahkan ke kode di atas.

4. Nah selanjutnya, copy kode di bawah ini tepat di atas kode ]]></b:skin>, jika dalam template Anda seperti ini. Akan tetapi, jika pada template posisi kode tersebut seperti yang bercetak biru di atas, maka letakkan kode di bawah ini tepat di atas kode ini ]]>

Berikut kodenya

/* kotak author tempat blogging */.admin-tulisan{display:block;width:auto;background:#CFE2E0;border:2px solid #fff;box-shadow:0 1px 3px #000;-moz-box-shadow:0 1px 3px #000;-webkit-box-shadow:0 1px 3px #000;padding:0;margin:30px 0 10px 0;font:normal 12px Arial, Sans-Serif;color:#222;}.admin-tulisan .kontainer{padding:5px;}.admin-tulisan h4{background:#8A9C04;border:none;border-bottom:1px solid #699019;color:#fff;text-transform:normal;text-shadow:0 1px 0 rgba(0, 0, 0, 0.4);font:bold 12px Arial,Sans-Serif;padding:5px 10px;margin:0 0 0 0;display:block;}.admin-tulisan h4 a{color:#FEEA83;}.admin-tulisan img{width:70px;height:70px;margin:0 10px 0 0;float:left;border:1px solid #954B02;padding:2px;background:#C36702;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;margin: 0px;border: 5px solid #eee;-webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);-moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);box-shadow: 4px 4px 4px rgba(0,0,0,0.2);-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;-webkit-transform: rotate(-7deg);-moz-transform: rotate(-7deg);-o-transform: rotate(-7deg);}
/* kotak author tempat blogging */


5. Setelah Anda berhasil menaruh kode tersebut dengan benar, maka selanjutnya carilah kode yang seperti ini “<data:post.body/>” , di setiap template biasanya ada beberapa kode yang seperti itu. Jadi saya sarankan pada Anda, jika pada yang pertama tidak berhasil, maka cobalah yang kedua, dst..


6. Setelah berhasil menemukan, copylah kode di bawah ini tepat di bawah kode <data:post.body/> ini. 

<!– Kotak Admin Tempat Blogging –>    <b:if cond=’data:blog.pageType == &quot;item&quot;’>    <div class=’admin-tulisan’>    <h4>Creatif By : <a expr:href=’data:blog.homepageUrl’><data:post.author/></a> | Tutorial Blog, Teknologi, dan Psikologi</h4>    <div class=’kontainer’>    <img src=’https://lh6.googleusercontent.com/-98MOaKYBq50/UaHeazKfaiI/AAAAAAAABw8/0Inrkp2Toro/w329-h311-no/Tempat+Blogging.png’/>    Terimah Kasih telah membaca artikel <a expr:href=’data:post.url’><data:post.title/></a>. Yang ditulis oleh <data:post.author/> .Pada hari <data:post.dateHeader/>. Jika anda ingin sebarluaskan artikel ini, mohon sertakan<strong>sumber link asli.</strong> Kritik dan saran dapat anda sampaikan melalui kotak komentar. Mohon maaf jika masih banyak kekurangan dalam penulisan dan penjelasan pada artikel ini    <p><textarea cols=’75’ id=’bloglinking’ name=’bloglinking’ onclick=’this.focus();this.select()’ onfocus=’this.select()’ onmouseover=’this.focus()’ readonly=’readonly’ rows=’2′>&lt;a href=&quot;<data:post.url/>&quot; target=&quot;_blank&quot;&gt;<data:blog.pageName/>&lt;/a&gt;</textarea></p>    <div style=’clear:both;’/>    </div>    </div>    </b:if>
    <!– Kotak Admin Tempat Blogging –> 


7. Gantilah kode yang berwarna MERAH, dengan kalimat Anda sendiri.

8. Setelah itu coba Save dan lihat di setiap postingan blog Anda akan muncul kotak admin. Contohnya lihat pada artikel di bawah ini

9. Jika sudah berhaasil, maka saya ucapkan selamat bagi Anda karena sudah mengikuti langkah di atas dengan benar. Bagi Anda yang belum berhasil, mungkin bisa dibaca lagi langkah di atas dan jika sudah melakukan dengan benar, tapi tetap tidak bisa, boleh langsung ditanyakan.



Cara Membuat Kotak Admin di Bawah Setiap Postingan Blog | Fahri Wijaya | 4.5