Tips Membuat Kotak Admin dibawah Postingan Blog

Kali ini saya akan berbagi dengan teman-teman blogger mengenai tata cara mebuat kotak Admin dibawah postingan blog, fungsinya adalah untuk menunjukkan kepada pengunjung tentang diri anda agar dikenal lebih dekat lagi.

Daripada basa-basi mending saya langsung aja pada tips :

1. Buka design blog
2. Masuk ke Template dan buka Edit HTML
3. Cari Kode Script ]]></b:skin> (untuk memudahkan pencarian gunakan control+F)
4. Masukkan code script dibawah ini tepat diatas ]]></b:skin>

   .admin-tulisan{
       display:block;
       width:auto;
       background:#FFFFFF;
       border:2px solid #000000;
       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 Comic Sans Ms;
       color:#222;
       }
       .admin-tulisan .kontainer{padding:5px;}
       .admin-tulisan h4{
       background:#0000FF;
       border:none;
       border-bottom:2px solid #000000;
       color:#fff;
       text-transform:normal;
       text-shadow:0 1px 0 rgba(0, 0, 0, 0.4);
       font:bold 12px Comic Sans Ms;
       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 #000000;
       padding:2px;
       background:#000000;
       box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;
       }

5. Setelah itu cari code script <div class='bookmark'><ul> biasanya paling bawah, lalu masukkan code script dibawah ini tepat diatasnya :

   <!-- Kotak Admin -->
   <b:if cond='data:blog.pageType == &quot;item&quot;'>
   <div class='admin-tulisan'>
   <h4>Di Posting Oleh : <a expr:href='data:blog.homepageUrl'><data:post.author/></a> ~ http://aderaw.blogspot.com/</h4>
   <div class='kontainer'>
   <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNXOsaCKmtPGUNj7-6rLlH5KtqUsj3k1Vct6Xz3QQIdYhpGoisUfooA1U-F1W0tNHyajhYCzjxqCD_xwBtrpvrRtjqxbBAw1xqplql2BR919vTSMT2nnwkKgaiYun5Ja8moyd7F0p6UG8/s237/aaaaaaaaaaaaaaaaaaaaaaaa.jpg'/>
   Artikel <a expr:href='data:post.url'><data:post.title/></a>ini diposting oleh <data:post.author/> pada hari<data:post.dateHeader/>. Terimakasih atas kunjungan Sobat serta kesediaan Sobat membaca artikel ini, Kritik dan saran dapat Sobat sampaikan melalui kotak komentar. Semoga Artikel <data:post.title/> Bermanfaat .. ^_^
   <p><span style='float:Center;font:bold 12px Comic Sans Ms;'><a href='http://aderaw.blogspot.com' target='_blank'><b><blink>Klik Untuk Memasang Widget Ini!</blink></b></a></span></p>
   <div style='clear:both;'/>
   </div>
   </div>
   </b:if>
   <!-- Kotak Admin -->

6. Ganti code yang berwarna merah sesuai dengan keinginan anda, ingat! hanya code berwarna merah.
7. Simpan dan cek hasilnya

Demikian penjelasan saya mengenai Tips Membuat Kotak Admin dibawah Postingan Blog, kiranya beroleh manfaat dari postingan ini.

  - Cara membuat/menambah tombol follow twitter di blog atau cara membuat/menambah twitter follow button di blog.

Twitter merupakan salah satu jejaring sosial yang cukup banyak peminatnya, oleh karena itu tak heran jika banyak orang telah menggunakan twitter untuk berbagai keperluan, misalnya memasarkan produk, mencari pelanggan, tukar pengalaman, dan lain sebagainya. Dan kita sebagai blogger pun harus mampu memanfaatkan jejaring sosial yang satu ini untuk mengoptimalkan traffic di blog kita. Bagaimana caranya? Oke langsung saja jelaskan sedikit. Bila kita sudah punya banyak follower, lalu setiap update posting artikel blog kita kita masukkan di twitter, maka tentu artikel kita tersebut akan bisa dilihat banyak orang dan pastinya akan banyak yang tertarik yang mengunjungi blog kita. Lantas bagaimana cara mendapatkan banyak follower tersebut? Sebenarnya ada banyak cara, diantaranya mencari follower secara mudah. Baca:   http://aderaw.blogspot.com/ Selain dengan cara tersebut, kita juga bisa menambah follower twitter kita dengan cara memasang tombol follow twitter di blog kita. Jadi setiap pengunjung yang tertarik untuk mengikuti kita di twitter bisa langsung mengklik tombol ini dan dia otomatis menjadi follower kita. Lantas bagaimana caranya? Mudah saja, silahkan ikuti c    http://aderaw.blogspot.com//berikut ini:

1. Silahkan masuk ke akun blog kalian

2. Copy kode di bawah di bagian blog mana saja, terserah sobat, misalnya di header, sidebar, footer atau yang lainnya.

<a href="https://twitter.com/ade irawan ‏@ADERAW2" class="twitter-follow-button" data-show-count="false">Follow ade irawan ‏@ADERAW2</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

3. Silahkan ganti kode yang berwarna biru dengan id twitter sobat

4. Selesai

Mudah kan tutorial Cara Memasang Tombol Follow Twitter di Blog ini? Pastinya donk.. Oke, semoga bermanfaat buat sobat.

Cara memasang Efek Kembang Api Pada Blog

بِسْمِ اللّهِ الرَّحْمَنِ الرَّحِيْمِ

cara buat bintang berjatuhan d blog

Hai blogger! Hari ini saya coba menulis khususnya buat para blogger pemula
tentang bagaimana cara 'Membuat Efek Bintang Berjatuhan di Blog'.
Ada 4 (empat) warna bintang yang bisa anda pasang di blog anda. Tanpa basa-basi, langsung saja kita menuju ke TKP :

*  Pada Dasbor, anda pilih Rancangan
*  Tambah Gadget dan pilih HTML/JavaScript
*  Copy Script di bawah ini dan paste ke dalam kontennya.
*  Simpan dan lihat hasilnya.

1. Bintang warna merah :

<script src="http://imtikhan.googlecode.com/files/bintang_merah.js"></script>

2. Bintang warna kuning :

<script src="http://imtikhan.googlecode.com/files/bintang_kuning.js"></script>

3. Bintang warna hijau :

<script src="http://imtikhan.googlecode.com/files/bintang_hijau.js"></script>

4. Bintang warna biru :

<script src="http://imtikhan.googlecode.com/files/bintang_biru.js"></script>

Cara Membuat Animasi Teks Berjalan

Dibawah ini adalah beberapa contoh Animasi Teks yang menggunakan efek marquee. untuk anda yang berminat,silahkan anda copy kodenya kemudian anda paste ke gadget html anda.
Teks Berjalan Bolak Balik dari Kiri - kanan

Ilmu Itu Murah Maka Amalkanlah

<marquee behavior="alternate" direction="right"
scrollamount="5" scrolldelay="10" >Ilmu Itu Murah Maka Amalkanlah</marquee>

Teks Berjalan Dari kanan kekiri secara bersambung

Ilmu Itu Murah Maka Amalkanlah

<marquee behavior="scroll" direction="left" scrollamount="5"
scrolldelay="10" >Ilmu Itu Murah Maka Amalkanlah</marquee>

Teks Berjalan dari kanan kekiri 10 kali

Ilmu Itu Murah Maka Amalkanlah

<marquee behavior="slide" bgcolor="" direction="left"
loop="10" scrollamount="5" scrolldelay="10">Ilmu Itu Murah Maka Amalkanlah</marquee>

Teks Berjalan dengan efeks Bounce atau ZIG ZAG

Ilmu Itu Murah Maka Amalkanlah

<marquee
behavior="alternate" direction="up" scrollamount="5" scrolldelay="10"
>Ilmu Itu Murah Maka Amalkanlah</marquee>

Teks Berjalan Berjalan Bolak balik dari bawah ke atas

Ilmu Itu Murah Maka Amalkanlah

<marquee
behavior="alternate" direction="up" scrollamount="5" scrolldelay="10" >Ilmu 
Itu Murah Maka Amalkanlah</marquee>

Teks Berjalan Berjalan dari bawah ke atas secara bersambung

Ilmu Itu Murah Maka Amalkanlah

<marquee behavior="scroll" direction="up"
style="text-align: center;" scrollamount="5" scrolldelay="10" >Ilmu Itu Murah 
Maka Amalkanlah</marquee>

Teks Berjalan Berpencar
Ilmu Itu Murah Maka AmalkanlahIlmu Itu Murah Maka AmalkanlahIlmu Itu Murah Maka AmalkanlahIlmu Itu Murah Maka Amalkanlah

<marquee direction="Up" style="text-align: center;">Ilmu 
Itu Murah Maka Amalkanlah</marquee> <marquee direction="Left"
style="text-align: center;">Ilmu Itu Murah Maka Amalkanlah</marquee><marquee
direction="right" style="text-align: center;">Ilmu Itu Murah Maka Amalkanlah</marquee>
<marquee direction="down" style="text-align: center;">Ilmu Itu Murah Maka 
Amalkanlah</marquee>

*Keterangan :
  Ganti Tulisan "Ilmu Itu Murah Maka Amalkanlah" dengan Kalimat Yang lain.

Selamat Mencoba.