0 Cara Membuat Show Hide Kotak Komentar

Jika sobat tertarik berikut ini adalah langkah-langkah pembuatannya :

1. Login ke account blogger sobat.

2. Kemudian klik Tab Rancangan,

3. Lalu klik Edit HTML. jangan lupa centang expand widget template.

4. Cari kode </head> , dan Salin script dibawah ini tepat diatas kode </head>.

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/>

<script type='text/javascript'>

$(document).ready(function(){

$('.btn-slide').click(function(){

$('#panel').slideToggle('slow');

});

});

</script>

5. Kemudian salin kembali Script dibawah ini, dan letakkan di atas kode atau ]]></b:skin>.

#panel{

background:#212121;

max-height:300px;

padding:10px;

color:#ddd;

overflow:auto;

display:none;

}

.slide{

margin:0;

padding:0;

border-top:2px solid #6f6f6f;

}

.btn-slide {

cursor:pointer;

cursor:hand;

text-align:center;

padding:10px;

margin:0 auto;

display:block;

font:bold 120%/100% "Helvetica Neue"Arial, Helvetica, sans-serif;

color:#b3b3a9;

background-color:#212121;

}

6. Sekarang sobat cari kode <dl id='comments-block'>, dan taruh kode ini <div id='panel'>, tepat diatasnya.

7. Karena kita menggunakan perintah <div> jangan lupa untuk menutup dengan kode </div>. Silahkan sobat letakkan kode </div> setelah kode </dl>, akan tetapi sobat juga harus menambahkan script dibawah ini :

</div>

<div class='slide'><span class='btn-slide'><img src='https://lh5.googleusercontent.com/-UChDdIt-q0c/TkHT8M9zE-I/AAAAAAAAAuI/YLNXG5eMIVc/I/Show%252520Comment.png' title='Tampilkan Komentar'/></span></div>

tepat dibawah kode atau untuk lebih jelasnya bisa sobat lihat pada contoh di bawah ini.

<div id="panel">

<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" href="http://www.blogger.com/blogger.g?blogID=1310061262030190307">
            <b:if cond="data:comment.authorUrl">
              </b:if></a><a expr:href="data:comment.authorUrl" href="http://www.blogger.com/blogger.g?blogID=1310061262030190307" rel="nofollow"><data:comment.author></data:comment.author></a>
            <b:else>
              <data:comment.author>
         
            <data:commentpostedbymsg>
          </data:commentpostedbymsg></data:comment.author></b:else></dt>
<dd class="comment-body"><b:if cond="data:comment.isDeleted">
              <span class="deleted-comment"><data:comment.body></data:comment.body></span>
            <b:else>
              </b:else></b:if><br />
<data:comment.body></data:comment.body></dd>
          <dd class="comment-footer"><span class="comment-timestamp">
              <a expr:href="data:comment.url" href="http://www.blogger.com/blogger.g?blogID=1310061262030190307" title="comment permalink">
                <data:comment.timestamp>
              </data:comment.timestamp></a>
              <b:include data="comment" name="commentDeleteIcon">
            </b:include></span>
          </dd>
        </b:loop>
      </dl>
</div>
<div class="slide">
<span class="btn-slide"><img src="https://lh5.googleusercontent.com/-UChDdIt-q0c/TkHT8M9zE-I/AAAAAAAAAuI/YLNXG5eMIVc/I/Show%252520Comment.png" title="Tampilkan Komentar" /></span></div>

8. Simpan template dan lihat hasilnya, sobat perhatikan kode penutup dibawah ini :

</div>

<div class='slide'><span class='btn-slide'><img src='https://lh5.googleusercontent.com/-UChDdIt-q0c/TkHT8M9zE-I/AAAAAAAAAuI/YLNXG5eMIVc/I/Show%252520Comment.png' title='Tampilkan Komentar'/></span></div>

yang berwarna hijau bisa sobat ganti dengan URL Images sobat sendiri, baik itu logo gambar, maupun logo tulisan. Mungkin hanya ini yang bisa saya bagikan, ya...,mudah-mudahan aja ini bisa bermanfaat buat sobat semuanya, Terima kasih.

Jika sobat tertarik berikut ini adalah langkah-langkah pembuatannya :

1. Login ke account blogger sobat.

2. Kemudian klik Tab Rancangan,

3. Lalu klik Edit HTML. jangan lupa centang expand widget template.

4. Cari kode </head> , dan Salin script dibawah ini tepat diatas kode </head>.

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/>

<script type='text/javascript'>

$(document).ready(function(){

$('.btn-slide').click(function(){

$('#panel').slideToggle('slow');

});

});

</script>

5. Kemudian salin kembali Script dibawah ini, dan letakkan di atas kode atau ]]></b:skin>.

#panel{

background:#212121;

max-height:300px;

padding:10px;

color:#ddd;

overflow:auto;

display:none;

}

.slide{

margin:0;

padding:0;

border-top:2px solid #6f6f6f;

}

.btn-slide {

cursor:pointer;

cursor:hand;

text-align:center;

padding:10px;

margin:0 auto;

display:block;

font:bold 120%/100% "Helvetica Neue"Arial, Helvetica, sans-serif;

color:#b3b3a9;

background-color:#212121;

}

6. Sekarang sobat cari kode <dl id='comments-block'>, dan taruh kode ini <div id='panel'>, tepat diatasnya.

7. Karena kita menggunakan perintah <div> jangan lupa untuk menutup dengan kode </div>. Silahkan sobat letakkan kode </div> setelah kode </dl>, akan tetapi sobat juga harus menambahkan script dibawah ini :

</div>

<div class='slide'><span class='btn-slide'><img src='https://lh5.googleusercontent.com/-UChDdIt-q0c/TkHT8M9zE-I/AAAAAAAAAuI/YLNXG5eMIVc/I/Show%252520Comment.png' title='Tampilkan Komentar'/></span></div>

tepat dibawah kode atau untuk lebih jelasnya bisa sobat lihat pada contoh di bawah ini.

<div id="panel">

<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" href="http://www.blogger.com/blogger.g?blogID=1310061262030190307">
            <b:if cond="data:comment.authorUrl">
              </b:if></a><a expr:href="data:comment.authorUrl" href="http://www.blogger.com/blogger.g?blogID=1310061262030190307" rel="nofollow"><data:comment.author></data:comment.author></a>
            <b:else>
              <data:comment.author>
         
            <data:commentpostedbymsg>
          </data:commentpostedbymsg></data:comment.author></b:else></dt>
<dd class="comment-body"><b:if cond="data:comment.isDeleted">
              <span class="deleted-comment"><data:comment.body></data:comment.body></span>
            <b:else>
              </b:else></b:if><br />
<data:comment.body></data:comment.body></dd>
          <dd class="comment-footer"><span class="comment-timestamp">
              <a expr:href="data:comment.url" href="http://www.blogger.com/blogger.g?blogID=1310061262030190307" title="comment permalink">
                <data:comment.timestamp>
              </data:comment.timestamp></a>
              <b:include data="comment" name="commentDeleteIcon">
            </b:include></span>
          </dd>
        </b:loop>
      </dl>
</div>
<div class="slide">
<span class="btn-slide"><img src="https://lh5.googleusercontent.com/-UChDdIt-q0c/TkHT8M9zE-I/AAAAAAAAAuI/YLNXG5eMIVc/I/Show%252520Comment.png" title="Tampilkan Komentar" /></span></div>

8. Simpan template dan lihat hasilnya, sobat perhatikan kode penutup dibawah ini :

</div>

<div class='slide'><span class='btn-slide'><img src='https://lh5.googleusercontent.com/-UChDdIt-q0c/TkHT8M9zE-I/AAAAAAAAAuI/YLNXG5eMIVc/I/Show%252520Comment.png' title='Tampilkan Komentar'/></span></div>

yang berwarna hijau bisa sobat ganti dengan URL Images sobat sendiri, baik itu logo gambar, maupun logo tulisan. Mungkin hanya ini yang bisa saya bagikan, ya...,mudah-mudahan aja ini bisa bermanfaat buat sobat semuanya, Terima kasih.

0 Cara Mudah Bikin Email Domain @ Blogger

Selamat Sore . . .
Perkenalkan nama saya Syafri,  . Kali ini saya ingin share tentang Cara Mudah Bikin Email Domain @blogger.com. Mungkin dari agan2 sudah pada tahu trik ini. Tapi tak ada salahnya jika kita belajar besama di sini.
Ikuti langkah-langkah di bawah ini !!

1. Masuk akun blog anda

2. Lanjut ke Dashboard

3. Pilih Settings

4. Pilih Email & Mobile, lalu lihat pada bagian bawah ..

seperti screen shot yg ada di bawah ini

5. Isi "Email Posting Address" terserah kamu, kalo punyaku tinggal nambahin "zone". Pilih save email as draft posts jika memang kamu ingin setiap pemberitahuan email kamu ada di draft post blog kamu, pilih Publish emails immediately jika kamu ingin pemberitahuan kamu selalu terbit di postingan blog kamu, seperti blog ini. Jika kamu pilih disabled, maka tidak akan ada pemberitahuan di draft maupun di postingan blogmu.

6. Save Settings

Gimana ??? mudah bukan ?? Semoga Bermanfaat 

Selamat Sore . . .
Perkenalkan nama saya Syafri,  . Kali ini saya ingin share tentang Cara Mudah Bikin Email Domain @blogger.com. Mungkin dari agan2 sudah pada tahu trik ini. Tapi tak ada salahnya jika kita belajar besama di sini.
Ikuti langkah-langkah di bawah ini !!

1. Masuk akun blog anda

2. Lanjut ke Dashboard

3. Pilih Settings

4. Pilih Email & Mobile, lalu lihat pada bagian bawah ..

seperti screen shot yg ada di bawah ini

5. Isi "Email Posting Address" terserah kamu, kalo punyaku tinggal nambahin "zone". Pilih save email as draft posts jika memang kamu ingin setiap pemberitahuan email kamu ada di draft post blog kamu, pilih Publish emails immediately jika kamu ingin pemberitahuan kamu selalu terbit di postingan blog kamu, seperti blog ini. Jika kamu pilih disabled, maka tidak akan ada pemberitahuan di draft maupun di postingan blogmu.

6. Save Settings

Gimana ??? mudah bukan ?? Semoga Bermanfaat 

0 Cara Membuat Halaman Blog Melipat

Trik blogger kali ini share tentang cara membuat halaman blog melipat,dan uniknya bila kursor mouse berada dipojok halaman maka halaman tersebut akan melipat seperti contoh pada blog ini.

Pada Lipatan halaman ini bisa dipasang RSS FEED atau apa saja yang sobat ingin pasang di dalam lipatan ini.
Untuk membuat halaman blog seperti ini caranya sangat mudah, sobat penasaran mau membuatnya?

Mari ikuti langkah2 berikut:

1.     Login ke blogger >> Design >> Edit HTML >> Expand widget template

2.     Cari kode <b:skin><![CDATA[

Dan letakkan kode berikut di atasnya:

<script src='http://trikblogger.googlecode.com/files/script_lipat_halaman_trikblogger.js
' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function(){
$("#pageflip").hover(function() {
$("#pageflip img , .msg_block").stop()
.animate({width: '307px',height: '319px'}, 500);
} , function() {
$("#pageflip img").stop()
.animate({width: '50px',height: '52px'}, 220);
$(".msg_block").stop()
.animate({width: '50px',height: '50px'}, 200);
});
});
</script>

3.     Lalu cari lagi kode ]]></b:skin>

Dan letakkan kode berikut tepat di atasnya:

#pageflip {
position: relative;
}
#pageflip img {
border: none;
width: 50px; height: 52px;
z-index: 99;
position: absolute;
right: 0; top: 0;
-ms-interpolation-mode: bicubic;
}
#pageflip .msg_block {
width: 50px; height: 50px;
position: absolute;
right: 0; top: 0;
background: url(URL GAMBAR) no-repeat right top;
text-indent: -9999px;
}

4.     Cari kode <body>

Dan letakkan kode berikut di bawahnya:

<div id='pageflip'>
<a href='URL TUJUAN' target='_blank'>
<img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCdwh8hAhpQJvjVur1cJLO0yHvf1LO4oWxF6UIiomdww5rPHXmQQ3GVRY3rjWUrOSUWwgRZSWpT5jpBpVigqO3op6bLGtz0ztzDg558kbTKoIn6gMbmN1LxD7OHQgOgAzxtVexAPpwcIBK/'/>
<span class='msg_block'/>
</a>
</div>

Catatan ganti kode yang berwarna merah dengan Link yang anda inginkan. Saran saya Link RSS atau
link berlangganan

5.     Kemudian simpan template sobat

Untuk mengganti gambar background URL yang berwarna merah, sobat bisa mengganti dengan URL gambar yang sobat inginkan

Selesai sudah cara membuat halaman blog melipat dan lihat hasilnya bagaimana....baguskan?
Selamat mencoba

Trik blogger kali ini share tentang cara membuat halaman blog melipat,dan uniknya bila kursor mouse berada dipojok halaman maka halaman tersebut akan melipat seperti contoh pada blog ini.

Pada Lipatan halaman ini bisa dipasang RSS FEED atau apa saja yang sobat ingin pasang di dalam lipatan ini.
Untuk membuat halaman blog seperti ini caranya sangat mudah, sobat penasaran mau membuatnya?

Mari ikuti langkah2 berikut:

1.     Login ke blogger >> Design >> Edit HTML >> Expand widget template

2.     Cari kode <b:skin><![CDATA[

Dan letakkan kode berikut di atasnya:

<script src='http://trikblogger.googlecode.com/files/script_lipat_halaman_trikblogger.js
' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function(){
$("#pageflip").hover(function() {
$("#pageflip img , .msg_block").stop()
.animate({width: '307px',height: '319px'}, 500);
} , function() {
$("#pageflip img").stop()
.animate({width: '50px',height: '52px'}, 220);
$(".msg_block").stop()
.animate({width: '50px',height: '50px'}, 200);
});
});
</script>

3.     Lalu cari lagi kode ]]></b:skin>

Dan letakkan kode berikut tepat di atasnya:

#pageflip {
position: relative;
}
#pageflip img {
border: none;
width: 50px; height: 52px;
z-index: 99;
position: absolute;
right: 0; top: 0;
-ms-interpolation-mode: bicubic;
}
#pageflip .msg_block {
width: 50px; height: 50px;
position: absolute;
right: 0; top: 0;
background: url(URL GAMBAR) no-repeat right top;
text-indent: -9999px;
}

4.     Cari kode <body>

Dan letakkan kode berikut di bawahnya:

<div id='pageflip'>
<a href='URL TUJUAN' target='_blank'>
<img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCdwh8hAhpQJvjVur1cJLO0yHvf1LO4oWxF6UIiomdww5rPHXmQQ3GVRY3rjWUrOSUWwgRZSWpT5jpBpVigqO3op6bLGtz0ztzDg558kbTKoIn6gMbmN1LxD7OHQgOgAzxtVexAPpwcIBK/'/>
<span class='msg_block'/>
</a>
</div>

Catatan ganti kode yang berwarna merah dengan Link yang anda inginkan. Saran saya Link RSS atau
link berlangganan

5.     Kemudian simpan template sobat

Untuk mengganti gambar background URL yang berwarna merah, sobat bisa mengganti dengan URL gambar yang sobat inginkan

Selesai sudah cara membuat halaman blog melipat dan lihat hasilnya bagaimana....baguskan?
Selamat mencoba

0 Bagaimana Cara Menghapus Histyory Youtube

Untuk para Youtuber semua sudah basi yang pasti cara ini, tapi postingan ini buat member pemula youtue (heheheee)
Bagaimana cara Menghapus History Youtube? kenapa kok historynya dihapus?? yah siapa tahu aja frogerizta waktu nonton Youtube kepencet buka pilm yang lagi intip-intipan kan bisa bahaya noh kalo tetangga tahu...!!
Nah Pertama Buka Akun Youtube anda
Kemudian Klik DISINI
Lihat Contohnya :

 

Ketika Kita KLIK History akan muncul seperti ini :

Disana ada Pilihan :
Centang History yang akan dihapus kemudian REMOVE
dan...Jika ingin menghapus semua History yang pernah kita lihat silahkan Pilih Clear all viewing history


Oke Selamat intip - intipan...!!

Untuk para Youtuber semua sudah basi yang pasti cara ini, tapi postingan ini buat member pemula youtue (heheheee)
Bagaimana cara Menghapus History Youtube? kenapa kok historynya dihapus?? yah siapa tahu aja frogerizta waktu nonton Youtube kepencet buka pilm yang lagi intip-intipan kan bisa bahaya noh kalo tetangga tahu...!!
Nah Pertama Buka Akun Youtube anda
Kemudian Klik DISINI
Lihat Contohnya :

 

Ketika Kita KLIK History akan muncul seperti ini :

Disana ada Pilihan :
Centang History yang akan dihapus kemudian REMOVE
dan...Jika ingin menghapus semua History yang pernah kita lihat silahkan Pilih Clear all viewing history


Oke Selamat intip - intipan...!!

0 Template Hacker

Taraaa... (-_-')

Udah lama gag coret" di blog ST nie, dari pada saya nganggur mending saya coret" aja nie blog.

saya mau berbagi template untuk blokcepot kata tetangga saya template ini namanya template hacker (what is a hacker).

Yang suka sama tema - tema bernuansa hacker, deface, dll. kalian bisa mencoba template berikut ini.

Untuk tampilan lumayan menarik, hanya saja kekurangan template ini sangat polos, kalian bisa ubah sendiri lha sesuai selera masing - masing.

Untuk priviewnya bisa lihat disini : Dimana??disini yahh -_-
Untuk downloadnya bisa disini : Kok disini lagi? gag mau ah.. disana aja yah

Taraaa... (-_-')

Udah lama gag coret" di blog ST nie, dari pada saya nganggur mending saya coret" aja nie blog.

saya mau berbagi template untuk blokcepot kata tetangga saya template ini namanya template hacker (what is a hacker).

Yang suka sama tema - tema bernuansa hacker, deface, dll. kalian bisa mencoba template berikut ini.

Untuk tampilan lumayan menarik, hanya saja kekurangan template ini sangat polos, kalian bisa ubah sendiri lha sesuai selera masing - masing.

Untuk priviewnya bisa lihat disini : Dimana??disini yahh -_-
Untuk downloadnya bisa disini : Kok disini lagi? gag mau ah.. disana aja yah

0 Gambar Transparent pake PhotoFiltre

Kalo buat urusan kecepatan PhotoFiltre boleh deh.., tapi kalo udah urusannya kualitas, PhotoShop dong pastinya.. Kalo kamu belom punya PhotoFiltre download aja geratis ko, nih disini ada nih. PhotoFiltre 6.5.2 Portable / February 2011 English version in zip format (2 Mb) Portable version for USB drive for example. This version does not have to be installed and does not include the Ask Toolbar Helpfiles translated by John Corliss

Bayu Ferdan

Yang Portable version-nya enak banget, udah gak pake acara instal-instalan deh, tinggal extract aja langsung, bisa ke Hard Disk bisa juga ke Flash Disk biar bisa di bawa kemana-mana, jadi tinggal buka foldernya, hajar deh PhotoFiltre.exe nya.

Buat kelinci percobaan kita pake aja gambarnya si Be-Your Self yuk! :P
i1178.photobucket.com/albums/x374/Azhar_Az/ulen/sasori-1.jpg

Buka file yang mau di edit,
Masuk keMenu Image
pilih Transparent color..,
Warna Transparen cuman bisa dipake dimode maximum 256 warna.

( Yes aja deh daripada benjol )

Saat proses konversi selesai beberapa kelebihan warna bakalan dibuang.
Do you want to continue?

Tunjuk dibagian gambar, dan ambil sample warnanya. Atur Toleransi Warna sesuai hasrat :P, kalo mau liat dulu gimana hasilnya ntar, pencet aja tombol Previewnya.

Udah tuh beres.., tinggal diSave deh pake *.gif File Extension Gimana?? cepet kan!?

---

Gak ditanya sih,, tapi..

Did You Know? (ciee.. keren),

-= because posting is an Art of pleasure =-

Buat temen-temen yang punya trick lain tentang PhotoFiltre,
share disini ya?! pliss..

Kalo buat urusan kecepatan PhotoFiltre boleh deh.., tapi kalo udah urusannya kualitas, PhotoShop dong pastinya.. Kalo kamu belom punya PhotoFiltre download aja geratis ko, nih disini ada nih. PhotoFiltre 6.5.2 Portable / February 2011 English version in zip format (2 Mb) Portable version for USB drive for example. This version does not have to be installed and does not include the Ask Toolbar Helpfiles translated by John Corliss

Bayu Ferdan

Yang Portable version-nya enak banget, udah gak pake acara instal-instalan deh, tinggal extract aja langsung, bisa ke Hard Disk bisa juga ke Flash Disk biar bisa di bawa kemana-mana, jadi tinggal buka foldernya, hajar deh PhotoFiltre.exe nya.

Buat kelinci percobaan kita pake aja gambarnya si Be-Your Self yuk! :P
i1178.photobucket.com/albums/x374/Azhar_Az/ulen/sasori-1.jpg

Buka file yang mau di edit,
Masuk keMenu Image
pilih Transparent color..,
Warna Transparen cuman bisa dipake dimode maximum 256 warna.

( Yes aja deh daripada benjol )

Saat proses konversi selesai beberapa kelebihan warna bakalan dibuang.
Do you want to continue?

Tunjuk dibagian gambar, dan ambil sample warnanya. Atur Toleransi Warna sesuai hasrat :P, kalo mau liat dulu gimana hasilnya ntar, pencet aja tombol Previewnya.

Udah tuh beres.., tinggal diSave deh pake *.gif File Extension Gimana?? cepet kan!?

---

Gak ditanya sih,, tapi..

Did You Know? (ciee.. keren),

-= because posting is an Art of pleasure =-

Buat temen-temen yang punya trick lain tentang PhotoFiltre,
share disini ya?! pliss..