Cara Membuat Tulisan Copyright di Blog

Bookmark and Share


Langkah 1

Login ke akun Blogger milik Anda > Tata Letak > Edit HTML. Klik Download Full Template untuk membackup template blog Anda.

Copas kode berikut tepat di atas kode <]]></b:skin>

.copyright{
float:left;
padding-top:5px;
padding-bottom:5px;
font:normal 80% Verdana,Trebuchet,Arial,Sans-serif;}



Ganti float menjadi right jika Sobat ingin meletakkannya pada bagian kanan blog, left pada bagian kiri. Jika ingin terletak di tengah, hapus kode float.



Langkah 2

Copas kode berikut ini tepat di atas kode </body>

<div class='copyright'>Copyright © 2010 di sini kata-kata terserah Sobat<div>

MEMASANG RUN TEXT LCD PADA BLOG

Bookmark and Share
Berikut cara memasangnya:

Kode yang digunakan:

<object height="46" width="1000"><param name="movie" value="http://i339.photobucket.com/albums/n463/textspace/lcd/lcd_7.swf" />
<param name="wmode" value="transparent" />
<param name="flashvars" value="w=1000&amp;h=46&amp;c=1&amp;spd=2&amp;b=1&amp;t=SELAMAT DATANG DI ADI PRASETIA BLOG's" />
<param name="allowscriptaccess" value="always" />
<embed src="http://i339.photobucket.com/albums/n463/textspace/lcd/lcd_7.swf" type="application/x-shockwave-flash" wmode="transparent" flashvars="w=1000&h=46&c=1&spd=2&b=1&t=SELAMAT DATANG DI ADI PRASETIA BLOG's" allowscriptaccess="always" width="1000" height="46"></embed></object> 


Apabila Blog Anda tidak mempunyai widget dibawah header, maka bisa juga Anda memasang kode dibawah ini dan letakan tepat diatas kode <div id='header-wrapper'> pada menu Edit HTML

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0"
width="1000" height="46" id="TextSpace">
<param name="movie"
value="http://i339.photobucket.com/albums/n463/textspace/lcd/lcd_7.swf" />
<param name="quality" value="high" />
<param name="allowscriptaccess" value="always" />
<param name="wmode" value="transparent" />
<param name="flashvars"
value="w=1000&amp;h=46&amp;c=1&amp;spd=2&amp;b=1&amp;t=SELAMAT DATANG DI ADI PRASETIA BLOG's" />
<embed src="http://i339.photobucket.com/albums/n463/textspace/lcd/lcd_7.swf"
quality="high" width="1000" height="46" name="TextSpace"
flashvars="w=1000&amp;h=46&amp;c=1&amp;spd=2&amp;b=1&amp;t=SELAMAT DATANG DI ADI PRASETIA BLOG's"
allowscriptaccess="always" wmode="transparent"
type="application/x-shockwave-flash"
pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>


Keterangan:
Angka 1000 berwarna merah lebar = LCD, sesuaikan lebar Widget Blog Anda.
Angka 1 berwarna ungu = warna background LCD. Anda dapat merubah dengan memasukan angka 1 sampai dengan 10. Tiap angka mempunyai warna yang berbeda.
Angka 2 berwarna biru adalah kecepatan teks berjalan.
Teks yang berwarna hijau adalah teks yang akan muncul pada layar LCD, silahkan sesuaikan dengan keinginan.
Untuk mendapatkan variasi Text LCD yang lebih banyak, dapat Anda kunjungi situsnya di textspace.net.

Cara pasang:
LOGIN/ MASUK ke Dasbor Akun blogger Anda > Tata Letak > Tambah Gadget >HTML/Javascript  Copy kode diatas kedalamnya.

CARA MEMBUAT POSTINGAN TERAKHIR/ RECENT POS

Bookmark and Share
Daftar Postingan Terakhir / Recent Post dipasang pada sebuah BLOG bertujuan untuk mempermudah navigasi.
Berikut Kode Script / Script Code yang dibutuhkan.
<div style="overflow:auto;width:50%px;height:130px;border:1px solid #eee;padding:1px;margin:5px 0 0">
<script style="text/javascript" src="http://moalmules.googlecode.com/files/go.js"></script><script style="text/javascript">
var numposts =10;
var showpostdate = false;
var showpostsummary = false;
var numchars = 0;
var standardstyling = true;</script>
<script src="http://adi-praspres.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script>
</div>

numposts = 10 adalah jumlah postingan yang akan ditampilkan

Pada tulisan yang berwarna merah ganti dengan URL blog Anda.

Cara pasang:
Masuk ke menu Dasbor / Akun blogger Anda > Tata Letak > Tambah Gadget >HTML/Javascript  Copy dan Paste Kode Script / Script Code diatas.

TOMBOL SHARE ALA OKEZONE.COM

Bookmark and Share
Jika anda menginginkan Tombol SHARE ala OKEZONE seperti ini











Berikut langkah-langkahnya:
1. Masuk ke Edit HTML, Jangan lupa Klik Expand Template Widget. Cari Kode Seperti ini
    ]]></b:skin> 
    Kemudian Copy Script Berikut
     #sharethis{ float: right; }
2. Paste di atas kode ]]></b:skin>
3. Langkah selanjutnya yaitu Copy Kode Berikut :
    <span id='sharethis'> <div><a class='addthis_button' expr:addthis:title='data:post.title'   expr:addthis:url='data:post.url'><img alt='Bookmark and Share' height='16' src='http://s7.addthis.com/static/btn/v2/lg-share-en.gif' style='border:0' width='125'/></a> <script src='http://s7.addthis.com/js/250/addthis_widget.js#pub=xa-4b0d68f938b62b99' type='text/javascript'/></div> </span>
4. Kemudian Paste Di atas <data:post.body/>
5. Simpan dan lihat hasilnya
   

Menampilkan Video dari YOUTUBE pada BLOG

Bookmark and Share
1. LOGIN terlebih dahulu pada akun BLOGGER anda
2. Pilih NEW ENTRI
3. Pilih Insert Video seperti pada gambar berikut
   
4. Pilih From Youtube kemudian ketik/cari video yang anda inginkan melalui kolom yang disediakan.
    (lihat  gambar berikut)

5. Klik SELECT/ PILIH, video telah terposting pada BLOG anda.
  
 Berikut contoh video yang saya ambil dari YOUTUBE berjudul The Ride of The Year Nominees 2012



CARA MEMPOSTING KODE HTML PADA BLOG

Bookmark and Share


Caranya:
  1. Masukkan (paste) kode HTML yang ingin kita posting di blog ke dalam  http://centricle.com/tools/html-entities/ ,  klik encode.
  2. Copy hasilnya dan pastekan di postingan BLOG anda.

Ini adalah alamat situs penyedia layanan encode HTML

Selamat Mencoba dan Semoga Sukses

Membuat Kotak Komentar Facebook Dengan Kotak Komentar Blogger

Bookmark and Share

Baiklah jika sobat blogger menginginkan Kotak komentar yang dimaksud pada judul, ikutilah Langkah -langkah Berikut :
  1. Login Ke Akun Blogger sobat
  2. Pada Dasbor Pilih Rancangan /Design  Kemudian Pilih EDIT HTML ( dan jangan lupa untuk mencentang kolom expand template widget )
  3. Masukan atau copas kode berikut (warna orange) tepat dibawah kode  <div class='comments' id='comments'>
    ( apabila Terdapat 2 kode <div class='comments' id='comments'&gt; yg sama Silakan sobat pastekan ke kode yg kedua )



    <div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle("#fb-comments");' title='Comments made with Facebook'>
    <img class='comments-tab-icon' src='http://static.ak.fbcdn.net/rsrc.php/v1/yH/r/eIpbnVKI9lR.png'/>
    <fb:comments-count expr:href='data:post.url'/> Comments
    </div>
    <div class='comments-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle("#blogger-comments");' title='Comments from Blogger'>
    <img class='comments-tab-icon' src='http://www.blogger.com/img/icon_logo32.gif'/> <data:post.numComments/> Comments
    </div><div class='clear'/>
    </div>
    <div class='comments-page' id='fb-comments-page'>
    <b:if cond='data:blog.pageType == "item"'>
    <div id='fb-root'/>
    <fb:comments expr:href='data:post.url' num_posts='2' width='400'/>
    </b:if>
    </div>
    <div class='comments comments-page' id='blogger-comments-page'>

    <script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
    <script src='http://code.jquery.com/jquery-latest.js'/>
    <meta content='ID FB Sobat disini' property='fb:admins'/>
    <script type='text/javascript'>
    function commentToggle(selectTab) {
    $(".comments-tab").addClass("inactive-select-tab");
    $(selectTab).removeClass("inactive-select-tab");
    $(".comments-page").hide();
    $(selectTab + "-page").show();
    }
    </script>
    <style>.comments-page { background-color: #f2f2f2;}
    #blogger-comments-page { padding: 0px 5px; display: none;}
    .comments-tab { float: left; padding: 5px; margin-right: 3px; cursor: pointer; background-color: #f2f2f2;}
    .comments-tab-icon { height: 14px; width: auto; margin-right: 3px;}
    .comments-tab:hover { background-color: #eeeeee;}
    .inactive-select-tab { background-color: #d1d1d1;}</style>
     

    4 . Simpan Templatenya Dan Lihat Hasilnya

          SELAMAT MENCOBA dan SEMOGA SUKSES