Hay Pengunjung Rifki Tekno ™





Banner Ukurang 468x60. 
Gambar
<a href="http://www.rifki-tekno.com/"><img src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJdtIlWk1psI3WtgZV7sc573T_BMdu2vQIgew0OQ8BkvzmT4nS8m0kQ-Zof6dxQBFeMqcZHGS4sT3D_2dfkPzM0Fwf3xWzmKmxEcsooZL_4sohn5mjfQJMAWA0SAhWPdX9yHxn7pPewyU/s1600/TukeranB.png " width="468" height="60" border="0" alt="Rizki Tekno™" /></a><br />

                                                              Banner Ukuran 88x31.
<a href="http://www.rifki-tekno.com/" target="_blank"><img border="0" alt="Sat-cyber" src=" http://3.bp.blogspot.com/-KA5N2vakcTA/UOp70--QrgI/AAAAAAAAAQY/aKvDy409e8M/s1600/RT.gif "/></a>
New!
Banner 88x31 di header syarat :
-Pasang Juga Banner Ku di Header.
-Rank Alexa Tidak melebihi 2.000.000
-Bukan Plagiat.

"Rizki Tekno™ Akan Mengecek banner yang Terpasang Di blog Gue, Jika Ketahuan Banner Rizki Tekno™

Tidak Di pasang, sedangkan Banner Kalian terpasang Di blogku, Banner Kalian Akan Di Hapus, !!
=====





Banner Ukurang 468x60. 
Gambar
<a href="http://www.rifki-tekno.com/"><img src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJdtIlWk1psI3WtgZV7sc573T_BMdu2vQIgew0OQ8BkvzmT4nS8m0kQ-Zof6dxQBFeMqcZHGS4sT3D_2dfkPzM0Fwf3xWzmKmxEcsooZL_4sohn5mjfQJMAWA0SAhWPdX9yHxn7pPewyU/s1600/TukeranB.png " width="468" height="60" border="0" alt="Rizki Tekno™" /></a><br />

                                                              Banner Ukuran 88x31.
<a href="http://www.rifki-tekno.com/" target="_blank"><img border="0" alt="Sat-cyber" src=" http://3.bp.blogspot.com/-KA5N2vakcTA/UOp70--QrgI/AAAAAAAAAQY/aKvDy409e8M/s1600/RT.gif "/></a>
New!
Banner 88x31 di header syarat :
-Pasang Juga Banner Ku di Header.
-Rank Alexa Tidak melebihi 2.000.000
-Bukan Plagiat.

"Rizki Tekno™ Akan Mengecek banner yang Terpasang Di blog Gue, Jika Ketahuan Banner Rizki Tekno™

Tidak Di pasang, sedangkan Banner Kalian terpasang Di blogku, Banner Kalian Akan Di Hapus, !!
=====

Cara Memasang CCTV Di Blog

 <script language="JavaScript" src="http://js4you.googlecode.com/files/cctv.js" type="text/javascript"> </script> <script language="JavaScript" type="text/javascript"> cot("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpaT48YvUHoHNetmqVcnoTDchzy1dzLdMhXvL9gWD0k7UUkIHrmxWELgim09bW-hQpNaw3DMEllvs0lYe0aJLIfH7hEh_fEW3vjABXxPzooxSOs5JrB0atwxh7YKNu9leWYlXoXvuqj8E/s1600/cctv.gif")</script>

1. Login www.blogger.com
2. masuk ke Rancangan
3. Masuk ke TATA LETAK
4. Pilih tambah gadget
5. Pilih Pilihat HTML/JAVASCRIPT
6. COPAS Code di atas
7. Save + LIHAT DEH HASILNYA ^_^ 
 <script language="JavaScript" src="http://js4you.googlecode.com/files/cctv.js" type="text/javascript"> </script> <script language="JavaScript" type="text/javascript"> cot("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpaT48YvUHoHNetmqVcnoTDchzy1dzLdMhXvL9gWD0k7UUkIHrmxWELgim09bW-hQpNaw3DMEllvs0lYe0aJLIfH7hEh_fEW3vjABXxPzooxSOs5JrB0atwxh7YKNu9leWYlXoXvuqj8E/s1600/cctv.gif")</script>

1. Login www.blogger.com
2. masuk ke Rancangan
3. Masuk ke TATA LETAK
4. Pilih tambah gadget
5. Pilih Pilihat HTML/JAVASCRIPT
6. COPAS Code di atas
7. Save + LIHAT DEH HASILNYA ^_^ 

Cara Memasang Emoticon Naruto Di Aas Kotak Komentar



Silahkan kalian lihat-lihat dulu Emoticon di atas.

Bagaimana, Kalian tertarik...??? Kalo Kalian tertarik silahkan ikuti langkah-langkah berikut :

[1]. Pertama Login Dulu Ke Blog Kalian[2]. Trus Pilih Tata Letak
[3]. Pilih Edit HTML
[4]. Beri Centang Pada Expand Widget Template
[5]. lalu Cari Code </body> (Agar Lebih Mudah Mencari Tekan Saja CTRL + F, atau F3 Pada Keyboard)
[6]. Letakkan Code Dibawah Ini Sebelum Code </body>
<script src='http://mohammadiqbal.fileave.com/chibi_naruto_teoringeblog.js' type='text/javascript'/>
[7]. Setelah Selesai Dengan Script Diatas Cari Code Berikut
<b:if cond='data:post.embedCommentForm'>
[8]. Setelah Ketemu Silahkan Copy dan Paste-kan kode Script Dibawah Ini Sebelum Code Di Atas
<b><img height='50' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdKScp0xprVK5mw8Si2FYdKbwSi6gUAVRFLv38CvaFlC2CtmpucVeWxwOXPF7KyLMmeg_EkfSpqMDWvErmTG3UafDiNgbFd4rRIc4ecivOEBdyJ936wynrxYdVLHsL7fPfoLdhF90uDs4/s128/naruto.gif' width='50'/>
:1:
<img height='50' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEIWwq4U5j5rEdrlmtrxIBw08yQDp5Qvy70RRftbQ34RCV08_86LZHBKKClyL875fqjX5TkD5DD8Kn7v_8ZaCoi4nB7gLgrkPgBm51LQgvsO5igtknR02qd0QJSnK-coAr614VfJqnTRw/s128/sasuke.gif' width='50'/>
:2:
<img height='50' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-wiSdhZQKodaaU1_K0pZsCtuk683tgHqLdB-gNDL4B7_epS6fh1oFrKmJh8Pm62-LQFThghcRk_7qqPNuJ3bDSUdPBw8MJFdVcWEdGpCnSyfSlhcN45nHbVAYNf6r-KC0aADFUjfVZMI/s128/sakura.gif' width='50'/>
:3:
<img height='50' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPrITFJAEBJ1Lxx1FWbVBn79bI7XI1hxuHJJ3GizRHTUVbhCxAjG2Mwj_btJHkfL1aTedtzmFPxMwOEsW_ce8NxUkwsjInm7V7ihKufcDeHsAxRSWvfwzAozTZWJrlak_D8t_CW59PJDI/s128/gaara.gif' width='50'/>
:4:
<img height='50' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhknS-vgWeWclj4bI8LeqXM_plNqTBio7-swIjAk_D92iPDQDAnf1u3QA9trtM-RfDFkE1HuZADrmLBTWN3N_Jv7H0lTlXG6qgrjZ65YXxh6GoosZAZGybaGHsQt4yjIoG9_-ljDmuAGzA/s128/neji.gif' width='50'/>
:5:
<img height='50' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJ5gPaRIK9qHE_GYCFPjW2ALAEmbWTcSX-0s6eiOUxWv33VJ8rQurWIgueCOr38QzbuSdU0LKkOU3EpDUKSmM4_3lb2ddGPPCdmRZfpXuZljA9a3SYZmnATvN_uuCikA55RslOlGSCGZQ/s128/rock%20lee.gif' width='50'/>
:6:
<img height='50' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCuZ9tN7rZ51xmHjBWSlqQU-N9IDoU2DnSsQO-5ugWz1GfGxnbRP7c4Q3h6BhtsB9zWBlrdyYlLHNNsrt2CT9VEnkS3lCq4VrHe1WvRcKyAeNmhRQrvbbaX2FjcLDUk7FtQ7ATxVYg0xg/s128/kakashi.gif' width='50'/>
:7:
</b>
[9]. Terahir Simpan dan Lihat Hasilnya

Selamat Mencoba...!!!^_^


Silahkan kalian lihat-lihat dulu Emoticon di atas.

Bagaimana, Kalian tertarik...??? Kalo Kalian tertarik silahkan ikuti langkah-langkah berikut :

[1]. Pertama Login Dulu Ke Blog Kalian[2]. Trus Pilih Tata Letak
[3]. Pilih Edit HTML
[4]. Beri Centang Pada Expand Widget Template
[5]. lalu Cari Code </body> (Agar Lebih Mudah Mencari Tekan Saja CTRL + F, atau F3 Pada Keyboard)
[6]. Letakkan Code Dibawah Ini Sebelum Code </body>
<script src='http://mohammadiqbal.fileave.com/chibi_naruto_teoringeblog.js' type='text/javascript'/>
[7]. Setelah Selesai Dengan Script Diatas Cari Code Berikut
<b:if cond='data:post.embedCommentForm'>
[8]. Setelah Ketemu Silahkan Copy dan Paste-kan kode Script Dibawah Ini Sebelum Code Di Atas
<b><img height='50' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdKScp0xprVK5mw8Si2FYdKbwSi6gUAVRFLv38CvaFlC2CtmpucVeWxwOXPF7KyLMmeg_EkfSpqMDWvErmTG3UafDiNgbFd4rRIc4ecivOEBdyJ936wynrxYdVLHsL7fPfoLdhF90uDs4/s128/naruto.gif' width='50'/>
:1:
<img height='50' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEIWwq4U5j5rEdrlmtrxIBw08yQDp5Qvy70RRftbQ34RCV08_86LZHBKKClyL875fqjX5TkD5DD8Kn7v_8ZaCoi4nB7gLgrkPgBm51LQgvsO5igtknR02qd0QJSnK-coAr614VfJqnTRw/s128/sasuke.gif' width='50'/>
:2:
<img height='50' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-wiSdhZQKodaaU1_K0pZsCtuk683tgHqLdB-gNDL4B7_epS6fh1oFrKmJh8Pm62-LQFThghcRk_7qqPNuJ3bDSUdPBw8MJFdVcWEdGpCnSyfSlhcN45nHbVAYNf6r-KC0aADFUjfVZMI/s128/sakura.gif' width='50'/>
:3:
<img height='50' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPrITFJAEBJ1Lxx1FWbVBn79bI7XI1hxuHJJ3GizRHTUVbhCxAjG2Mwj_btJHkfL1aTedtzmFPxMwOEsW_ce8NxUkwsjInm7V7ihKufcDeHsAxRSWvfwzAozTZWJrlak_D8t_CW59PJDI/s128/gaara.gif' width='50'/>
:4:
<img height='50' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhknS-vgWeWclj4bI8LeqXM_plNqTBio7-swIjAk_D92iPDQDAnf1u3QA9trtM-RfDFkE1HuZADrmLBTWN3N_Jv7H0lTlXG6qgrjZ65YXxh6GoosZAZGybaGHsQt4yjIoG9_-ljDmuAGzA/s128/neji.gif' width='50'/>
:5:
<img height='50' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJ5gPaRIK9qHE_GYCFPjW2ALAEmbWTcSX-0s6eiOUxWv33VJ8rQurWIgueCOr38QzbuSdU0LKkOU3EpDUKSmM4_3lb2ddGPPCdmRZfpXuZljA9a3SYZmnATvN_uuCikA55RslOlGSCGZQ/s128/rock%20lee.gif' width='50'/>
:6:
<img height='50' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCuZ9tN7rZ51xmHjBWSlqQU-N9IDoU2DnSsQO-5ugWz1GfGxnbRP7c4Q3h6BhtsB9zWBlrdyYlLHNNsrt2CT9VEnkS3lCq4VrHe1WvRcKyAeNmhRQrvbbaX2FjcLDUk7FtQ7ATxVYg0xg/s128/kakashi.gif' width='50'/>
:7:
</b>
[9]. Terahir Simpan dan Lihat Hasilnya

Selamat Mencoba...!!!^_^

Cara Membuat Komentar Facebook dan Blog Berdampingan.


OK..!! Langsung kita prakktekkan Caranya:
  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 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.

  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 bawah kedua 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.
Semoga berhasil...!!

OK..!! Langsung kita prakktekkan Caranya:
  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 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.

  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 bawah kedua 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.
Semoga berhasil...!!

Cara Membuat Screensaver Pada Blog



Kalian pasti sudah tahu-kan apa itu Screen Saver...?, kalo Screen Saver pada Blog, juga pasti sudah tahu dong...?, itu lo pada saat kita meninggalkan Blog kita terlalu lama, dan kita kembali lagi ke Blog kita,  maka Screensavernya akan keluar. OK, kalo sudah tahu, mari kita praktekan cara membuatnya. Silahkan ikuti langkah-langkah berikut ini :

[1]. Pertama pastinya Login dulu ke Blog Kalian
[2]. Trus cari Rancangan --> Elemen Laman --> Tambahkan Gadget
[3]. Copy dan Paste-kan Code di bawah ini ke dalamnya.
<style type="text/css">body .saving{position: fixed;width: 100%;top: 0;left:0;height: 100%;opacity: 0.98;filter: alpha(opacity=98);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=98)";background: #000;border-bottom: 3px solid transparent;z-index: 999999;-o-transition: all 3s ease-in-out 10s;-moz-transition: all 3s ease-in-out 10s;-webkit-transition: all 3s ease-in-out 10s;}body:hover .saving {opacity: 0.0;height:0.001%;filter: alpha(opacity=0);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";background: #0a7f01;border-bottom: 5px solid #333;-o-transition: opacity 2s ease-in-out 2.5s, background-color 3s linear 0.5s, height 1s ease-in 1.8s;-moz-transition: opacity 2s ease-in-out 2.5s, background 3s linear 0.5s, height 1s ease-in 1.8s;-webkit-transition: opacity 2s ease-in-out 2.5s, background 3s linear 0.5s, height 1s ease-in 1.8s;}body .saving p.esm1{margin: 0;padding: 0;width: 92%;background: transparent;font-size: 100px;font-family: "Serif", Times New Roman;color: #FF0000;text-shadow: 0 0 2px #ccc, 0 -5px 4px #ff3, 2px -6px 6px #fd3, -2px -8px 9px #f40, 2px -10px 10px #f10;position: relative;margin-top: 200px;line-height: 20px;font-weight: bold;text-align: center;border: 30px solid transparent;border-radius: 20px;-moz-border-radius: 20px;-webkit-border-radius: 20px;-o-transition: -o-transform 5s ease-out 8s, background-color 4s ease-out 12s;-moz-transition: -moz-transform 5s ease-out 8s, background 4s ease-out 12s;-webkit-transition: -webkit-transform 5s ease-out 8s, background 4s ease-out 12s;}body:hover .saving p.esm1{font-size: 10px;color: red;width: 25%;margin: 340px 0 0 300px;padding: 25px;background: #aaa;border: 20px solid #888;border-radius: 170px;-moz-border-radius: 170px;-webkit-border-radius: 170px;-o-transform:translate(600px,-500px) rotate(360deg) scale(0.2);-moz-transform:translate(600px,-500px) rotate(360deg) scale(0.2);-webkit-transform:translate(600px,-500px) rotate(360deg) scale(0.2);-o-transition: font 1.1s 0.1s, width 1.3s 0.4s, margin-left 0.8s 1.2s, -o-transform 1.2s linear 1.5s, background-color 0.6s ease-in 0.6s, margin-top 1.2s ease-in 0.5s, border 3s ease-in;-moz-transition: font 1.1s 0.1s, width 1.3s 0.4s, margin-left 0.8s 1.2s, -moz-transform 1.2s linear 1.5s, background 0.6s ease-in 0.6s, margin-top 1.2s ease-in 0.5s, border 3s ease-in;-webkit-transition: font 1.1s 0.1s, width 1.7s 0s, margin-left 0.8s 1.2s, -webkit-transform 1.2s linear 1.5s, background 0.6s ease-in 0.6s, margin-top 1s ease-in 0.5s, border 3s ease-in, -webkit-border-radius 3s ease-in;}.saving p span.esm2{font-size: 18px;opacity: 0.5;filter: alpha(opacity=50);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";display: block;text-align: center;width: 300px;margin: -10px auto; font-weight: normal;padding: 2px 8px;background: #000;border: 1px solid #333;border-radius: 0;-moz-border-radius: 0;-webkit-border-radius: 0;color: #0000FF;text-shadow: none;font-family: Arial, Helvetica, sans-serif;-o-transition: 1s ease-out;-moz-transition: 1s ease-out;-webkit-transition: 1s ease-out;}.saving:hover p span.esm2{font-size: 10px;width: 200px;padding: 0;}.saving p span.esm3{color: #ccc;font-family: "Tahoma", Arial, Helvetica;display: block;margin:10px auto;background: url http://i964.photobucket.com/albums/ae124...) left center repeat-x;background: -moz-linear-gradient(top,#666,#111);background: -webkit-gradient(linear,0% top,0% bottom,from(#111),to(#666));opacity: 0.6;filter: alpha(opacity=60);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";width: 250px;text-shadow: 1px 1px 1px #000;border: 1px solid #333;border-radius: 4px;padding:2px 10px;-moz-border-radius: 4px;-webkit-border-radius: 4px;font-size: 12px;font-weight: normal;line-height: 16px;}.saving .by : Copyright Tanpa Nama {margin-left: 30px;text-align: center;color: #015828;font-size: 12px;font-weight: normal;position: absolute;bottom: 30px;width: 100%;height: 20px;left: 0;}.saving .by : Copyright Tanpa Nama span.esm4 {color: #aaa;font-style:italic;font-size:14px;font-weight:bold;text-transform:uppercase;}#recpost {width:210px;overflow: hidden;height: 327px;float: right;margin-top: 10px;padding: 4px 2px;background: transparent;border: 1px solid transparent;border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;-o-transition: all 1.5s ease-out;-moz-transition: all 1.5s ease-out;-webkit-transition: all 1.5s ease-out;}</style>
<div class='saving'>
<p class='esm1'>Ò’ÑŒ[̲̅J̲̲̅.̲̅m̲̲̲̅.̲̅K̲̅]™<br/>
<br/><br/>
<span class='esm3'><blink>Gerakkan Mouse Kalian dan Silahkan Surfing Kembali...!!!</blink></span></p></div>
KETERANGAN :
* Tulisan yang berwarna Merah, ganti dengan Nama Blog atau Nama Kalian sendiri.

* Dan tulisan yang berwarna Biru, ganti dengan Pesan yang Kalian inginkan.

[4]. Terakhir tinggal di SAVE, dan lihat hasilnya.

Semoga Bermanfaat...!!!


Kalian pasti sudah tahu-kan apa itu Screen Saver...?, kalo Screen Saver pada Blog, juga pasti sudah tahu dong...?, itu lo pada saat kita meninggalkan Blog kita terlalu lama, dan kita kembali lagi ke Blog kita,  maka Screensavernya akan keluar. OK, kalo sudah tahu, mari kita praktekan cara membuatnya. Silahkan ikuti langkah-langkah berikut ini :

[1]. Pertama pastinya Login dulu ke Blog Kalian
[2]. Trus cari Rancangan --> Elemen Laman --> Tambahkan Gadget
[3]. Copy dan Paste-kan Code di bawah ini ke dalamnya.
<style type="text/css">body .saving{position: fixed;width: 100%;top: 0;left:0;height: 100%;opacity: 0.98;filter: alpha(opacity=98);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=98)";background: #000;border-bottom: 3px solid transparent;z-index: 999999;-o-transition: all 3s ease-in-out 10s;-moz-transition: all 3s ease-in-out 10s;-webkit-transition: all 3s ease-in-out 10s;}body:hover .saving {opacity: 0.0;height:0.001%;filter: alpha(opacity=0);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";background: #0a7f01;border-bottom: 5px solid #333;-o-transition: opacity 2s ease-in-out 2.5s, background-color 3s linear 0.5s, height 1s ease-in 1.8s;-moz-transition: opacity 2s ease-in-out 2.5s, background 3s linear 0.5s, height 1s ease-in 1.8s;-webkit-transition: opacity 2s ease-in-out 2.5s, background 3s linear 0.5s, height 1s ease-in 1.8s;}body .saving p.esm1{margin: 0;padding: 0;width: 92%;background: transparent;font-size: 100px;font-family: "Serif", Times New Roman;color: #FF0000;text-shadow: 0 0 2px #ccc, 0 -5px 4px #ff3, 2px -6px 6px #fd3, -2px -8px 9px #f40, 2px -10px 10px #f10;position: relative;margin-top: 200px;line-height: 20px;font-weight: bold;text-align: center;border: 30px solid transparent;border-radius: 20px;-moz-border-radius: 20px;-webkit-border-radius: 20px;-o-transition: -o-transform 5s ease-out 8s, background-color 4s ease-out 12s;-moz-transition: -moz-transform 5s ease-out 8s, background 4s ease-out 12s;-webkit-transition: -webkit-transform 5s ease-out 8s, background 4s ease-out 12s;}body:hover .saving p.esm1{font-size: 10px;color: red;width: 25%;margin: 340px 0 0 300px;padding: 25px;background: #aaa;border: 20px solid #888;border-radius: 170px;-moz-border-radius: 170px;-webkit-border-radius: 170px;-o-transform:translate(600px,-500px) rotate(360deg) scale(0.2);-moz-transform:translate(600px,-500px) rotate(360deg) scale(0.2);-webkit-transform:translate(600px,-500px) rotate(360deg) scale(0.2);-o-transition: font 1.1s 0.1s, width 1.3s 0.4s, margin-left 0.8s 1.2s, -o-transform 1.2s linear 1.5s, background-color 0.6s ease-in 0.6s, margin-top 1.2s ease-in 0.5s, border 3s ease-in;-moz-transition: font 1.1s 0.1s, width 1.3s 0.4s, margin-left 0.8s 1.2s, -moz-transform 1.2s linear 1.5s, background 0.6s ease-in 0.6s, margin-top 1.2s ease-in 0.5s, border 3s ease-in;-webkit-transition: font 1.1s 0.1s, width 1.7s 0s, margin-left 0.8s 1.2s, -webkit-transform 1.2s linear 1.5s, background 0.6s ease-in 0.6s, margin-top 1s ease-in 0.5s, border 3s ease-in, -webkit-border-radius 3s ease-in;}.saving p span.esm2{font-size: 18px;opacity: 0.5;filter: alpha(opacity=50);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";display: block;text-align: center;width: 300px;margin: -10px auto; font-weight: normal;padding: 2px 8px;background: #000;border: 1px solid #333;border-radius: 0;-moz-border-radius: 0;-webkit-border-radius: 0;color: #0000FF;text-shadow: none;font-family: Arial, Helvetica, sans-serif;-o-transition: 1s ease-out;-moz-transition: 1s ease-out;-webkit-transition: 1s ease-out;}.saving:hover p span.esm2{font-size: 10px;width: 200px;padding: 0;}.saving p span.esm3{color: #ccc;font-family: "Tahoma", Arial, Helvetica;display: block;margin:10px auto;background: url http://i964.photobucket.com/albums/ae124...) left center repeat-x;background: -moz-linear-gradient(top,#666,#111);background: -webkit-gradient(linear,0% top,0% bottom,from(#111),to(#666));opacity: 0.6;filter: alpha(opacity=60);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";width: 250px;text-shadow: 1px 1px 1px #000;border: 1px solid #333;border-radius: 4px;padding:2px 10px;-moz-border-radius: 4px;-webkit-border-radius: 4px;font-size: 12px;font-weight: normal;line-height: 16px;}.saving .by : Copyright Tanpa Nama {margin-left: 30px;text-align: center;color: #015828;font-size: 12px;font-weight: normal;position: absolute;bottom: 30px;width: 100%;height: 20px;left: 0;}.saving .by : Copyright Tanpa Nama span.esm4 {color: #aaa;font-style:italic;font-size:14px;font-weight:bold;text-transform:uppercase;}#recpost {width:210px;overflow: hidden;height: 327px;float: right;margin-top: 10px;padding: 4px 2px;background: transparent;border: 1px solid transparent;border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;-o-transition: all 1.5s ease-out;-moz-transition: all 1.5s ease-out;-webkit-transition: all 1.5s ease-out;}</style>
<div class='saving'>
<p class='esm1'>Ò’ÑŒ[̲̅J̲̲̅.̲̅m̲̲̲̅.̲̅K̲̅]™<br/>
<br/><br/>
<span class='esm3'><blink>Gerakkan Mouse Kalian dan Silahkan Surfing Kembali...!!!</blink></span></p></div>
KETERANGAN :
* Tulisan yang berwarna Merah, ganti dengan Nama Blog atau Nama Kalian sendiri.

* Dan tulisan yang berwarna Biru, ganti dengan Pesan yang Kalian inginkan.

[4]. Terakhir tinggal di SAVE, dan lihat hasilnya.

Semoga Bermanfaat...!!!

Cara Membuat Effect Terang dan Gelap Pada Blog


[1]. Pertama pastinya Login dulu ke Blog Kalian.
[2]. Dari Dasbor, cari Rancangan --> Edit HTML.
[3]. Cari Code ]]></b:skin>.
[4]. Kalo sudah ketemu, Copy dan Paste-kan Code di bawah, tepat di atas Code tadi.
A. Dari Gelap Menjadi Terang.
.post img{opacity:.5;filter:alpha(opacity=100); this.style.opacity=1}
.post img:hover{opacity:1;filter:alpha(opacity=1); this.style.opacity=6}
B. Dari Terang Menjadi Gelap.
.post img{opacity:1;filter:alpha(opacity=1); this.style.opacity=6}
.post img:hover{opacity:.5;filter:alpha(opacity=100); this.style.opacity=1}
[5]. Terakhir tinggal di SAVE, dan lihat hasilnya.

Semoga Bermanfaat...!!! Jangan lupa tinggalkan Komentar Kalian Ya...!!!

[1]. Pertama pastinya Login dulu ke Blog Kalian.
[2]. Dari Dasbor, cari Rancangan --> Edit HTML.
[3]. Cari Code ]]></b:skin>.
[4]. Kalo sudah ketemu, Copy dan Paste-kan Code di bawah, tepat di atas Code tadi.
A. Dari Gelap Menjadi Terang.
.post img{opacity:.5;filter:alpha(opacity=100); this.style.opacity=1}
.post img:hover{opacity:1;filter:alpha(opacity=1); this.style.opacity=6}
B. Dari Terang Menjadi Gelap.
.post img{opacity:1;filter:alpha(opacity=1); this.style.opacity=6}
.post img:hover{opacity:.5;filter:alpha(opacity=100); this.style.opacity=1}
[5]. Terakhir tinggal di SAVE, dan lihat hasilnya.

Semoga Bermanfaat...!!! Jangan lupa tinggalkan Komentar Kalian Ya...!!!

Cara Membuat Effect Kedap-Kedip Pada Postingan


Hello sobat Blogger, bagaimana kabar Kalian hari ini,,? semoga sehat2 saja ya. Kali ini Saya akan berbagi Tips Bloger yaitu "Cara Membuat Effect Kedap-Kedip Pada Postingan Atau Judul Postingan Blog". Sebenarnya sudah lama Saya ingin SHARE Tips ini, tapi baru hari ini Saya bisa SHARE. Sebagi contoh, pada Judul Postingan Blog ini atau pada salah satu Postingan Blog ini, Kalian bisa lihat ada Tulisan yang berkedap-kedip terus-menerus. Bagaimana, Kalian tertarik...? kalau Kalian tertarik, silahkan ikuti langkah-langkah di bawah.

[1]. Login dulu ke Blog Kalian.
[2]. Kedian dari Dasbor, buat sebuah ENTRI baru.
[3]. Selanjutnya, Copas atau Ketik Code di bawah.
<blink>Postingan Kalian atau Judul Postingan Kalian</blink>
KETERANGAN :
* Untuk menaruh Codenya, pastikan di dalam Mode Edit HTML pada Postingan.

* Ganti tulisan yang berwarna Biru, dengan Postingan Kalian.
* Sedangan untuk Judul Blog, lihat Gambar di bawah.


[4]. Terakhir, tinggal di SAVE, dan lihat hasilnya.

Semoga Bermanfaat.

Hello sobat Blogger, bagaimana kabar Kalian hari ini,,? semoga sehat2 saja ya. Kali ini Saya akan berbagi Tips Bloger yaitu "Cara Membuat Effect Kedap-Kedip Pada Postingan Atau Judul Postingan Blog". Sebenarnya sudah lama Saya ingin SHARE Tips ini, tapi baru hari ini Saya bisa SHARE. Sebagi contoh, pada Judul Postingan Blog ini atau pada salah satu Postingan Blog ini, Kalian bisa lihat ada Tulisan yang berkedap-kedip terus-menerus. Bagaimana, Kalian tertarik...? kalau Kalian tertarik, silahkan ikuti langkah-langkah di bawah.

[1]. Login dulu ke Blog Kalian.
[2]. Kedian dari Dasbor, buat sebuah ENTRI baru.
[3]. Selanjutnya, Copas atau Ketik Code di bawah.
<blink>Postingan Kalian atau Judul Postingan Kalian</blink>
KETERANGAN :
* Untuk menaruh Codenya, pastikan di dalam Mode Edit HTML pada Postingan.

* Ganti tulisan yang berwarna Biru, dengan Postingan Kalian.
* Sedangan untuk Judul Blog, lihat Gambar di bawah.


[4]. Terakhir, tinggal di SAVE, dan lihat hasilnya.

Semoga Bermanfaat.

Cara Membuat Efek Ketikan Pada Judul Blog

Effect ketikan pada judul Blog, mungkin Kalian sudah tahukan, seperti kalau Kalian lihat pada Blog ini, pasti pada bagian Tab Browser Kalian ada tulisan yang bergerak. Nah kita akan membuat yang seperti itu. OK buat yang tertarik, silahkan ikuti langkah-langkah berikut :

[1]. Seperti biasa Login ke Blog Kalian
[2]. Trus pilih Tata Letak
[3]. Klik Edit HTML
[4]. Cari Code </body>
[5]. Paste Code di bawah ini tepat diatas Code yang tadi.

<script>
var tit = document.title;
var c = 0;
function writetitle() {
document.title = tit.substring(0,c);
if(c==tit.length)
{
c = 0;
setTimeout("writetitle()", 2000)
}
else {
c++;
setTimeout("writetitle()", 275)
}
}
writetitle()
</script>
[6]. Simpan dan Lihat Perubahannya

Selamat Mencoba...!!!
Effect ketikan pada judul Blog, mungkin Kalian sudah tahukan, seperti kalau Kalian lihat pada Blog ini, pasti pada bagian Tab Browser Kalian ada tulisan yang bergerak. Nah kita akan membuat yang seperti itu. OK buat yang tertarik, silahkan ikuti langkah-langkah berikut :

[1]. Seperti biasa Login ke Blog Kalian
[2]. Trus pilih Tata Letak
[3]. Klik Edit HTML
[4]. Cari Code </body>
[5]. Paste Code di bawah ini tepat diatas Code yang tadi.

<script>
var tit = document.title;
var c = 0;
function writetitle() {
document.title = tit.substring(0,c);
if(c==tit.length)
{
c = 0;
setTimeout("writetitle()", 2000)
}
else {
c++;
setTimeout("writetitle()", 275)
}
}
writetitle()
</script>
[6]. Simpan dan Lihat Perubahannya

Selamat Mencoba...!!!

Cara Membuat Tooltip Otomatis di Blog








Berikut Langkah-Langkah  Cara Membuat Tooltip Otomatis di Blog
Langkah Pertama, seperti biasa login ke akun blogger sobat. ( bukan punya orang lain...)
Kedua, Masuk ke Rancangan - Edit HTML
Ketiga, Centang Expand Template Widget.
Keempat, Paste Kode Berikut di bawah kode <body>.

    <script src='http://javascript-share.googlecode.com/files/wb.js'/><a href='http://www.warungbebas.com' id='wb_ttauth'>Created (c) by Princexells Seyka (Princelling Saki)</a><script type='text/javascript'>//<![CDATA[
    wb.tooltip_setting =
    {
    func : "Tooltip",
    top : 5,
    left : 5,
    maxw : 300,
    speed : 20,
    timer : 40,
    endalpha : 95,
    alpha : 0,
    style_plus : "#tt{border:3px solid #778899;background:#dcdcdc}#ttcont{background:#000000;color:#00ff00}"
    };
    //]]></script><script src='http://javascript-share.googlecode.com/files/wb_tooltips.js'/>
    <script src='http://javascript-share.googlecode.com/files/wb_autotooltips.js'/><!-- pembuka warungbebasautotooltip --><div id='warungbebasautotooltip'>

 Kelima, Paste Lagi kode berikut di atas kode </body>

    </div><!-- penutup warungbebasautotooltip --><script type='text/javascript'>wb.$_auto_tooltip(&#39;warungbebasautotooltip&#39;);</script>

Keenam, Save Template.
NB : Sobat Bisa mengatur tampilan Tooltip dengan memodifikasi kode yang berwarna biru.
Sobat tidak boleh mengubah kode - kode selain yang berwarna biru.... karena kalo tidak, tooltip akan mengalami Error.

Read more: http://myhafiezers.blogspot.com/2012/04/cara-membuat-tooltip-otomatis-di-blog.html#ixzz2DBIim0Ut








Berikut Langkah-Langkah  Cara Membuat Tooltip Otomatis di Blog
Langkah Pertama, seperti biasa login ke akun blogger sobat. ( bukan punya orang lain...)
Kedua, Masuk ke Rancangan - Edit HTML
Ketiga, Centang Expand Template Widget.
Keempat, Paste Kode Berikut di bawah kode <body>.

    <script src='http://javascript-share.googlecode.com/files/wb.js'/><a href='http://www.warungbebas.com' id='wb_ttauth'>Created (c) by Princexells Seyka (Princelling Saki)</a><script type='text/javascript'>//<![CDATA[
    wb.tooltip_setting =
    {
    func : "Tooltip",
    top : 5,
    left : 5,
    maxw : 300,
    speed : 20,
    timer : 40,
    endalpha : 95,
    alpha : 0,
    style_plus : "#tt{border:3px solid #778899;background:#dcdcdc}#ttcont{background:#000000;color:#00ff00}"
    };
    //]]></script><script src='http://javascript-share.googlecode.com/files/wb_tooltips.js'/>
    <script src='http://javascript-share.googlecode.com/files/wb_autotooltips.js'/><!-- pembuka warungbebasautotooltip --><div id='warungbebasautotooltip'>

 Kelima, Paste Lagi kode berikut di atas kode </body>

    </div><!-- penutup warungbebasautotooltip --><script type='text/javascript'>wb.$_auto_tooltip(&#39;warungbebasautotooltip&#39;);</script>

Keenam, Save Template.
NB : Sobat Bisa mengatur tampilan Tooltip dengan memodifikasi kode yang berwarna biru.
Sobat tidak boleh mengubah kode - kode selain yang berwarna biru.... karena kalo tidak, tooltip akan mengalami Error.

Read more: http://myhafiezers.blogspot.com/2012/04/cara-membuat-tooltip-otomatis-di-blog.html#ixzz2DBIim0Ut

Mau Buat Daftar Isi Yang Keren Di Blog


Menemani sobat blogger yang suka mengutak atik blog agar kelihatan Ganteng, DeeJayHan kembali hadir dalam acara dan Gelombang Daftar Isi.
Setelah beberapa hari lalu kita membahas berbagai cara membuat Daftar Isi blog yang keren antara lain :
Kini saatnya kita buat lagi Daftar Isi, Berikut cara pasang di blog : Cek View Demo Dulu


Pertama
Klik + +
Kedua Masukkan HTML di bawah ini ke EDIT HTML di dalam postingan

<style>
#daftar-isi-body
{
         width:760px!important;
         height:600px!important;
         padding:30px 40px;
         margin:0 auto;
}
 #daftar-isi-wrap
{
         margin: 0 auto;
}
 .box-posting
{
         background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEig484DdUwPdvNZz3-ll2_fASaF4YMLbqMWbsOkk_5lqHVbBRLJWKaSSS8fUFfJMubkSXzdSjxr54EvfDIA1v9bQmjHqn6Ip5NpKUQxI5APIY1x7sC-1Nl-8sOMq_Z7NP3VOQtOT6U3Uf8/s1600/bg-box.png);
         background-position:bottom center;
         background-repeat:no-repeat;
         overflow:hidden;
         cursor:pointer;
         float:left;
         height:140px;
         width:248px;
         margin:-50px 0 0 0;
}
 .box-posting img
{
         height:46px;
         width:46px;
         float:left;
         margin:20px 0 0 25px;
         background-color:#2E0700;
         border:1px solid #2E0700;
         -webkit-border-radius: 30px;
         -moz-border-radius: 30px;
         border-radius: 50%;
}
 .box-posting .judul-posting
{
         float:left;
         height:35px;
         margin:0;
         width:220px;
}
 .box-posting .judul-posting a
{
         font-family:arial,Serif !important;
         color:#774A34!important;
         text-shadow:0 0 1px rgba(0,0,0,0.9);
         margin:-40px 0 0 80px;
         display:block;
         font-size:13px !important;
         line-height:18px!important;
         font-weight:bold !important;
}
 .box-posting .judul-posting a:hover
{
         color:#333!important;
}
 .box-posting:hover
{
         border-left-color:#C6EB04;
}
 #totales
{
         text-align:center;
         color:#774A34 !important;
         text-shadow:0 1px rgba(0,0,0,0.2);
}
 #loadingscript
{
         color:#444;
         font-family:Century Gothic;
         font-size:100px;
         letter-spacing:-10px;
         text-align:center;
         text-shadow:-5px 0 1px #444;
}
 #paginacion
{
         color:#BBB;
         font-size:24px;
         font-weight:bold;
         height:35px;
         line-height:28px;
         padding:0;
         margin:0 auto;
         text-align:center;
}
 #paginacion span,#paginacion a
{
         display:inline-block;
         font-size:13px !important;
         line-height:24px;
         font-weight:bold;
         margin:0 1px;
         width:25px;
         height:25px;
}
#paginacion a, #paginacion span.actual
{
         background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQYRHUSjCkcyIdNVPCET-qqNvDzd-oWr13hMTHCs4iNGtdcgIEQOZBBsaTc2D0gqPU51U0uKwhDwycAwPnYkrxodklfpgoTjdyxLUHhmE6aYENklpjrlaqgOyyOqPaTH3PmNzGq-yX_kE/s1600/page-link.png);
         background-position:top center;
         background-repeat:no-repeat;
         color:#250700 !important;
         text-shadow:0px 1px 0px rgba(255,255,255,0.1);
}
 #paginacion span.actual
{
         color:#774A34 !important;
}
 #paginacion a:hover
{
         color:#FFF !important;
}
 #paginacion .nextprev-link,
 #paginacion span.nextprev-link
{
         border:none;
         color:#250700 !important;
         text-shadow:0px 1px 0px rgba(255,255,255,0.1);
         width:100px;
         background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoJavxODqf8DkSwIE5-HWr8qHNtXtbTHA_ytzXXMuibs3BxZCHiAp1AowR3bpENCZsDZKnOrXHQbCidtRQB7cBjNRbXGl3eL69izwhAo6kwIK9ThpK5GA5hfU_PNYaFiQyPgETdiMadN4/s1600/nextprev.png);
         background-position:top center;
         background-repeat:no-repeat;
}
</style>
<script type="text/javascript">
                  var jumlahposting = 18;
                  var urlblog = "http://www.one-rganization.org";
                  var minpaginas = 5;
                  var maxpaginas = 10;
                  var thumbs = "http://upload.wikimedia.org/wikipedia/commons/6/66/Colour_wheel_(black_background).JPG";
                                            </script>
<script language="javascript" src="http://hanjs.googlecode.com/files/sitemaps.js"></script>

Menemani sobat blogger yang suka mengutak atik blog agar kelihatan Ganteng, DeeJayHan kembali hadir dalam acara dan Gelombang Daftar Isi.
Setelah beberapa hari lalu kita membahas berbagai cara membuat Daftar Isi blog yang keren antara lain :
Kini saatnya kita buat lagi Daftar Isi, Berikut cara pasang di blog : Cek View Demo Dulu


Pertama
Klik + +
Kedua Masukkan HTML di bawah ini ke EDIT HTML di dalam postingan

<style>
#daftar-isi-body
{
         width:760px!important;
         height:600px!important;
         padding:30px 40px;
         margin:0 auto;
}
 #daftar-isi-wrap
{
         margin: 0 auto;
}
 .box-posting
{
         background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEig484DdUwPdvNZz3-ll2_fASaF4YMLbqMWbsOkk_5lqHVbBRLJWKaSSS8fUFfJMubkSXzdSjxr54EvfDIA1v9bQmjHqn6Ip5NpKUQxI5APIY1x7sC-1Nl-8sOMq_Z7NP3VOQtOT6U3Uf8/s1600/bg-box.png);
         background-position:bottom center;
         background-repeat:no-repeat;
         overflow:hidden;
         cursor:pointer;
         float:left;
         height:140px;
         width:248px;
         margin:-50px 0 0 0;
}
 .box-posting img
{
         height:46px;
         width:46px;
         float:left;
         margin:20px 0 0 25px;
         background-color:#2E0700;
         border:1px solid #2E0700;
         -webkit-border-radius: 30px;
         -moz-border-radius: 30px;
         border-radius: 50%;
}
 .box-posting .judul-posting
{
         float:left;
         height:35px;
         margin:0;
         width:220px;
}
 .box-posting .judul-posting a
{
         font-family:arial,Serif !important;
         color:#774A34!important;
         text-shadow:0 0 1px rgba(0,0,0,0.9);
         margin:-40px 0 0 80px;
         display:block;
         font-size:13px !important;
         line-height:18px!important;
         font-weight:bold !important;
}
 .box-posting .judul-posting a:hover
{
         color:#333!important;
}
 .box-posting:hover
{
         border-left-color:#C6EB04;
}
 #totales
{
         text-align:center;
         color:#774A34 !important;
         text-shadow:0 1px rgba(0,0,0,0.2);
}
 #loadingscript
{
         color:#444;
         font-family:Century Gothic;
         font-size:100px;
         letter-spacing:-10px;
         text-align:center;
         text-shadow:-5px 0 1px #444;
}
 #paginacion
{
         color:#BBB;
         font-size:24px;
         font-weight:bold;
         height:35px;
         line-height:28px;
         padding:0;
         margin:0 auto;
         text-align:center;
}
 #paginacion span,#paginacion a
{
         display:inline-block;
         font-size:13px !important;
         line-height:24px;
         font-weight:bold;
         margin:0 1px;
         width:25px;
         height:25px;
}
#paginacion a, #paginacion span.actual
{
         background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQYRHUSjCkcyIdNVPCET-qqNvDzd-oWr13hMTHCs4iNGtdcgIEQOZBBsaTc2D0gqPU51U0uKwhDwycAwPnYkrxodklfpgoTjdyxLUHhmE6aYENklpjrlaqgOyyOqPaTH3PmNzGq-yX_kE/s1600/page-link.png);
         background-position:top center;
         background-repeat:no-repeat;
         color:#250700 !important;
         text-shadow:0px 1px 0px rgba(255,255,255,0.1);
}
 #paginacion span.actual
{
         color:#774A34 !important;
}
 #paginacion a:hover
{
         color:#FFF !important;
}
 #paginacion .nextprev-link,
 #paginacion span.nextprev-link
{
         border:none;
         color:#250700 !important;
         text-shadow:0px 1px 0px rgba(255,255,255,0.1);
         width:100px;
         background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoJavxODqf8DkSwIE5-HWr8qHNtXtbTHA_ytzXXMuibs3BxZCHiAp1AowR3bpENCZsDZKnOrXHQbCidtRQB7cBjNRbXGl3eL69izwhAo6kwIK9ThpK5GA5hfU_PNYaFiQyPgETdiMadN4/s1600/nextprev.png);
         background-position:top center;
         background-repeat:no-repeat;
}
</style>
<script type="text/javascript">
                  var jumlahposting = 18;
                  var urlblog = "http://www.one-rganization.org";
                  var minpaginas = 5;
                  var maxpaginas = 10;
                  var thumbs = "http://upload.wikimedia.org/wikipedia/commons/6/66/Colour_wheel_(black_background).JPG";
                                            </script>
<script language="javascript" src="http://hanjs.googlecode.com/files/sitemaps.js"></script>

Daftar Isi

Membuat Post

Mengganti Logo Favicon Blogger

Mengganti Logo Favicon Blogger
Mengganti Logo Favicon Blogger-Sebenarnya apa sich favicon itu?Ya,favicon adalah kependekan dari favorit icon yaitu icon yang menunjukkan ciri khas pada blog sobat yang ada pada area tab web browser.Ketika sobat mendaftar blogger atapun wordpress,pada dasarnya sudah ada favicon default bawaan dari masing" platform tersebut.Sobat bisa menggantinya sesuka sobat dan sesuai keinginan sobat.Tau ga caranya?,emmmmp..kalo ga tau,di kasih tw ga yaa?????hehehe....Ok sob,untuk Mengganti Logo Favicon Blogger yuk ikuti saya.
1.Login ke akun blogger sobat dulu
2.Pilih "Opsi Lainya">>Template>>Edit HTML>>Lanjutkan
3.cari kode  seperti ini
<b:skin><![CDATA[/*
kalo ga ada pokoknya yang mirip"g7 dech sob,kalo udah nanti diatasnya akan ada kode seperti ini 
<link href='URL GAMBAR FAVICON' rel='shortcut icon'/>
Ganti URL GAMBAR FAVICON dengan URL gambar sobat.Nahh,..kalo ga ada gimana sob???Gampang,tinggal tambahin aja  kode ini 
<link href='URL GAMBAR FAVICON' rel='shortcut icon'/>
4.Langkah terakhir "Save Template"
Ok sukses yach buat sahabat planktoon yang mau coba :)
Mengganti Logo Favicon Blogger
Mengganti Logo Favicon Blogger-Sebenarnya apa sich favicon itu?Ya,favicon adalah kependekan dari favorit icon yaitu icon yang menunjukkan ciri khas pada blog sobat yang ada pada area tab web browser.Ketika sobat mendaftar blogger atapun wordpress,pada dasarnya sudah ada favicon default bawaan dari masing" platform tersebut.Sobat bisa menggantinya sesuka sobat dan sesuai keinginan sobat.Tau ga caranya?,emmmmp..kalo ga tau,di kasih tw ga yaa?????hehehe....Ok sob,untuk Mengganti Logo Favicon Blogger yuk ikuti saya.
1.Login ke akun blogger sobat dulu
2.Pilih "Opsi Lainya">>Template>>Edit HTML>>Lanjutkan
3.cari kode  seperti ini
<b:skin><![CDATA[/*
kalo ga ada pokoknya yang mirip"g7 dech sob,kalo udah nanti diatasnya akan ada kode seperti ini 
<link href='URL GAMBAR FAVICON' rel='shortcut icon'/>
Ganti URL GAMBAR FAVICON dengan URL gambar sobat.Nahh,..kalo ga ada gimana sob???Gampang,tinggal tambahin aja  kode ini 
<link href='URL GAMBAR FAVICON' rel='shortcut icon'/>
4.Langkah terakhir "Save Template"
Ok sukses yach buat sahabat planktoon yang mau coba :)

Download Fonts keren unik gratis

Download Fonts keren unik gratis untuk tambahan koleksi desain grafis dan editing mulai dari italic arabic dan normal font

BANTUAN CARA PEMASANGAN FONTS
Cara Instal / Pemasangan Font pada Komputer untuk OS Windows XP
- Download font, karena font dalam keadaan zip file maka extract file tersebut
- copy atau cut file font yang telah diekstract
- Masuk ke Control Panel -> Pilih Font dan paste file font tersebut
- Akan muncul pernyataan dan font telah terinstal di komputer anda

Cara Instal / Pemasangan Font pada Komputer untuk OS Windows Seven
- Download font, karena font dalam keadaan zip file maka extract file tersebut
- copy atau cut file font yang telah diekstract
- Masuk ke Control Panel -> di Search kanan atas ketik Font, lalu klik Fonts
- Paste Font di tempat daftar Font windows 7
- Akan muncul pernyataan dan font telah terinstal di komputer anda

Ketika anda membuka Photoshop / Coreldraw / Flash / maupun program yang lain maka font akan otomatis terload di aplikasi tersebut

Selamat Menikmati, semoga bermanfaat
DOWNLOAD FONTS
Typeface: Resident Evil Font
Preview:
resident-evil
Download

Typeface: akashi
Preview:
akashi
Download

Typeface: KASnake
Preview:
KASnake
Download

Typeface: TRAJAN PRO REGULAR
Preview:
TRAJAN PRO REGULAR
Download
Typeface: ANDROID - Special font ANDROID TM (by GOOGLE INC)
Preview:
ANDROID fonts
Download
Typeface: Alice in Wonderland
Preview:
Alice in Wonderland
Download
Typeface: Ithornet
Preview:
Ithornet
Download
Typeface: Knaft Art Vector Font
Preview:
Knaft Art Vector Font
Download
Typeface: Harry Potter Font
Preview:
Harry Potter Font
Download
Typeface: SF Movie Poster Font
Preview:
SF Movie Poster Font
Download
Typeface: Start Dust Font
Preview:
Start Dust Font
Download
Typeface: Tron
Preview:
akashi
Download
Typeface: Walt Desney
Preview:
Walt Desney
Download
Typeface: BLAZED
Preview:
BLAZED
Download
Typeface: Corleone
Preview:
Corleone
Download
Typeface: Kingdom Hearts
Preview:
Kingdom Hearts
Download
Typeface: Dot Curve
Preview:
Dot Curve
Download
Typeface: Alhambra
Preview:
Alhambra
Download
Typeface: Death Note Font
Preview:
Death Note Font
Download
Typeface: Exus Pilot
Preview:
Exus Pilot
Download
Typeface: Jokerman Font
Preview:
Jokerman Font
Download
Typeface: Halucinations Font
Preview:
Halucinations Font
Download
PILIH KATEGORI
rss Google Plus
PHOTOSHOP
 - Photoshop Dasar
 - Photoshop Teks Efek
 - Photoshop Foto Efek
 - Photoshop Alternatif
 - Photoshop Tools

PHOTOGRAPHY
 - Adobe Lightroom

CORELDRAW
 - Corel Dasar
 - Corel Logo Desain
 - Corel Bebas
 - Coreldraw Tools

ILLUSTRATOR
 - illustrator Vector

ANIMATION
 - Flash
 - SwishMAX

 - WEB DESAIN
 - Dreamweaver
 - Fireworks

DESKTOP PUBLISHING
 - Freehand
 - InDesign

MICROSOFT
 - Paint
 - Visio

3D Dan ARSITEKTUR
 - Cinema 4D
 - 3DS Max Studio
 - MAYA
 - AutoCAD

VIDEO PRODUCTION
 - Adobe Premiere
 - After Effect
 - Pinnacle Studio

FREEWARE
 - GIMP
 - InkSCAPE

IG QR Code
barcode ilmugrafis.com
Scan Code untuk membuka dari Smartphone

IG apk IlmuGrafis Launcher (apk)

+ Link to ilmuGrafis
tutorial ilmu grafis indonesia

Kode HTML
Silahkan boleh dipasang di blog/web anda

--// Persaudaraan ilmuGrafis
+ Yesimadesigner.com
+ IlmuWebsite.com
+ DesainStudio.com
+ IlmuPhotoshop.com
+ EfekPhotoshop.com
+ PhotoshopID.com
+ All Friends

--// Support ilmuGrafis Adv.

Belanja Games PC murah berkualitas Visit : belanja games
Download Fonts keren unik gratis untuk tambahan koleksi desain grafis dan editing mulai dari italic arabic dan normal font

BANTUAN CARA PEMASANGAN FONTS
Cara Instal / Pemasangan Font pada Komputer untuk OS Windows XP
- Download font, karena font dalam keadaan zip file maka extract file tersebut
- copy atau cut file font yang telah diekstract
- Masuk ke Control Panel -> Pilih Font dan paste file font tersebut
- Akan muncul pernyataan dan font telah terinstal di komputer anda

Cara Instal / Pemasangan Font pada Komputer untuk OS Windows Seven
- Download font, karena font dalam keadaan zip file maka extract file tersebut
- copy atau cut file font yang telah diekstract
- Masuk ke Control Panel -> di Search kanan atas ketik Font, lalu klik Fonts
- Paste Font di tempat daftar Font windows 7
- Akan muncul pernyataan dan font telah terinstal di komputer anda

Ketika anda membuka Photoshop / Coreldraw / Flash / maupun program yang lain maka font akan otomatis terload di aplikasi tersebut

Selamat Menikmati, semoga bermanfaat
DOWNLOAD FONTS
Typeface: Resident Evil Font
Preview:
resident-evil
Download

Typeface: akashi
Preview:
akashi
Download

Typeface: KASnake
Preview:
KASnake
Download

Typeface: TRAJAN PRO REGULAR
Preview:
TRAJAN PRO REGULAR
Download
Typeface: ANDROID - Special font ANDROID TM (by GOOGLE INC)
Preview:
ANDROID fonts
Download
Typeface: Alice in Wonderland
Preview:
Alice in Wonderland
Download
Typeface: Ithornet
Preview:
Ithornet
Download
Typeface: Knaft Art Vector Font
Preview:
Knaft Art Vector Font
Download
Typeface: Harry Potter Font
Preview:
Harry Potter Font
Download
Typeface: SF Movie Poster Font
Preview:
SF Movie Poster Font
Download
Typeface: Start Dust Font
Preview:
Start Dust Font
Download
Typeface: Tron
Preview:
akashi
Download
Typeface: Walt Desney
Preview:
Walt Desney
Download
Typeface: BLAZED
Preview:
BLAZED
Download
Typeface: Corleone
Preview:
Corleone
Download
Typeface: Kingdom Hearts
Preview:
Kingdom Hearts
Download
Typeface: Dot Curve
Preview:
Dot Curve
Download
Typeface: Alhambra
Preview:
Alhambra
Download
Typeface: Death Note Font
Preview:
Death Note Font
Download
Typeface: Exus Pilot
Preview:
Exus Pilot
Download
Typeface: Jokerman Font
Preview:
Jokerman Font
Download
Typeface: Halucinations Font
Preview:
Halucinations Font
Download
PILIH KATEGORI
rss Google Plus
PHOTOSHOP
 - Photoshop Dasar
 - Photoshop Teks Efek
 - Photoshop Foto Efek
 - Photoshop Alternatif
 - Photoshop Tools

PHOTOGRAPHY
 - Adobe Lightroom

CORELDRAW
 - Corel Dasar
 - Corel Logo Desain
 - Corel Bebas
 - Coreldraw Tools

ILLUSTRATOR
 - illustrator Vector

ANIMATION
 - Flash
 - SwishMAX

 - WEB DESAIN
 - Dreamweaver
 - Fireworks

DESKTOP PUBLISHING
 - Freehand
 - InDesign

MICROSOFT
 - Paint
 - Visio

3D Dan ARSITEKTUR
 - Cinema 4D
 - 3DS Max Studio
 - MAYA
 - AutoCAD

VIDEO PRODUCTION
 - Adobe Premiere
 - After Effect
 - Pinnacle Studio

FREEWARE
 - GIMP
 - InkSCAPE

IG QR Code
barcode ilmugrafis.com
Scan Code untuk membuka dari Smartphone

IG apk IlmuGrafis Launcher (apk)

+ Link to ilmuGrafis
tutorial ilmu grafis indonesia

Kode HTML
Silahkan boleh dipasang di blog/web anda

--// Persaudaraan ilmuGrafis
+ Yesimadesigner.com
+ IlmuWebsite.com
+ DesainStudio.com
+ IlmuPhotoshop.com
+ EfekPhotoshop.com
+ PhotoshopID.com
+ All Friends

--// Support ilmuGrafis Adv.

Belanja Games PC murah berkualitas Visit : belanja games

Download Gratis Font Kreatif Sans Poster Bold 3D


Preview:

Download Gratis Font Kreatif Sans Poster Bold 3D

DOWNLOAD
Size: ttf 28.17 KB

Cara install yang cepat bisa dipelajari DISINI








Mohon beritahu saya jika anda menemukan ada link yang erorr pada blog ini
Terima kasih

Preview:

Download Gratis Font Kreatif Sans Poster Bold 3D

DOWNLOAD
Size: ttf 28.17 KB

Cara install yang cepat bisa dipelajari DISINI








Mohon beritahu saya jika anda menemukan ada link yang erorr pada blog ini
Terima kasih
 
2012 Rifki Tekno | Blogger Templates for HostGator Coupon Code Sponsors: WooThemes Coupon Code, Rockable Press Discount Code

Welcome In Kode Blogger

Contoh Sliding Login Dengan JQuery

Disamping ini adalah contoh Sliding Login menggunakan JQuery. Login Form Disamping hanya Contoh dan tidak dapat digunakan layaknya Login Form FB, Karena Blog ini terbuka untuk umum tanpa perlu mendaftar menjadi Member

Tutorial Blog

Untuk membuatnya Silahkan : Klik Disini

Member Login

Lost your password?

Not a member yet? Sign Up!