Efek Gulungan di Pojok Kanan Atas

Cara membuat efek gulungan disudut blog -- Atau dengan kata lain membuat efek seolah-olah menggulung atau terlipat pada sudut blog.
Cara ini mudah saja sebenarnya, seperti biasa hanya bermain script dengan perintah tertentu sehingga terciptalah  efek gulungan disudut blog sesuai dengan yang kita inginkan.

Berikut adalah Cara membuat efek gulungan disudut blog :

Cara ini berlaku untuk pengguna blogspot. Pertama sobat login ke blog sobat --> Edit HTML --> beri centang expand widget template. Lalu sobat cari kod <b:skin><![CDATA[ kemudian sobat copy kod dibawah dan letakkan diatasnya.

 <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>

Jika sudah, cari lagi kod ]]></b:skin> untuk membuat syle CSSnya, copy kod dibawah letakkan diatas ]]></b:skin>

 #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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjk7RZu140TxG7wo8Ibaj41cT1QJD0pphqhl377DAIImQWRgPQdzVF_i-iqwfehx2_uNbPtQwC1aeVsJyZNh3gnlb0vHZc1MhTfyJxJIQw0UDesrSL-bdVpBZJlwzF4VDBjxnhJCo4Eo6id/) no-repeat right top;
text-indent: -9999px;
}

 KETERANGAN :

• Warna merah adalah URL gambar backgroundnya, sobat bisa menggantikan dengan background lain sesuka hati sobat. Dibawah saya sudah menyiapkan beberapa background alternatif untuk sobat silahkan dipilih :

URL : https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjk7RZu140TxG7wo8Ibaj41cT1QJD0pphqhl377DAIImQWRgPQdzVF_i-iqwfehx2_uNbPtQwC1aeVsJyZNh3gnlb0vHZc1MhTfyJxJIQw0UDesrSL-bdVpBZJlwzF4VDBjxnhJCo4Eo6id/

URL : https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEji8ApaAH6VAEWyWMqG0VbEWxCW4e1mBWJZpjbHsYwUuIIaE1sKHJVumH8qJQjlWLw3QA3YV5QWPntrjM9MC4Q9dvdkAE5z2zDBQmTta0tMJTTdbms5blXZ22jIO5ENpS3EpxhE_EhYW5k/s1600/efek-gulung1.gif

URL : https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVSDymmdFSoirP1AVZzZo23d1HbcGOGfFxd1fVaIiLhqoYE9yOt_bxYfDYbHhB3Gw2Y2T8BaNOOQgHcyRa4bpKBAkWV19tcaU-S7GN-Vf-gx3gFOo2HJH0IBMY_HmOIU7af5ZtjdqZAkc/s1600/efek-gulung2.gif

 Terakhir cari kod <body> dan copy lagi kod dibawah letakkan dibawahnya.

<div id='pageflip'>
<a href='http://trik-komputer-online.blogspot.com/2012/04/efek-gulungan-di-pojok-kanan-atas.html' target='_blank'>
<img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj191I-3I7RT8S7UZvMYIFG8k_oKPBjiXfLuvU7hwn_OgBkF40b4Kpit7zVW3EcNpyUEeI0Ui-M1cZLXyMamUfvJfM1ygTOODecRZfwlqFWnOlPgDyvbFLHXhglQK6Li-snPoLuGRTnVHy6/'/>
<span class='msg_block'/>
</a>
</div>

Kemudian Preview / pratinjau dulu sebelum di SAVE kalau sudah ok, SAVE..
Selamat mencoba..

Aturan dan Kebijakan di Trik Komputer

• Semua Konten di Trik Komputer bertujuan sebagai media pendidikan dan pembelajaran, oleh karena itu dimohon tidak menyalahgunakan informasi dan pengetahuan yang diperoleh untuk hal - hal yang merugikan diri sendiri maupun orang lain
• Kami melakukan segala upaya untuk memastikan bahwa informasi di Trik Komputer tersaji seakurat dan sebaik mungkin.

Read More

Cara Pasang Emotion Kaskus di Kotak Komentar

Nah sobat, Saya ingin sharing bagaimana cara membuat atau memasang emoticon atau emotion kaskus pada kotak komentar blogspot. Sama halnya seperti memasang emotion yahoo pada kotak komentar, bedanya pada simbol-simbolnya saja.

Berikut adalah Cara pasang emotion kaskus di kotak komentar :

1. Login dasbor blog --> Rancangan --> Edit HTML

2. Sobat beri tanda centang pada "expand widget template"

3. Lalu cari kode : </body> 

4. Letakkan kode berikut diatasnya :

<script type='text/javascript'>
//<![CDATA[
a = document.getElementById('comments');
if(a) {
b = a.getElementsByTagName("DD");
for(i=0; i < b.length; i++) {
if (b.item(i).getAttribute('CLASS') == 'comment-body') {
_str = b.item(i).innerHTML.replace(/:a:/gi, "<img src='http://grandis.web.id/blog-triks/sundul.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:b:/gi, "<img src='http://grandis.web.id/blog-triks/jempol2.gif' class='smiley'/>");
_str = _str.replace(/:c:/gi, "<img src='http://grandis.web.id/blog-triks/bingung.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:d:/gi, "<img src='http://grandis.web.id/blog-triks/ngakak.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:e:/gi, "<img src='http://grandis.web.id/blog-triks/hammer.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:f:/gi, "<img src='http://grandis.web.id/blog-triks/najis.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:g:/gi, "<img src='http://grandis.web.id/blog-triks/capede.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:h:/gi, "<img src='http://grandis.web.id/blog-triks/s_sm_maho.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:i:/gi, "<img src='http://grandis.web.id/blog-triks/takut.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:j:/gi, "<img src='http://grandis.web.id/blog-triks/sorry.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:k:/gi, "<img src='http://grandis.web.id/blog-triks/marah.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:l:/gi, "<img src='http://grandis.web.id/blog-triks/ngacir2.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:m:/gi, "<img src='http://grandis.web.id/blog-triks/I-Luv-Indonesia.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:n:/gi, "<img src='http://grandis.web.id/blog-triks/cewek.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:o:/gi, "<img src='http://grandis.web.id/blog-triks/shakehand2.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:p:/gi, "<img src='http://grandis.web.id/blog-triks/malu.gif' alt='' width='40' class='smiley'/>");
b.item(i).innerHTML = _str;
}
}
}
a = document.getElementById('comments');
if(a) {
c = a.getElementsByTagName("DD");
for(i=0; i < c.length; i++) {
if (c.item(i).getAttribute('CLASS') == 'comment-body-author') {
_str = b.item(i).innerHTML.replace(/:a:/gi, "<img src='http://grandis.web.id/blog-triks/sundul.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:b:/gi, "<img src='http://grandis.web.id/blog-triks/jempol2.gif' class='smiley'/>");
_str = _str.replace(/:c:/gi, "<img src='http://grandis.web.id/blog-triks/bingung.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:d:/gi, "<img src='http://grandis.web.id/blog-triks/ngakak.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:e:/gi, "<img src='http://grandis.web.id/blog-triks/hammer.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:f:/gi, "<img src='http://grandis.web.id/blog-triks/najis.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:g:/gi, "<img src='http://grandis.web.id/blog-triks/capede.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:h:/gi, "<img src='http://grandis.web.id/blog-triks/s_sm_maho.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:i:/gi, "<img src='http://grandis.web.id/blog-triks/takut.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:j:/gi, "<img src='http://grandis.web.id/blog-triks/sorry.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:k:/gi, "<img src='http://grandis.web.id/blog-triks/marah.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:l:/gi, "<img src='http://grandis.web.id/blog-triks/ngacir2.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:m:/gi, "<img src='http://grandis.web.id/blog-triks/I-Luv-Indonesia.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:n:/gi, "<img src='http://grandis.web.id/blog-triks/cewek.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:o:/gi, "<img src='http://grandis.web.id/blog-triks/shakehand2.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:p:/gi, "<img src='http://grandis.web.id/blog-triks/malu.gif' alt='' width='40' class='smiley'/>");

c.item(i).innerHTML = _str;
}
}
}
//]]>
</script>

5. Kemudian sobat cari lagi kode seperti dibawah ini:

<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> 

6. Kalau tidak ada persis sama, cari yang mirip saja. Lalu letakkan kode berikut dibawah <p class='comment-footer'>

<b><img src='http://grandis.web.id/blog-triks/sundul.gif' width='40'/>

:a:

<img src='http://grandis.web.id/blog-triks/jempol2.gif' width='40'/>

:b:

<img src='http://grandis.web.id/blog-triks/bingung.gif' width='40'/>

:c:

<img src='http://grandis.web.id/blog-triks/ngakak.gif' width='40'/>

:d:

<img src='http://grandis.web.id/blog-triks/hammer.gif' width='40'/>

:e:

<img src='http://grandis.web.id/blog-triks/najis.gif' width='40'/>

:f:

<img src='http://grandis.web.id/blog-triks/capede.gif' width='40'/>

:g:

<br/><img src='http://grandis.web.id/blog-triks/s_sm_maho.gif' width='40'/>

:h:

<img src='http://grandis.web.id/blog-triks/takut.gif' width='40'/>

:i:

<img src='http://grandis.web.id/blog-triks/sorry.gif' width='40'/>

:j:

<img src='http://grandis.web.id/blog-triks/marah.gif' width='40'/>

:k:

<img src='http://grandis.web.id/blog-triks/ngacir2.gif' width='40'/>

:l:

<img src='http://grandis.web.id/blog-triks/I-Luv-Indonesia.gif' width='40'/>

:m:


<img src='http://grandis.web.id/blog-triks/cewek.gif' width='40'/>

:n:

<img src='http://grandis.web.id/blog-triks/shakehand2.gif' width='40'/>

:o:

<img src='http://grandis.web.id/blog-triks/malu.gif' width='40'/>

:p:


</b>

7. Jika sudah selesai SAVE template sobat..

Memasang Emoticon kaskus memang asyik, sebab icon-iconnya menurut saya lucu-lucu. Nah sobat, selamat mencoba semoga berhasil..

Happy blogging and sharing.

Aturan dan Kebijakan di Trik Komputer

• Semua Konten di Trik Komputer bertujuan sebagai media pendidikan dan pembelajaran, oleh karena itu dimohon tidak menyalahgunakan informasi dan pengetahuan yang diperoleh untuk hal - hal yang merugikan diri sendiri maupun orang lain
• Kami melakukan segala upaya untuk memastikan bahwa informasi di Trik Komputer tersaji seakurat dan sebaik mungkin.

Read More

Cara Meletakkan Facebook Fanpage di Bawah Posting

1. Siapkan kode fanpage facebook sobat

2. Lalu pharse kode tersebut, caranya masuk ke link http://centricle.com/tools/html-entities/ kemudian masukkan kode fanpage sobat dan klik encode. Copy kode yang sudah dipharse, lalu simpan dulu di notepad

3. Login ke dasbor blog --> Rancangan --> Edit HTML

4. Ceklist expand template widget

5. Lalu sobat cari kode <data:post.body/> , jika kode ini ada dua pilih yang pertama, jika ada 3 pilih yang kedua, jika ada empat juga pilih yang kedua.

6. Lalu copy kode fanpage facebook yang sudah dipharse tadi dibawah kode <data:post.body/>

7. Save template sobat..

Selamat mencoba cara meletakkan facebook fanpage dibawah posting. Semoga berhasil, happy blogging and sharing..

Aturan dan Kebijakan di Trik Komputer

• Semua Konten di Trik Komputer bertujuan sebagai media pendidikan dan pembelajaran, oleh karena itu dimohon tidak menyalahgunakan informasi dan pengetahuan yang diperoleh untuk hal - hal yang merugikan diri sendiri maupun orang lain
• Kami melakukan segala upaya untuk memastikan bahwa informasi di Trik Komputer tersaji seakurat dan sebaik mungkin.

Read More