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 == "item"'> <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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioE5efbJusQWdfcJYGn0LswoTN2ilzVJp9AA7IEs_yFvPOGas7HELLTdY_rPn_aDziB5iZEtqvRWo1jqiF24Nbdm29CVLVpviQVf0tU2wLOLHMun8szCZS1ax8mtbjQQYCiFhJUojC6w/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'><a href="<data:post.url/>" target="_blank"><data:blog.pageName/></a></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.
0 Response to "Cara Membuat Kotak Admin di Bawah Setiap Postingan Blog"
Posting Komentar