The Zwodder Shadow

Kotak Pesan Admin, atau bisa disebut Author Box sering digunakan oleh pemilik blog untuk menyampaikan pesannya dibawah setiap posting blog. Seperti gambar dibawah ini.

Contoh langsungnya silahkan lihat dibawah postingan ini. Oke.

Tanpa berlama lama lagi, saya akan membagikan cara membuat kotak pesan admin atau author box dibawah posting blog.

1. Masuk dulu ke blog kamu, lalu masuk ke menu Template.

2. Kemudian klik Edit HTML.

3. Cari kode ]]></b:skin> pada kode di template blog kamu.

Tanda panah sebelah kiri adalah tempat menaruh kode, dan sebelah kanan adalah kotak search (ctrl+f)

Untuk lebih mudah mencari, arahkan kursor kamu ke kode template, klik dimana saja, lalu tekan CTRL + F kemudian cari kode ]]></b:skin>

4. Kemudian copy kode dibawah ini :

.admin-tulisan{

display:block;

width:auto;

background:#666666;

border:2px solid #000000;

box-shadow:0 1px 3px #000000;-moz-box-shadow:0 1px 3px #000000;-webkit-box-shadow:0 1px 3px #000000;

padding:0;

margin:30px 0 10px 0;

font:normal 12px Arial, Sans-Serif;

color:#ffffff;

}

.admin-tulisan .kontainer{padding:5px;}

.admin-tulisan h4{

background:#ff0000;

border:none;

border-bottom:1px solid #ffffff;

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;

}

lalu paste kan kode tersebut diatas ]]></b:skin>

Tanda panah sebelah kiri adalah jarak, dan sebelah kanan adalah kode yang di paste kan barusan.

untuk memudahkan kamu ketika mengedit html pada blog, kamu bisa menambahkan jarak yang jauh antara kode yang kamu buat, dengan kode yang lainnya. singkatnya, gunakanlah tombol Enter beberapa kali diatas dan dibawah kode yang kamu buat. Sehingga dapat dengan mudah bila suatu hari kita ingin menghapus atau mengedit kode tersebut.

5. Kemudian cari kode <div class='post-footer'> dan copy kode dibawah ini.

<b:if cond='data:blog.pageType == "item"'>

<div class='admin-tulisan'>

<h4>Posted by : <a expr:href='data:blog.homepageUrl'><data:post.author/></a> "The Zwodder Shadow"</h4>

<div class='kontainer'>

Terimah Kasih telah membaca artikel <a expr:href='data:post.url'><data:post.title/></a>. Yang ditulis oleh <data:post.author/>. Pada <data:post.dateHeader/>. Jika anda ingin menyebarluaskan atau mengcopy artikel ini, mohon sertakan <blink><strong>sumber link asli.</strong></blink> Kritik dan saran dapat anda sampaikan melalui kotak komentar. Terimakasih.

<p>

<textarea cols='57' 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><span style='float:right;font:italic 10px Arial, Sans-Serif;'><a href=' http://rahman-ciblog.blogspot.com/2013/04/cara-membuatmemasang-kotak-pesan-admin.html /' target='_blank'>:: Get this widget ! ::</a></span></p>

<div style='clear:both;'/>

</div>

</div>

</b:if>

6. Setelah dicopy, paste-kan kode tersebut tepat diatas <div class='post-footer'>.

Keterangan :
Kode Hijau adalah deskripsi blog kamu.
Kode Merah adalah tulisan yang bisa kamu ubah sesuai keinginan.

7. Jika sudah selesai, jangan lupa save template kamu.

Mungkin untuk posting pertama ini saya harus memperkenalkan diri.
Nama saya Muhammad Fajar, bertempat tinggal di Cilebut, Bogor, Jawa Barat. Saya lahir pada tanggal 29 Januari 1997. Untuk yang mau menghubungi saya, bisa hubungi saya di :
Twitter @FajarSugoi
Facebook fb.com/mfjr48 Muhammad Fajar
BBM : 7D02699A
Email : mfjr48@gmail.com

Oh iya, kenapa nama blog ini Zwodder Shadow? Awalnya karena saya suka bayangan bila diterjemahkan ke bahasa Inggris yaitu 'Shadow', lalu saya tidak sengaja menemukan istilah dalam kosakata bahasa Inggris yaitu 'Zwodder' yang artinya keadaan mengantuk dan bodoh dari tubuh dan pikiran yang terasa lelah. 'Zwodder' memang istilah yang saat ini sudah jarang sekali digunakan sehingga anda mungkin tidak terlalu familiar dengan istilah tersebut.

Mungkin sekian posting pertama saya ini, terima kasih telah mau membaca postingan saya yang kurang penting ini. Semoga blog ini bermanfaat buat anda semua :)

The Zwodder Shadow

Saturday, November 21, 2015

Membuat kotak pesan Admin dibawah posting blog

Posting Pertama!