Sunday, July 15, 2012

CARA MENGUBAH BACKGROUND BLOG

Mungkin Post ini udah basi kalian tau apa lagi yang sudah bergelut lama didunia blogger maka post ini sangat ketinggalan jaman tetapi bagi yang belum tau atau newbe seperti saya ini post kali ini cukup membantu...

Jika tertarik mengganti background blog dengan gambar sendiri , bisa ikuti prosedur berikut:

Anda harus mengupload gambar yang akan digunakan menjadi background blog, bisa upload di situs hosting file image gratis seperti photobucket. Jika belum punya account disana bisa mendaftar di photobucket.com atau tinypic. Setelah mengupload gambar anda akan mendapakan url gambar tersebut. (Catatan: gambar yang diupload sebaiknya ukuran filenya kecil, usahakan tidak melebihi dari 10 kbyte) agar saat membuka blog dapat cepat loadingnya, saya sarankan anda upload gambar ke tinypic). Tetapi Jika cara seperti ini ribet anda juga bisa mengambilnya lewat gambar-gambar yang anda punya contohnya gambar-gambar yang telah ada di facebook anda.

Cara mengambilnya mudah dengan membuka gambar di facebook atau ngambil dari google tinggal anda klik kanan pada gambar yang dipilih untuk pengguna google crome pilih bacaan : copy image url dan pengguna mozzila Klik kanan view image info nanti akan nongol url gambar kemudian copy. .
   
Selanjutnya masuk ke account blogger:
Pilih dasboard -> Rancangan -> Edit Html
cari kode berikut:
body {

Nanti akan muncul seperti ini tetapi mungkin juga berbeda di setiap template jadi tinggal anda sesuaikan yang diganti hanya alamat url nya saja..
    body {
    font:$(body.font);
    color:$(body.text.color);
    background:#231F2D url(Ganti dengan url gambar anda) repeat top left;
    background-attachment:fixed;
    padding:15px 0
    }
 

Biasanya ada yang tetap saja tidak bisa berubah meskipun sudah diganti url nya maka jadi gelap tidak ada gambar hal ini disebabkan karena pada tulisannya repeat top biasanya yang tidak bisa terganti karena bukan repeat top tapi no-repeat maka harus dirubah atau dihapus no- nya...
Kemudian Simpan template....
Mudahkan...
semoga bermanfaat...




READ MORE - CARA MENGUBAH BACKGROUND BLOG

Membuat Judul Posting Membuka Tab Baru Saat Diklik

Open New Tab ( Script Tutorial Blog ) 
Kali ini Saya akan mencoba berbagi script tentang " membuat semua judul menjadi open new tab bila di klik....
Mungkin banyak cara mengenai open new tab ini tetapi dari semua yang saya lihat cara yang ini bener-bener simpel dan mudah mungkin semua bloger dapat melakukannya...
 
Hal yang pertama harus anda lakukan adalah :

Login
Rancangan
Edit Html
Cari Kode <head> dan tambahkan kode <base target='_blank' />   di bawahnya,terus simpan 


Nanti hasilnya akan seperti ini:

<head>
<base target='_blank' />
  
oke kan..



Sumber : http://termanja.blogspot.com

 

READ MORE - Membuat Judul Posting Membuka Tab Baru Saat Diklik

Saturday, July 14, 2012

Cara Membuat Auto Read More Pada Blog


Memang setiap kali saya harus membuat template kebanyakan harus membuat read more otomatis seperti ini karena memang sangat efisien dan minimalis terlihatnya, tidak seperti read more terdahulu yang harus memenggal artikel seperti code fungsi <div class="fullpost">..</div> atau <spanclass="fullpost">..</span> 
agar tidak tampil sepenuhnya di halaman depan blog kita.

Langsung saja kita praktekan cara membuat read more otomatis tersebut di bawah ini:

Penting! Yang sudah memasang Read More versi lama sebaiknya di kodenya kembalikan dulu ke seperti semula, caranya hapus kode yang berwarna merah dibawah ini (Setiap template mungkin berbeda, jadi tinggal disesuaikan saja)

<div class='post-header-line-1'/>

<div class='post-body'>

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

<style>.fullpost{display:inline;}</style>

<p><data:post.body/></p>

<b:else/>

<style>.fullpost{display:none;}</style>

<p><data:post.body/></p>

<a expr:href='data:post.url'>Readmore</a>

</b:if>

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

Kalau sudah kita ke tahap selanjutnya

------------------------------------------

Pertama, silahkan menuju menu DESIGN -> Edit HTML, Cari kode
</head> kemudian letakan script dibawah ini di atas kode </head> jangan lupa save template/simpanterlebih dahulu.

Langsung copy paste aja kode dibawah ini:

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<script type='text/javascript'>
var thumbnail_mode = &quot;float&quot; ;
summary_noimg = 280;
summary_img = 250;
img_thumb_height = 70;
img_thumb_width = 100;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(b,a){if(b.indexOf("<")!=-1){var d=b.split("<");for(var c=0;c<d.length;c++){if(d[c].indexOf(">")!=-1){d[c]=d[c].substring(d[c].indexOf(">")+1,d[c].length)}}b=d.join("")}a=(a<b.length-1)?a:b.length-2;while(b.charAt(a-1)!=" "&&b.indexOf(" ",a)!=-1){a++}b=b.substring(0,a-1);return b+"..."}function createSummaryAndThumb(d){var f=document.getElementById(d);var a="";var b=f.getElementsByTagName("img");var e=summary_noimg;if(b.length>=1){a='<span style="float:left; padding:0px 10px 2px 0px;"><img src="'+b[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';e=summary_img}var c=a+"<div>"+removeHtmlTag(f.innerHTML,e)+"</div>";f.innerHTML=c};
//]]>
</script>
</b:if>
</b:if>


Cara Pasang Read More Otomatis Terbaru di Blogspot

Updates!: Kode Warna Biru berfungsi agar halaman statis tidak ikut terpenggal seperti halaman HOME.

------------------------------------------

Masih pada halaman EDIT HTML, Beri tanda centang pada "Expand widget template" lalu temukan kode seperti dibawah

<data:post.body/>

Kalo sudah, ganti kode <data:post.body/> dengan semua kode dibawah ini

<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script 
type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='rmlink' style='float:left'><a expr:href='data:post.url'>READ MORE - 
<data:post.title/></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>


Kalo sudah silahkan klik preview kalau memang masih ragu-ragu lalu silahkan disimpan dan lihat hasilnya

Keterangan:

var thumbnail_mode = "float";  (kita dapat memutuskan apakah 
letak thumbnail berada di (float) kiri atau jika tidak silahkan ganti 
dengan (no-float)
summary_noimg = 250; (Menetapkan berapa banyak karakter akan ditampilkan 
di posting tanpa gambar / thumbnail)
summary_img = 250; (Menetapkan berapa banyak karakter akan ditampilkan di 
posting dengan gambar / thumbnail)
img_thumb_height = 120; (Thumbnail 'tinggi dalam piksel)
img_thumb_width = 120; (Thumbnail 'lebar dalam piksel)

Sumber : http://ocimnet.blogspot.com

READ MORE - Cara Membuat Auto Read More Pada Blog

Cara Membuat Komentar Facebook dan Blogger Berdampingan Pada Semua Template


Mungkin tutorial ini sudah usang dan tidak asing lagi bagi Sobat semua, akan tetapi tutorial yang sudah ada saya coba tidak berhasil pada semua template, dan kemungkinan banyak berhasil pada template premium saja.

Disini saya sedikit mengulas lagi agar tutorial ini berhasil di semua template, karena pada saat saya coba pada blog uji coba saya yang bertemplate standar, tuorial yang lama tidak berhasil, hanya berhasil pada template premium saja, berikut cara yang saya dapatkan dari salah satu blog yang sudah lama bergelut di dunia blogger.

Cara Membuat Komentar Facebook dan blogger Berdampingan Pada semua template: DEMO
  1. Login ke account blogger Sobat
  2. Klik rancangan lalu klik Edit HTML
  3. Download template Sobat dulu untuk berjaga-jaga jika nanti terjadi kesalahan
  4. Beri centang atau ceklis pada kotak kecil yang bertuliskan Expand Template Widget
  5. Jika sudah, cari kode  ]]></b:skin>  (gunakan ctrl + f untuk mempermudah pencarian)
  6. Kalau sudah ketemu maka masukkan kode berikut ini di atas kode ]]></b:skin>

  7. Klik buka untuk melihat kode: 
        .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;}

    Hilangkan kode berwarna hijau bila ingin background kedua komentar transparan.

    Cara di atas ini yang biasanya mewajibkan penempatan kode di bawah kode /* Comment atau#comments, Sebenarnya sama saja, mungkin para master terdahulu menyarankan begitu agar tampak lebih rapi.

  8. Kemudian Sobat cari kode </head>
    Jika sudah ketemu, masukkan kode berikut ini tepat di atas kode </head>


  9. Klik buka untuk melihat kode: 
        <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>

    Perhatikan tulisan yang berwarna hijau di atas, ganti dengan ID facebook Sobat, misalkan https://www.facebook.com/nama Sobat maka ID Sobat berada pada tulisan yang berwana hijau. Namun jika Sobat belum merubah ID Sobat maka yang tertera adalah berupa angka. contohnya seperti ini: https://www.facebook.com/1234567890

  10. Kemudian cari kode  <div class='comments' id='comments'>


  11. Keterangan:  Pada umumnya kode tersebut ada 2, copy dan pastekan kode berikut ini di bawahkedua kode <div class='comments' id='comments'>.


    Klik buka untuk melihat kode: 
        <div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle(&quot;#fb-comments&quot;);' 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(&quot;#blogger-comments&quot;);' 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 == &quot;item&quot;'>
        <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'>

    NB: Pada penempatan kode yang ke dua Sobat hapus kode yang berwarna ungu ya: <div class='comments comments-page' id='blogger-comments-page'> apabila kode di bawahnya sama.

    Perhatikan angka yang berwarna biru dan hijau di atas, angka 2 merupakan jumlah komentar yang akan ditampilkan pada komentar facebook. Sedangkan angka 400 merupakan lebar kotak komentar facebook. Sobat dapat menyesuaikannya sesuka hati, tapi kalu boleh saya kasih saran, sesuaikanlah dengan lebar template Sobat agar kelihatan rapi.

    Pada cara di atas yang biasanya menyarankan hanya menempatkan pada kode <div class='comments' id='comments'> yang kedua saja, saat saya coba pada template blog uji coba saya tidak berhasil, jadi harus menempatkan di bawah kedua kode tersebut.

  12. Kemudian klik save, dan lihat hasilnya.


Sumber : http://zuazz.blogspot.com
READ MORE - Cara Membuat Komentar Facebook dan Blogger Berdampingan Pada Semua Template

Monday, July 9, 2012

Key Trial Kaspersky Internet Security 2012








 Sebelum Anda Meriset Trial Numbernya Anda Harus :
1. Download KIS 2012 www.onelyz.co.cc
2. Aktifkan KIS 2012 Kemudian setelah aktif klik settings (Ada Dipojok Atas Kanan)
3. Setelah itu akan nongol settingnya diatas ada 4 gambar Pilih Gambar yang Kaya kardus.
4. Setelah itu Cari Bacaan Self-Defense dan Klik
5. Setelah itu ada Bacaan Enable Self-Defense klik ( contrengnya biar hilang )
6. Setelah Hilang klik apply lalu OK

Langka Selanjutnya Cara Mengaktifkan  KASPERSKY 2012  Dengan KEY TRIAL

  1. Turn off/Disconnect Internetnya
  2. Click “Manage License”
  3. Enter key: 11111-11111-11111-1111X
  4. Click on Next
  5. Pada jendela berikutnya, klik Browse
  6. Cari Key Trial Yang ada didalam Folder Kaspersky Internet Security 2012
  7. Click on Next.
  8. Finish. 
# Setelah keriset nanti KIS 2012 minta daktifkan ulang pilih yang TRIAL tetapi internet harus AKTIF.
# Setelah itu Update sampai uptodate..
# Setelah itu auto update KISnya di matiin Biar kita yang update sendiri agar trial resetnya tidak terbaca.
SELAMAT MENCOBA...
Janga Lupa like Box FB nya hehehehehe......
READ MORE - Key Trial Kaspersky Internet Security 2012

Khiasan

Teruslah berinspirasi untuk hal-hal positif yang membawa keuntungan bagimu..
Kelak nanti pasti akan membawa kebahagian bagimu...

....."Salam Blogger Info Onely".....

JANGAN LUPA JOIN BLOG DAN LIKE FACEBOOKNYA