Cara Membuat Kotak Admin

Cara Membuat Kotak Admin. Kotak Admin Adalah salah satu kotak yang berfungsi untuk memberikan informasi tentang posting yang anda buat atau teguran untuk pengunjung. kotak Admin juga berfungsi agar posting bisa di backlink bagi pengunjung yang ingin mencopy posting anda. di posting kali ini saya akan menjelaskan secara mendetail tentang Cara Membuat Kotak Admin Di Blogger. untuk membuat kotak admin anda harus mengedit HTMLTemplate anda agar bisa di pasang di bawah postingan. untuk itu anda harus ikuti cara yang saya akan jelaskan, Berikut Caranya:

• Silahkan Anda Login Ke Blogger Anda.
• Setelah itu, Klik Menu Template untuk mengedit HTML template anda. Gambar:(1)

                                                                       Gambar:(1)

• Lalu, Klik Tombol Edit HTML. Gambar:(2)

                                                    Gambar:(2)

•  Setelah itu, Centang Expand Template Widget. Gambar:(3), Cari kode ]]></b:skin>.

                                                                    Gambar:(3) 

• Masukan Kode berikut ini diatas kode ]]></b:skin> dengan menekan CTRL+F atau F3 :

• Lalu, Cari Kode <div class='post-footer'> dengan menekan CTRL+F atau F3.
• Masukan Kode Berikut di atas kode <div class='post-footer'> :

<!-- Box Admin -->

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

<div class='admin-tulisan'>

<h4>

Ditulis Oleh : <a expr:href='data:blog.homepageUrl'><data:post.author/></a> ~Anda sedang membaca Artikel tentang</h4>

<div class='kontainer'>

<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhP2U-qfplsDDRBf4zfCBaVx5a0cGF_sADa4g3O-0GHSRCHAi4JJhleV6R4Xsm1JhuOXFZCV63KE668FPgpTUPHs7nckMzMRdR0tTFCHw2egRha8sjD2_fqlGQkd-hVDyC6SEnVAoP8Z08/s220/BP.jpg'/>

Artikel <a expr:href='data:post.url'><data:post.title/></a> ini diposting oleh <data:post.author/> Pada Tanggal <data:post.dateHeader/>. Terimakasih atas kunjungan Anda serta kesediaan Anda membaca artikel ini. Kritik dan Saran dapat Anda sampaikan melalui kotak komentar. Dilarang Mengcopy Artikel Tanpa sepenge tahuan Admin atau Tidak menyertakan Link Sumber Dimana Artikel Berasal. Jika, Melanggar, Link Akan Di laporkan dan Akan Di hapus.

<p>

<div class='Backlink'>

<textarea class='Backlink' onclick='this.focus();this.select();' readonly='readonly' style='height:18px;' title='Press CTRL+C to copy'><a expr:href='data:post.url' target='_blank'><data:post.title/></a></textarea>

<p><span style='float:right;font:italic 10px Arial, Sans-Serif;'>

<a href='http://your-belajarblog.blogspot.com/2013/01/cara-membuat-kotak-admin-di-blogger.html' target='_blank'>:: Get this widget ! ::</a></span></p>

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

</div>

</div>

</b:if>

<!-- Box Admin -->

Catatan:
Jika Anda menemukan Kode <div class='post-footer'> yang ada dua, Silahkan anda pilih yang pertama kali anda temui. Masukan kode diatas tepat di atasnya. Ganti Tulisan Terimakasih atas kunjungan Anda serta kesediaan Anda membaca artikel ini. Kritik dan Saran dapat Anda sampaikan melalui kotak komentar. Dilarang Mengcopy Artikel Tanpa sepenge tahuan Admin atau Tidak menyertakan Link Sumber Dimana Artikel Berasal. Jika, Melanggar, Link Akan Di laporkan dan Akan Di hapus. dengan Deskripsi yang anda inginkan, Ganti Tulisan yang berwarna merah dengan gambar foto anda.

• Setelah itu, Klik Simpan Template.

Cara Membuat Random Post Berjalan

Cara Membuat Random Post Berjalan. Apa itu Random post,,?

Random post adalah sebuah widget yang menjukkan semua post-post yang ada di blog kita secara acak.

Apa fungsi dari random post,,?

Random post berfungsi memberi tahu kepada visitor post-post di blog kita yang sudah kita post terdahulu jadi para visitor akan tau post post kita terdahulu

maka penting juga widget ini untuk blog kita :D

langsung saja berikut trik membuat random postnya :

1.Buka akun Blogger sobat

2.Pilih menu "Tata Letak"

3.Klik "Tambah Gadget"

4.Pilih HTML/JavaScript

5.Isikan Kode dibawah ini di bagian konten

 <center><style type="text/css">

#rp_plus_img{height:300px;overflow:hidden;border:solid 0px #eee;padding:6px 10px 24px 5px;background-color:transparent;}

#rp_plus_img ul{list-style-type:none;margin:0;padding:0}

#rp_plus_img li{border:1px; margin:0; padding:0; list-style:none;}

#rp_plus_img li{height:60px;padding:5px;list-style:none;}

#rp_plus_img a{color:#444444;}

#rp_plus_img .news-title{display:block;font-size:10px;font-weight:bold !important;color:#444444;text-align:justify;}

#rp_plus_img .news-text{display:block;font-size:11px;font-weight:normal !important;color:#000000;text-align:justify;}

#rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 1px #eee;width:95px;height:55px;}

</style>

<script src="http://bayorandom.googlecode.com/files/jQueryzeins.js" type="text/javascript">

</script>

<script src="http://bayorandom.googlecode.com/files/zeinskreatip.js" type="text/javascript">

</script>

<script type="text/javascript">

var speed = 1000;

var pause = 2500;

$(document).ready(function(){

rpnewsticker();

interval = setInterval(rpnewsticker, pause);

});

</script>

<ul id="rp_plus_img"><script>

var numposts = 20;

var numchars = 0;

</script> <script src="http://rpl-yes.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rpthumbnt">

</script> </ul>

</center>

6.Simpan

NP : Script yang berwarna merah ganti dengan link blog sobat 

Selamat Mencoba dan semoga sukses :D. Sekian Dulu post Dari D-T .

Cara Memberi Scroll Pada Label

Cara Memberi Scroll Pada Label. Label berfungsi sama dengan folder yaitu penampung dari beberapa postingan kita sehingga memudahkan pengunjung untuk mecari informasi-insormasi dari blog kita
nah jika blog kita sudah berisi banyak informasi maka label kita juga banyak dan akan makan tempat
nah trik kali ini bisa membantu dan menghemat tempat di blog kita.

TUTORIAL :

1.Buka akun Blogger sobat
2.Pilih Temlate
3.Pilih Edit HTML
4.Centang "Expand Template Widget"
5.Cari kode ]]></b:skin>
6.Letakkan Kode dibawah ini diatas kode ]]></b:skin>

 #Label1 .widget-content {
height:150px;
width:auto;
overflow:auto;
}

7.Simpan

NB : Jika ingin menyesuaikan panjang scroll ubah kode yang berwarna merah

Sekian dulu post dari D-T. Semoga Bermanfaat.

Cara Mengganti Kursor Blog

Cara Mengganti Kursor Blog. Kali Ini Akan Share Tentang Blog. Tepatnya Cara Mengganti Kursor Blog. Pasti Kalian Bosan Donk Sama Kursor Kalian Yang Gitu-Gitu Aja. Nah, Makanya Sekarang Saya  Akan Memberikan Tutorialnya. Sangat Simple. Langsung Aja Ke TKP !!

Tutorial :

1. Login Ke Blog Sobat.

2. Template > Edit HTML

3. Tekan "F3", Lalu Cari Kata </head>

4. Copy Kode Dibawah Ini, Lalu Letakkan Di Atas Kode </head>

<style type='text/css'>

HTML,BODY{cursor: url(&quot;http://cur.cursors-4u.net/toons/too-11/too1008.png&quot;), auto;}

</style>

5. Save Template.

NB : 

Ganti URL Yang Berwarna Merah Dengan URL Kursor Yang Anda Inginkan. 

URL Tersebut Bisa Anda Cari Di Mbah Google.

Sekian & Thanks.