Monday 8 July 2013

Cara Membuat Author Box ( Kotak Admin ) Di Blog

18 comments

Saat ini sedang banyak blog yang isinya copy paste, dan tidak pula memberikan link aktif sumber ia mendapatkan artikel tersebut, sayapun memiliki blog copas --> infokuaci.blogspot.com  . Namun saya selalu memberikan link aslinya , jadi tidak melanggar peraturan, jika teman-teman mau melihat klik Disini

Untuk mengantisipasi banyak artikel copas tanpa memberikan link asli, sebaiknya kita memberikan peringatan dibawah postingan blog dalam bentuk kotak admin. Jika teman teman ingin melihat bentuk dari kotak admin tersebut teman-teman bisa melihat gambar di bawah ini atau bisa melihat langsung dibawah postingan blog saya.

Jika anda tertarik , lanjut baca artikel ini

1. Kilik menu template di blog anda --> klik html
    Jika anda sulit menemukan pemula dan sulit untuk menemukan kode di edit html, bisa melihat caranyaDisni



2 Anda cari kode berikut terlebih dahulu


]]></b:skin>

3. Letakkan Kode berikut Sebelum Kode di atas
/* kotak admin diandiki blogspot */
.admin-tulisan{display:block;width:aut

o;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;bord

er-bottom:1px solid

#699019;color:#fff;text-transform:norm

al;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 admin diandiki blogspot */


ket :
Warna merah untuk mengatur warna background
Warna Orange untuk merubah warna border
Warna Hijau untuk merubah warna tulisan

4. Setelah itu anda cari kode
<div class='post-footer'>
5. Pastekan kode berikut di atas kode di atas
<!-- Kotak Admin diandiki blogspot -->
    <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> | Diandiki Blogspot</h4>
    <div class='kontainer'>
    <img src='http://i1277.photobucket.com/albums/y486/ErdianRahmana/diandikibanner_zps81b051c7.jpg'/>
    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 <blink><strong>sumber link asli.</strong></blink> Kritik dan saran dapat anda sampaikan di komentar, Trimakasih
    <p>
<textarea cols='57' 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><span style='float:right;font:italic 10px Arial, Sans-Serif;'><a href='http://diandiki.blogspot.com/2013/07/cara-membuat-author-box-kotak-admin-di.html' target='_blank'>:: Get this widget ! ::</a></span></p>
    <div style='clear:both;'/>
    </div>
    </div>
    </b:if>
    <!-- Kotak Admin diandiki blogspot-->

Ket:
  • Warna biru ganti Nama blog anda
  • Warna Merah ganti dengan URL foto anda
  • Warna orange ganti dengan kata-kata anda sendiri
  • Selebihnya anda bisa mengedit sendiri

6. Pratinjau terlebi dahulu kalau sudah selesai simpan deh
selamat mencoba

Creatif By : Unknown | Diandiki Blogspot

Terimah Kasih telah membaca artikelCara Membuat Author Box ( Kotak Admin ) Di Blog. Yang ditulis oleh Unknown .Pada hari Monday 8 July 2013. Jika anda ingin sebarluaskan artikel ini, mohon sertakan sumber link asli. Kritik dan saran dapat anda sampaikan di sini, Atas perhatiannya kami ucapkan Terimakasih :)

:: Get this widget ! ::

18 comments:

  1. terima kasih informasinya kk , oh ya sudah saya follow juga , di tunggu ya follow baliknya http://gieproject-course.blogspot.com/2013/07/daftar-harga-laptop-update-juli-lengkap.html

    ReplyDelete
    Replies
    1. sudah saya folback tanks yah dah follow :)

      Delete
  2. Makasih artikelnya gan.. ditunggu follbacknya ya :) saya sudah mem follow anda .. hehe

    ReplyDelete
    Replies
    1. Sudah gan, silahkan di cek.
      makasih ya dah follow :)

      Delete
  3. informasinya sangat bermanfaat gan
    makasih

    ReplyDelete
  4. terimakasih artikelnya, sangat membantu sekali. jangan lupa mampir di blog saya http://fauzandwiamiludin.blogspot.com dan jangan lupa join us.

    ReplyDelete
  5. tadinya dah mo pasang sesuai petunjuk diatas...tp nggak jd...habis di blog dah ada profil bawaan blogger n about us di menu2 atas blog saya. menaik sich...tp nanti ndak ke double-double. trims artikelnya...yg pasti bnyk manfaatnya.

    ReplyDelete
  6. yang udah ucap terimakasih, terimakasih kembali yaaa, blog kalian sudah aku kunjungi kok , artikelnya menarik semua, terimakasih sudah berkunjung di diandiki blogspot :)

    ReplyDelete
  7. Makasih Artikel nya sangat bermanfaat sob
    ditunggu folbacknya http://arhinza123.blogspot.com/

    Makasih :D

    ReplyDelete
  8. keren tuh kayanya kalau dipasang di blog,,,

    ReplyDelete
  9. wah thx artikelnya gan, bermanfaat banget

    ReplyDelete
  10. makasih mas, tak coba ya.......................... salam kenal

    ReplyDelete
  11. loh,aneh kok gak bisa ya gan saya coba. padalahal sudah ngikutin semua tutproalnya?

    ReplyDelete
  12. Thanks infonya
    :) :) :D :D ;)

    ReplyDelete

PERHATIKAN, Sebelum berkomentar :

1. Dilarang berkomentar tentang SPAM
2. Dilarang berkomentar tentang SARA
3. Dilarang Memasang Back Link di komentar

Selamat Berkomentar :)

Related Posts Plugin for WordPress, Blogger...