Diberdayakan oleh Blogger.

TIPS FACEBOOK

Cara Menulis Berbagai Variasi Teks di Cbox



Sobat ingin menulis dan meninggalkan pesan yang unik di kotak tamu "cbox", seperti tulisan yang dapat bergerak atau tulisan yang berwarna-warni? Jika iya, maka postingan kali ini cocok dan bagus untuk sobat baca dan praktekkan. Tapi please, prakteknya jangan di cbox saya ya!

OK! Yang pingin tahu caranya, cekidot bro...



  • Teks tebal : [b]teks sobat[/b]
  • Teks miring : [i]teks sobat[/i]
  • Teks bergaris bawah : [u]teks sobat[/u]
  • Teks bergaris tengah : [s]teks sobat[/s]
  • Teks berjalan : [scroll]teks sobat[/scroll]
  • Gambar berjalan : [scroll]kode gambar[/scroll]
  • Teks berukuran besar : [big]teks sobat[/big]
  • Teks berukuran kecil : [small]teks sobat[/small]
  • Teks rata tengah : [center]teks sobat[/center]
  • Teks berlink : [url=http://linksobat.com]link sobat[/url]
  • Teks berwarna : [color=green]teks sobat[/color]



Ket: teks berwarna merah adalah kode script sedangkan teks berwarna biru adalah isi pesan yang dapat sobat ubah dan tulis semau sobat. Teks berwarna coklat bisa sobat masukkan kode gambar dari cbox, contoh :cool: .Kode berwarna hijau dapat sobat ganti dengan warna yang sobat sukai. Sedangkan kode berwarna orange dapat sobat ganti dengan link yang sobat inginkan.
 
Ok selamat mencoba sob semoga postingan ini ber manfaat...........

Cara Memasang Menu navigasi CSS Mac Dock with jQuery

Ok sob kali ini aku akan sedikit berbagi tentang cara memasang navigasi CSS jQuery .ok cara nya sangat lah mudah dan simple aja kok.click DISINI untuk melihat tampilan ok langsung ke TKP aja sob silakan ikuti langkag-langkah berikut ini :




    Cara membuatnya :
  1. Login blogger
  2. Rancangan, Edit Html, Cari kode ]]></b:skin>
  3. Dan Simpan kode berikut diatasnya :

/* ---------------
Menu navigasi CSS Mac  Dock with jQuery
---------------------------------- */
.dock {
    position: relative;
    height: 50px;
    text-align: center;
}
.dock-container {
    position: absolute;
    height: 50px;
    background: url(http://red3vil.xtgem.com/dock-bg2.gif);
    padding-left: 20px;
}
a.dock-item {
    display: block;
    width: 40px;
    color: #000;
    position: absolute;
    top: 0px;
    text-align: center;
    text-decoration: none;
    font: bold 12px Arial, Helvetica, sans-serif;
}
.dock-item img {
    border: none;
    margin: 5px 10px 0px;
    width: 100%;
}
.dock-item span {
    display: none;
    padding-left: 20px;
}


dan simpan script berikut diatas kode </head> :
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="http://kangdadang.googlecode.com/files/interface.js"></script>

Selanjutnya simpan script berikut diatas kode </body> :
<script type="text/javascript">
  
    $(document).ready(
        function()
        {
            $('#dock').Fisheye(
                {
                    maxWidth: 50,
                    items: 'a',
                    itemsText: 'span',
                    container: '.dock-container',
                    itemWidth: 40,
                    proximity: 90,
                    halign : 'center'
                }
            )
        }
    );

</script>
Dan cara pemanggilan nya melalui HTML 
<div class="dock" id="dock">
  <div class="dock-container">
  <a class="dock-item" href="http://dimashredevil.blogspot.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLmb7gP0UKf3OsSz0TKyQ8a_VZ6PeA8e08hnp8dxAfZbZvIvyb0YCGpQ5YifrW4bJjqrOoV8Ag4XE-HxC-waZ-i81io4lVgBHo3PVaOpDBpLIm8gSaLrTugZnAfei76viymSvppy4K80Q/s1600/home.png" alt="Home" /><span>Home</span></a>
  <a class="dock-item" href="http://www.blogger.com/profile/15357131409388946339"><img src="http://dimash.mw.lt/lg profil.png" alt="Profile" /><span>Profile</span></a>
  <a class="dock-item" href="    facebook.com/reddevil.detected"><img src="http://dimash.mw.lt/lg fb.png" alt="Facebook" /><span>Facebook</span></a>
  <a class="dock-item" href="http://twitter.com/dim4sh"><img src="http://dimash.mw.lt/lg tw.png" alt="Twitter" /><span>Twitter</span></a>
  <a class="dock-item" href="http://koprol.com/users/dim4sh"><img src="http://dimash.mw.lt/lg yho.png" alt="Koprol" /><span>Koprol</span></a>
  <a class="dock-item" href="http://dimash_devil@yahoo.com"><img src="http://dimash.mw.lt/lg email.png" alt="Email" /><span>Email</span></a>
  <a class="dock-item" href="http://youtube.com"><img src="http://dimash.mw.lt/lg youtube.png" alt="Youtube" /><span>Youtube</span></a>
  <a class="dock-item" href="http://dim4sh.wapdale.com"><img src="http://dimash.mw.lt/wap.jpg" alt="Wap" /><span>Wap</span></a>
  <a class="dock-item" href="http://red3vil-666.blogspot.com"><img src="http://dimash.mw.lt/lg blog.jpg" alt="Blogspot" /><span>Blogspot</span></a>
</div>
</div>




CATATAN : untuk yang berwarna hijau rubah dengan url anda
                     dan yang berwarna merah url gambar anda

Save dan lihat hasil nya...........selamat mencoba sob

Cara Mengganti Icon Kursor blog


Apakah anda ingin kursor blog anda menjadi seperti diatas? jika ingin mari ikuti Langkah Berikut:


1. Login ke akun Blogger Anda
2. Klik Tata Letak/Layout

3.add gadget/ tambah gadget




4.Pilih HTML

5.Copas(copy paste) kode Berikut:
<style type="text/css">body {cursor:url("http://red3vil.xtgem.com/rainbow-ani.gif"),default}</style>
6.Simpan


CATATAN: 
jika kalian ingin icon yg lain / icon pilihan anda sendiri..ubah saja url yg berwarna HIJAUmenjadi alamat url gambar anda sendiri......

Kunjungi alamat dibawah ini untuk mendapatkan lebih banyak icon

Cara Membuat Buku Tamu Blog Tanpa Di Klik Terbuka

Ok sob kali ini saya akan membahas CARA MEMBUAT BUKU TAMU BLOG TANPA DI KLIK TERBUKA,seperti yang anda lihat pada Buku tamu saya yang ada di sebelah kanan ini,tanpa basa basi lagi silakan anda meluncur semua nya pada blog milik anda dan ikuti langkah langkag berikut ini :

   1. login ke akun BLOG sobat
   2. pilih rancangan  / tata letak
   3. tambah gatget / javascript
   4. tambahkan javascript dibawah ini

<style type="text/css">
#gb{
position:fixed;
top:20px;
z-index:+1000;
}* html #gb{position:relative;}

.gbtab{
height:150px;
width:50px;
float:left;
background:url('http://red3vil.xtgem.com/coollogo_com-45471362.png') no-repeat;
}

.gbcontent {
float:left;
border:1px solid #BB0000;
-moz-border-radius-bottomleft:10px;
-webkit-border-radius-bottomleft:10px;
-o-border-radius-bottomleft:10px;
-khtml-border-radius-bottomleft:10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-topleft: 10px;
background: #000000 url(http://dimash.mw.lt/redstar.gif) no-repeat bottom;
padding:10px;
}

</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 51-w) : moveGB(30-w, 0);
gb.opened = !gb.opened;
}function moveGB(x0, xf){

var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 25 ? 25 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 5);}
}</script>

<div id="gb">
<div class="gbtab" onmouseover="showHideGB()"> </div>

<div class="gbcontent">
<center>

letakan scrtipt cbox milik sobat

<br />
<div style="text-align:center">
<a onclick="showHideGB()" class="tips-fade" title="klik untuk tutup chattingbox">
<center><hr /><img src="http://red3vil.xtgem.com/cooltext518148514.gif" /><hr /></center>
</a>

</div>
</center></div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (50-gb.offsetWidth).toString() + "px";
</script></div>

NB : ganti text yang ber warna hijau dengan kode cbox milik sobat 
save / simpan dan lihat hasil nya,selamat mencoba

Cara Menyembunyikan Widget Follow

Ok mungkin postingan kali ini anda semua sudah banyak yang mengetahuinya tapi kali ini saya akan sedikit berbagi bagaimana cara menyembunyikan widget FOLLOW seperti blog saya ini,untuk melihat CLICK DISINI. ok langsung aja sob ikuti langkah-langkah berikut ini :

Berikut langkah-langkahnya :
1. Login ke Blogger
2. Masuk Rancangan - Elemen Laman
3. Tambah Gadget Html/Java Script
4. Copy -  Paste kode berikut :
<style type="text/css">
#fl{
position:fixed;
right:190px;
z-index:+1000;
}
* html #fl{position:relative;}

.fltab{
height:32px;
width:270px;
float:top;
cursor:pointer;
background:url(#) no-repeat;
}
.flcontent{
float:right;
border:2px solid #676767;
background:url()#F90 repeat-x bottom center scroll;
-moz-border-radius-topleft:15px;
-moz-border-radius-topright:15px;
-moz-border-radius-bottomleft:15px;
-moz-border-radius-bottomright:15px;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideFL(){
var fl = document.getElementById("fl");
var w = fl.offsetWidth;
fl.opened ? moveFL(0, -100-w) : moveFL(20-w, 0);
fl.opened = !fl.opened;
}
function moveFL(x0, xf){
var fl = document.getElementById("fl");
var dx = Math.abs(x0-xf) > 25 ? 35 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
fl.style.bottom = x.toString() + "px";
if(x0!=xf){setTimeout("moveFL("+x+", "+xf+")", 10);}
}
</script>
<div id="fl">
<div class="fltab" onclick="showHideFL()"> </div>
<div class="flcontent">


GANTI TEXT INI DENGAN CODE FOLLOWERS ANDA


<div style="text-align: right;">

<a href="javascript:showHideFL()">
[Tutup]
</a></div>
<span style="font-size:85%;"><a href="http://dimash-devil.blogspot.com/2011/05/cara-menyembunyikan-widget-follow.html"><div style="color: rgb(68, 68, 68);">
<span style="font-size:xx-small;">Get This Gadget</span></div></a></span>
</div>
</div>
<script type="text/javascript"><br />var fl = document.getElementById("fl");<br />fl.style.bottom = (-100-fl.offsetWidth).toString() + "px";<br /></script>

                   5. Ambil code script followers anda di sini
                   6. Setelah itu,bika rancangan - edit Html.cari code <body> dengan cara tekan Ctrl + F, copy paste kode di atas <body>

<a href='javascript:showHideFL()' style='display:scroll;position: fixed; bottom:65px;left:5px;' title='Follow'><img src='http://red3vil.jw.lt/Follow.png'/></a>

NB: catatan ganti text yang berwarna hijau dengan kode followers anda

MEMBUAT WARNA BACKGOUND BLOG TRANSPARAN

Asesoris blog yang satu ini dikhususkan bagi anda yang memiliki blog dengan latar belakang berupa image.
Secara umum latar belakang image hanya tampil sebagian karena tertutup oleh warna latar dari outer wapper, main wrapper dan sidebar wrapper. Untuk mengatasi masalah tersebut anda harus sedikit menyamarkan latar yang menghalangi background berupa gambar tadi.
Bisa juga dilakukan dengan menghapus warna latar belakang dari outer wapper, main wrapper dan sidebar wrapper, tapi hasilnya artilkel/postingan blog anda akan menjadi kurang jelas karena bersatu dengan gambar latar.
Tutorial ini merupakan salah satu solusi bagi anda untuk menampilkan bayangan latar berupa gambar tetapi tidak terlalu mengganggu bagian lainnya dari blog.

Jika anda tertarik untuk menampilkannya, ikuti langkah-langkahnya :
  • Masuk ke Blogger.
  • Masuk ke Rancangan bagian Edit HTML.
  • Cari kode seperti dibawah ini :

    #outer-wrapper {
    width: 1000px;
    margin:0 auto;
    padding:10px;
    text-align:$startSide;
    font: $bodyfont;
    background:black;
    }
  • Tambahkan kode dibawah ini yang diletakkan dibawah kode diatas

    filter: alpha(opacity=100);
    -moz-opacity: 1.0;
    opacity: 0.8;
    -khtml-opacity: 0.0;
  • Jika digabungkan kodenya akan menjadi seperti dibawah ini :

    #outer-wrapper {
    width: 1000px;
    margin:0 auto;
    padding:10px;
    text-align:$startSide;
    font: $bodyfont;
    background:black;
    filter: alpha(opacity=100);
    -moz-opacity: 1.8;
    opacity: 0.8;
    -khtml-opacity: 0.0;
    }
  • Angka berwarna kuning merupakan ukuran yang digunakan oleh blog ini .Silakan anda ubah angka-angka tersebut. Semakin kecil angkanya, akan semakin semakin samar bagian outer wrapper blog anda.
  • Klik tombol Simpan Template.
  • Lihat perubahan blog anda.


Trik ini dapat juga anda terapka pada bagian lainnya dari blog anda.

Selamat mencoba, semoga bermanfaat.

GOOGLE AKAN HAPUS AKUN BLOGGER

Apakah Anda salah satu pengguna Blogger ... ? Kalau Anda yang telah bergabung dan memiliki account sebelum tahun 2007 maka berhati-hatilah kalau belum melakukan upgrade ke Google Account yang baru, pasalnya berdasarkan aturan yang baru setelah Blogger diakuisisi oleh Google kabarnya pihak Google Blogger akan segera menghapus account dan blog lama penggunanya tersebut. Oleh karenanya Anda diperkenankan untuk memiliki account Google terlebih dahulu sebelum bisa mengakses Blogger nantinya.
Sebagai salah satu akuisisi pertama yang dilakukan pihak Google beberapa waktu yang silam, proses integrasi Blogger dengan produk Google kabarnya masih mengalami hambatan dan belum selesai. Delapan tahun setelah mengakuisisi Blogger, pihak Google akhirnya mengakhiri dukungannya terhadap account warisan Blooger yang lama dengan memberi dukungan yang baru terhadap account Google secara menyeluruh.
Sebelumnya Blogger menggunakan sistem account sendiri sampai tahun 2006 dan baru mulai bermigrasikan penggunanya pada tahun 2007. Selama empat tahun itu ternyata intergrasinya sendiri tidak dilakukan sebagaimana mestinya, sehingga pada akhirnya Google Blogger memutuskan akan segera menghapus dukungan bagi account penggunanya yang lama. Tidak hanya akan account lama saja yang berhenti bekerja, tetapi blog yang terkait dengan pengguna lamanya pun tersebut tentunya juga akan segera dihapus jika penggunanya tidak segera bermigrasi ke sistem yang baru pada bulan 25 Juni 2011 yang akan datang.
“Untuk sejumlah alasan teknis dan operasional, Kami telah memutuskan untuk menghentikan dukungan Kami terhadap semua account warisan dan blog yang lama setelah tanggal 25 Juni 2011″, ungkap pihak Google Blogger.
“Jadi jika Anda memiliki account Blogger dan tidak login sejak 2007, Anda akan kehilangan akses ke account dan konten yang berhubungan secara permanen tersebut kecuali jika Anda memperbaruinya ke sistem Account Google sebelum tanggal 25 Juni 2011″, tambahnya.
Sudah barang tentu nantinya bakal akan banyak orang yang belum melakukan login sejak tahun 2007. Namun apa mau dikata, bagi Anda yang mau selamat, ya sebaiknya segera saja mengupgradenya ke sistem account google yang baru. Sedangkan sebaliknya jika tidak, ya sebaiknya cukup abaikan saja dan beralihlah ke situs layanan pembuat blog yang lain untuk membuat blog Anda yang baru.
Google Account menyediakan sistem yang sangat padat, baik dari segi keamanan dan kinerja, proses verifikasi dua langkah adalah salah satu contoh, belum lagi itu membuat cara lebih mudah bagi Google untuk hanya memiliki satu sistem terhadap semua produk-produknya. Anda dapat mengetahui lebih lanjut tentang proses di sini.
Sebelumnya Google juga menghadapi masalah yang sama di YouTube dan telah mengeluarkan peringatan serupa baru-baru ini, dan meminta para penggunanya yang belum melakukannya agar dapat melakukan login ke Youtube diwajibkan sebelumnya untuk memiliki sistem account Google terlebih dahulu.
Sumber : http://www.beritateknologi.com

Catatan :
Jika anda menggunakan blogger tetapi bukan berupa akun Googgle, segeralah lakukan migrasi. Caranya mudah anda tinggal mengunjungi : Klaim Blog Anda

Cara pasang Auto Read More terbaru

Sobat semua untuk hari ini saya akan memposting artikel tentang cara memasang auto read more terbaru, seperti yang saya pasang di blog saya tersebut bagi temen semua yang ingin memasang bisa melihat cara2 yang saya postingkan dibawah 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;'/>

OK, kalo sudah tinggal lanjutkan dengan tutorial dibawah.



Pertama, silahkan tuju langsung ke halaman EDIT HTML, Cari kode </head> kemudian letakan script dibawah ini di atas kode </head> Kalo sudah, jangan lupa di simpan terlebih dahulu.



Langsung copy paste aja kode dibawah ini:

<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 250;
summary_img = 250;
img_thumb_height = 120;
img_thumb_width = 120;
</script>


<script type='text/javascript'>
//<![CDATA[
/******************************************
Auto-readmore link script, version 2.0 (for blogspot)

(C)2008 by Anhvo

visit http://en.vietwebguide.com to get more cool hacks
********************************************/
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}

function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}

var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>

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>

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)

Memodifikasi kotak komentar pada blog

ok bro balik lagi nih kali ini aku akan berbagi tips untuk memodifikasi komentar pada blog anda.ok lanhsung aja bro ikuti langkah-langkah di bawah ini:

Berikut langkah-langkah cara membuat nama pengomentar dan isi komentar saling berdampingan.
  • Login ke blogger
  • Klik Rancangan
  • Edit HTML
  • Beri tanda centang pada "Expand Template Widget"
  • Kemudian cari kode di bawah ini
    #comments h4 {
    margin:1em 0;
    font-weight: bold;
    line-height: 1.4em;
    text-transform:uppercase;
    letter-spacing:.2em;
    color: $sidebarcolor;
    }

    #comments-block {
    margin:1em 0 1.5em;
    line-height:1.6em;
    }
    #comments-block .comment-author {
    margin:.5em 0;
    }
    #comments-block .comment-body {
    margin:.25em 0 0;
    }
    #comments-block .comment-footer {
    margin:-.25em 0 2em;
    line-height: 1.4em;
    text-transform:uppercase;
    letter-spacing:.1em;
    }
    #comments-block .comment-body p {
    margin:0 0 .75em;
    }
    .deleted-comment {
    font-style:italic;
    color:gray;
    }
  • Hapus kode tersebut kemudian ganti dengan kode di bawah ini
    .commentlistdiv{margin-top:10px;background:#FFF;border:1px dotted #ddd;font-size:.75em;color:#666;padding:20px}
    .commentlistdiv h1{font-size:1.3em;color:#366799;border-bottom:1px solid #eee;line-height:1.5em}
    .commentlist li{background:#fff;border-bottom:1px dotted #ddd;padding:20px}
    .commentlist li.alt{background:#fff}
    .deleted-comment{font-style:italic;color:gray}
    .feed-links{clear:both;line-height:2.5em}
    .pane_l{float:left;display:inline;width:160px;min-width:160px;max-width:160px;border-right:1px dotted #ddd;padding-right:20px;margin-right:20px}
    .c_author{font-size:.9em;font-weight:700;margin:0 0 7px}
    .c_avatar{display:block;margin:0 0 7px}
    .c_date{color:#aaa;font-size:.9em;margin:0 0 7px}
    .c_approved{color:#aaa;font-size:.9em}
    .comment-form{background:#414141;border:5px solid #ccc;margin:0 10px 20px;padding:10px 0 0 20px}
    .owner-Body p{font-size:100%;color:red;text-decoration:bold;margin:0 0 .2em}
    .pane_r,.owner-Body{display:block;line-height:1.5em;margin-left:201px}
    .comment-link{margin-startside:.6em}
  • Kemudian cari kode di bawah ini
    <b:includable id='comments' var='post'>
    <div class='comments' id='comments'>
    <a name='comments'/>
    <b:if cond='data:post.allowComments'>
    <h4>
    <b:if cond='data:post.numComments == 1'>
    1<data:commentLabel/>:
    <b:else/>
    <data:post.numComments/> <data:commentLabelPlural/>:
    </b:if>
    </h4>

    <b:if cond='data:post.commentPagingRequired'>
    <span class='paging-control-container'>
    <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
    &#160;
    <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
    &#160;
    <data:post.commentRangeText/>
    &#160;
    <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
    &#160;
    <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
    </span>
    </b:if>

    <dl id='comments-block'>
    <b:loop values='data:post.comments' var='comment'>
    <dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
    <a expr:name='data:comment.anchorName'/>
    <b:if cond='data:comment.authorUrl'>
    <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
    <b:else/>
    <data:comment.author/>
    </b:if>
    <data:commentPostedByMsg/>
    </dt>
    <dd class='comment-body'>
    <b:if cond='data:comment.isDeleted'>
    <span class='deleted-comment'><data:comment.body/></span>
    <b:else/>
    <p><data:comment.body/></p>
    </b:if>
    </dd>
    <dd class='comment-footer'>
    <span class='comment-timestamp'>
    <a expr:href='data:comment.url' title='comment permalink'>
    <data:comment.timestamp/>
    </a>
    <b:include data='comment' name='commentDeleteIcon'/>
    </span>
    </dd>
    </b:loop>
    </dl>

    <b:if cond='data:post.commentPagingRequired'>
    <span class='paging-control-container'>
    <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
    <data:post.oldestLinkText/>
    </a>
    <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
    <data:post.olderLinkText/>
    </a>
    &#160;
    <data:post.commentRangeText/>
    &#160;
    <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
    <data:post.newerLinkText/>
    </a>
    <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
    <data:post.newestLinkText/>
    </a>
    </span>
    </b:if>

    <p class='comment-footer'>

    <b:if cond='data:post.embedCommentForm'>
    <b:include data='post' name='comment-form'/>
    <b:else/>
    <b:if cond='data:post.allowComments'>
    <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
    </b:if>
    </b:if>

    </p>
    </b:if>
  • Ganti kode tersebut dengan kode di bawah ini
    <b:includable id='comments' var='post'>
    <div class='comments' id='comments'>
    <a name='comments'/>
    <b:if cond='data:post.allowComments'>
    <h4>
    <b:if cond='data:post.numComments == 1'>
    1 <data:commentLabel/>:
    <b:else/>
    <data:post.numComments/> <data:commentLabelPlural/>:
    </b:if>
    </h4>
    <b:if cond='data:post.commentPagingRequired'>
    <span class='paging-control-container'>
    <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
    &#160;
    <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
    &#160;
    <data:post.commentRangeText/>
    &#160;
    <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
    &#160;
    <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
    </span>
    </b:if>
    <ul class='commentlist'>
    <b:loop values='data:post.comments' var='comment'>
    <li>
    <div class='pane_l'>
    <div class='c_author'>
    <b:if cond='data:comment.authorUrl'>
    <a expr:href='data:comment.authorUrl' rel='nofollow' target='_blank'><data:comment.author/></a>
    <b:else/>
    <data:comment.author/>
    </b:if>
    <data:commentPostedByMsg/>
    </div>
    <div class='c_avatar'/>
    <div class='c_date'><span class='comment-timestamp'>
    <a expr:href='&quot;#comment-&quot; + data:comment.id' title='comment permalink'>
    <data:comment.timestamp/>
    </a>
    <b:include data='comment' name='commentDeleteIcon'/>
    </span></div>
    <div class='c_approved'/>
    </div>
    <b:if cond='data:comment.author == data:post.author'>
    <div class='owner-Body'>
    <p><data:comment.body/></p>
    </div>
    <b:else/>
    <div class='pane_r'>
    <b:if cond='data:comment.isDeleted'>
    <span class='deleted-comment'><data:comment.body/></span>
    <b:else/>
    <p><data:comment.body/></p>
    </b:if>
    </div>
    </b:if>
    <div class=' clear'/></li>
    </b:loop>
    </ul>
    <b:if cond='data:post.commentPagingRequired'>
    <span class='paging-control-container'>
    <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
    <data:post.oldestLinkText/>
    </a>
    <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
    <data:post.olderLinkText/>
    </a>
    &#160;
    <data:post.commentRangeText/>
    &#160;
    <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
    <data:post.newerLinkText/>
    </a>
    <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
    <data:post.newestLinkText/>
    </a>
    </span>
    </b:if>
    <p class='comment-footer'>
    <b:if cond='data:post.embedCommentForm'>
    <b:if cond='data:post.allowNewComments'>
    <b:include data='post' name='comment-form'/>
    <b:else/>
    <data:post.noNewCommentsText/>
    </b:if>
    <b:else/>
    <b:if cond='data:post.allowComments'>
    <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
    </b:if>
    </b:if>
    </p>
    </b:if>
  • Simpan tamplate anda...
  • Sekarang silahkan lihat hasilnya di komentar blog anda

Silahkan ubah suaikan jika belum pas lebar atau padding dan marginnya, karna setiap tamplate hasilnya akan berbeda. yang pastinya kode tersebut tidaklah mutlak seperti itu, anda bisa memodipikasinya sendiri agar sesuai dengan keinginan anda masing-masing. semoga artikel ini bermanfaat dan jangan lupa tunggu update terbaru ku selanjutnya. selamat mencoba bro....

BACKGROUND BERGANTI WARNA SETIAP LOADING

Penampilan blog dengan warna background yang sama mungkin akan membosankan. Untuk itu post ini merupakan alternatif lain untuk mengganti warna background blog yang berganti setiap kali loading.
Trik ini dapat juga anda tampilkan pada blog anda dengan mengikuti langkah-langkah dibawah ini :

  1. Masuk ke Blogger dengan ID anda
  2. Pilih Elemen Halaman
  3. Pilih Edit HTML
  4. Cari kode </body> pada template blog anda
  5. Copy script dibawah ini, kemudian paste diatas kode tadi <script> /*Random background color*/ //Enter list of bgcolors: var bgcolorlist=new Array("#DFDFFF", "#FFFFBF", "#80FF80", "#EAEAFF", "#C9FFA8", "#F7F7F7", "#FFFFFF", "#DDDD00") document.body.style.background=bgcolorlist[Math.floor(Math.random()*bgcolorlist.length)] </script> Gantilah kode warna pada script diatas dengan warna kesukaan anda.
  6. Klik tombol Simpan Template
  7. Lihat Blog anda sekarang, kemudian refresh kembali untuk melihat perubahan warna background
Ok sob selamat mencoba.....

Cara memaasang TV di Blog

Buat sobat yang ga mau ketinggalan Acara di Tv ga perlu khawatir,apalagi jika sobat sedang online atau Update postingan blog .nah.. dalam postingan kali ini klinik-it akan menjelaskan tentang Cara memaasang TV di Blog.Blog sobat bisa juga loh dipasangin tv. jadi nantinya pengunjung blog sobat bisa nonton tv di blog sobat .hehehe. tujuan dari pemasangan tv di blog biasanya supaya pengunjung di blog kita betah berlama-lama ada di blog kita sambil nonton tv .hehehe Cara memaasang TV di Blog juga cukup mudah .tapi sebelumnya klinik-it mau kasih contoh Tv nya dulu nich .hehehe Contoh tvnya bisa sobat lihat di bawah ini ..

udah lihatkan contoh tvnyana ?hehehe buat sobat yang ingin Pasang Tv Di Blog caranya cukup mudah koq ,sobat tinggal ikuti tutorial Cara memaasang TV di Blog di bawah ini.

1.Login Ke Blogger Dengan ID sobat.

2.Klik Tata Letak .

3.Klik Tambah Gadget

4.Pilih HTML/javascript.

5.Kemudian Copy Dan Paste Kode berikut di dalamnya
  <span style="font-weight:bold;">Live TV (Mivo TV-RCTI-TRANS TV-SCTV-GLOBAL TV):</span><br /><br /><iframe src="http://zons.000a.biz/etc/tv/multitv01.html" scrolling="no" frameborder="0" height="321" width="376"></iframe><br />

6.Klik SIMPAN.

7.Selanjutnya tinggal sabat lihat deh hasilnya.

Keterangan :
1.Sebaiknya Tv dipasang di dalam postingan atau jika sidebar blog sobat lebar silakan pasang di sidebar soabat.

Selamat mencoba sob.................

MENAMBAH IMAGE PADA JUDUL POSTINGAN

Bagi anda yang suka menghiasi Blog dengan berbagai image, sekarang andapun dapat menampilkan image tersebut dalam judul postingan.
Ada beberapa langkah yang harus anda lakukan, silahkan anda simak dan anda praktekan jika berminat dan kalau tidak, jadikanlah sebagai pengetahuan anda, siapa tahu kedepan pikiran anda berubah.
Langkah pertama


Siapkanlah sebuah image yang ingin anda tampilkan pada setiap judul postingan. Agar lebih menarik pilihah image dalam bentuk file gift, sehingga penampilannya akan lebih hidup.


Langkah kedua


Uploadlah image tersebut pada situs yang melayani penyimpanan image, misalnya : http://www.Photobucket.com atau situs lainnya yang memiliki fungsi sama. Jika anda belum tahu cara upload file, lihat postingan Cara Membuat Slide Show.
Setelah proses upload selesai, copy alamat URL dari image tadi.


Langkah ketiga


Sekarang saya anggap anda telah memiliki image adress/URL dari sebuah image.
Contoh :





Agar alamat gambar diatas bisa tampil pada blog, tambahkanlah kode dibawah ini :


<img src="URL image"></img>



Kode tersebut akan menjadi seperti ini :





Kode diatas akan terlihat seperti ini (dalam ukuran sebenarnya) :





Sesuaikan ukuran gambar tersebut dengan ukuran yang anda inginkan dengan menambah kode width="..." untuk lebar gambar, height="..." untuk tinggi gambar dan border="..." untuk lis (garis bingkai) gambar.
Kode-kode tadi jika dirangkaikan akan menjadi seperti ini :





Gambar akan berubah seperti ini :




Langkah keempat


  1. Login ke Blogger dengan ID anda.
  2. Pilih Rancangan.
  3. Pilih Edit HTML.
  4. Back Up template terlebuh dahulu untuk menjaga jika terjadi kegagalan.
  5. Cari kode ini:
    <a expr:href='data:post.url'><data:post.title/></a>
    <b:else/>

    pada template anda.
  6. Pasang kode image tadi diantara kedua kode diatas, seperti ini :

    <a expr:href='data:post.url'>pasang kode image disini<data:post.title/></a>
    <b:else/>
  7. Jika kita rangkaikan, kodenya akan menjadi seperti ini


    <a expr:href='data:post.url'><img border="0" widht="35" src="https://lh4.googleusercontent.com/_1j80TgNqd_8/TZxbQ_moYjI/AAAAAAAACUo/HcbuzpZd_O0/tweetybird.gif" height="35"></img><data:post.title/></a>
    <b:else/>
  8. Klik tombol Preview untuk melihat perubahan sebelum disimpan.
  9. Klik tombol Simpan Template, jika telah dilihat hasilnya.
  10. Selesai

MENAMBAH WIDGET DIBAWAH POSTINGAN

Jika kita memahami cara menambah sebuah widget pada blog, akan mudah sekali menambahkannya dimanapun/pada tempat yang anda sukai.
Satu lagi cara yang dapat anda praktekan untuk menambah widget yaitu "Menambah widget dibawah Postingan".
Widget yang dimaksud pada tips ini akan muncul setelah postingan tampil secara menyeluruh (setelah fasilitas readmorenya difungsikan). Jadi kehadirannya tidak menggangu penampilan pada halaman muka blog. Cuma...tips ini hanya berlaku pada blog yang telah dilengkapi fasilitas readmore.

Ikuti langkah-langkahnya :
  • Masuk ke Blogger.
  • Pilih Tata Letak.
  • Pilih Elemen Halaman.
  • Pilih Edit HTML.
  • Kasih tanda contreng pada kotak Expand Template Widget
  • Cari kode ini pada template anda :

    <div class='post-body'>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <style>.fullpost{display:inline;}</style>
    <p><data:post.body/></p>
  • Letakan kode widget yang akan ditampilkan dibawah postingan tepat dibawah kode tadi.
  • Simpan Template.
  • Lihat Hasilnya.

MENAMPILKAN SCROLL PADA POSTINGAN

Sebenarnya tips ini telah dibuat beberapa bulan yang lalu (dalam bentuk draft), atas pertanyaan dari salah satu pengunjung EPG Studio. Tapi karena tips ini jarang yang menampilkan pada blog, maka postingan tersebut tetap dalam bentuk draft. Pada waktu admin EPG Studio melakukan Blogwalking, secara kebetulan ketemu sebuah blog yang pada postingannya menggunakan scroll, lalu teringat akan draft yang belum sempat dipublikasikan. Jadi bagi anda yang ingin postingannya memiliki scroll, silahkan ikuti tips dibawah ini.
  • Masuk ke Blogger
  • Pilih Rancangan kemudian klik Edit Template
  • Cari kode ini :

    /* Posts
    -----------------------------------------------
    */
  • Scroll sedikit kebawah sampai ketemu kode ini :

    .post {
    line-height: 1.4;
    font-size: 110%;
    position: relative;
    }
  • Atau jika tidak ketemu (mungkin templatenya berbeda), cari kode ini :

    .post-body {
    line-height: 1.4;
    font-size: 110%;
    position: relative;
    }
  • Tambahkan kode dibawah ini :
    height:150px;
    overflow:auto;
  • Susunanya jadi seperti ini :

    .post {
    line-height: 1.4;
    font-size: 110%;
    position: relative;
    height:150px;
    overflow:auto;

    }
  • Perhatikan cara penempatannya, yang berwarna merah merupakan kode yang ditambahkan
  • Ubah angka pada height untuk menyesuaikan dengan keperluan.
  • Klik tombol Simpan Template.
  • Selesai

Cara Menghilangkan Judul Blog Di Header Blog

kali ini saya akan menjelaskan pada sobat tentang Cara menghilankan Judul blog di header Blog.Menghilangkan judul blog di header blog bertujuan untuk memperindah background header sobat.baiklah saya akan memulai langkah demi langkah.
Menghilankan judul blog di header blog

  1. Login Ke akun blog sobat 
  2. Pilih rancangan/tata letak dan pilih EDIT HTML
  3. centang klolm expand template widget
  4. cari kode #header h1 {
  5. Tambahkan Kode berikut sebelum tanda penutup }

visibility:hidden;display:none;
Sehingga menjadi seperti ini
    #header h1 {
    margin:50;
    padding:5px 0 0 10px;
    font-size: 100%;
    font-weight:bold;
    line-height: 1.2em;
    letter-spacing:.0em;
    font-style:italic;
    color:#FFFFFF;
    visibility:hidden;display:none;}
6.Simpan templatenya

Membuat Background di Header

Anda ingin menambahkan image atau gambar di header blog? Header berupa gambar indah di lihat, dan menjadikan blog atau web jadi meriah. Ada dua cara memasang gambar, satu dengan langsung di taruh, dengan tag IMG, atau dijadikan latar belakang.

Untuk menambah latar belakan image pada header lakukanlah hal sebagai berikut:
pada css style, buat properties untuk header
misalnya:
#header
{
padding:10px;
background-image:url( alamat file );
background-repeat:no repeat;
}
Perhatikan, ukuran file gambar, kalau ingin pas dengan halaman yang sudah didesain, sesuaikan ukuran gambar dengan properties #header.

/*kalau ukuran gambar lebih kecil dari div header, dengan propertie background-repeat:no repeat, maka hanya akan terlihat satu gambar saja, seperti perintah IMG. Kalau ukuran gambar sama dengan ukuran div #header, properties background-repeat tak diperlukan.

Nah, di atas gambar kita bisa menulis seperti biasanya. Tulisan di atas gambar.

Membuat background di tengah:
properties: background-position:center; background-repeat:no-repeat;

MENAMPILKAN POST BLOG DI FACE BOOK DENGAN MIRROR BLOG

Bagi peblogger yang memiliki akun Facebook, sebaiknya menggunakan kesempatan ini untuk mempublikasika postingan blog anda pada Facebook.
Apalagi kalau anda memiliki banyak teman di Facebook, dan postingan anda memiliki daya tarik, sehingga teman-teman anda itu akan langsung menuju blog anda, maka dengan sendirinya akan menambah traffik blog anda.
Caranya mudah, ikuti langkah-langkah dibawah ini :
  1. Masuk ke Facebook dengan akun anda
  2. Dibawah Frofil anda terdapat deretan menu, kilk menu Aplikasi. Lihat gambar :
  3. Setelah di Laman Aplikasi, isi kotak pencarian dengan kata Mirror Blog. Kemudian icon Mirror Blog akan muncul dibawah kotak pencarian tadi. Klik icon tersebut. Lihat gambar :
  4. Tekan tombol ke Aplikasi dibawah foto Profil fb Mirror Blog. Klik izinkan. Lihat gambar :
  5. Setelah berada di Mirror Blog, klik menu Setup
  6. Berikutnya Pilih opsi nomor dua, " I have a Blog on Blogger,com." Lihat gambar : Klik Continue
  7. Silahkan masukkan email dan password yang bisa digunakan untuk masuk ke Blogger anda pada kotak yang tersedia. Klik Continue. Lihat Gambar :
  8. jika anda memiliki blog lebih dari satu, berikutnya anda dikasih pilihan, blog mana yang akan ditampilkan. silahkan anda pilih kemudian klik Continue. Lihat gambar :
  9. Selanjutnya muncul tulisan , "Congratulation! Your Mirror Blog is ready for use!" Klik Done. Pada langkah ini berarti anda telah berhasil memasukkan postingan blog anda pada Facebook. Lihat gambar :
  10. Selesai.
  11. Selamat mencoba, semoga bermanfaat

DAFTARKAN BLOG ANDA PADA NETWORKEDBLOG

Selain melalui Mirror Blog, Facebook juga menyediakan aplikasi lainnya untuk mempromosikan blog yang anda miliki yaitu melalui NetworkedBlog.
Anda juga jangan sampai ketinggalan untuk untuk turut serta mempromosikan blog melalui NetworkedBlog.
Beberapa manfaat dari NetworkedBlog, dintaranya :
  • Setiap postingan dari Blog akan terupdate secara otomatis pada Profil Facebook.
  • Menambah traffik pada blog yang terdaftar pada NetworkedBlog.
  • Teman anda di Facebook dapat menjadi follower dengan akun Facebook masing-masing.
  • Manfaat lainnya kan anda temukan setelah anda mempromosikan blog pada NetworkedBlog.

Syarat utama mempromosikan blog pada NetworkedBlog, anda terlebih dahulu harus memiliki akun Facebook (Saya yakin anda juga telah memiliki akun Facebook)
Langkah-langkah memprosikan Blog pada NetworkedBlog.
  1. Kunjungi NetworkedBlog.
  2. setelah berada pada NetworkwdBlog klik tombol "Add Your Blog"

  3. Selanjutnya anda akan diminta untuk masuk ke Facebook dengan akun Facebook anda.

  4. Setelah login dengan akun Facebook, anda diminta menjadi follower dari blog yang telah terdaftar pada NetworkedBlog minimal 5 blog yang harus anda ikuti,

  5. Klik tombol Next setelah anda menjadi follower dari beberapa blog

  6. Klik link Networked Home Page.

  7. Klik tombol Register a Blog untuk mendaftarkan Blog yang anda miliki.

  8. Isi kolom data yang tersedia dari blog yang ingin anda daftarkan.

  9. Pilih tombol Yes untuk memastikan bahwa Blog yang ddaftarkan itu milik anda.

  10. Klik link link Use Widget to verify ownershif.

  11. Pilih salah satu tombol Instal Widget atau Instal Badge untuk mendapatkan Scriptnya.

  12. Copy Script tersebut, kemudian pasang pada sidebar blog anda dengan cara :
    • Masuk ke Dasbor.
    • Pilih Rancangan bagian Elemen Halaman.
    • Klik Tambah Gadget.
    • Pilih HTML/JavaSript.
    • Paste Script tadi pada kolom yang tersedia.
    • Klik tombol Simpan.
  13. Selesai. Sekarang anda tinggal menunggu proses persetujuan dari NetworkedBlog.
  14. Selamat mencoba, semoga bermanfaat.

Read more: http://epg-studio.blogspot.com/2011/02/daftarkan-blog-anda-pada-networkedblog.html#ixzz1Jz97Zs5r

Friends Link