Fakriy Blogger

• Login ke blog kamu,
• Pilih Rancangan,
• Kemuadian pilih Tambah Gatget,
• Dan pilih HTML/JavaScript, dan masukan script di bawah ini:

Sebelumnya lihat penjelasanya dulu.

<div style="background-attachment: scroll; border: 1px dotted rgb(255, 255, 255); height: 200px; line-height: 1.5em; overflow: auto; padding: 5px;">
<script src="http://rifaiy.googlecode.com/files/RecentComments.js">
</script><script>
var numposts = 10;var showposttitle = true;var standardstyling = true;
</script><script src="http://fakriy.blogspot.com/feeds/comments/default?alt=json-in-script&amp;callback=showrecentcomments">
</script></div>

Penjelasan:
Link http://fakriy.blogspot.com/ ganti denga link alamat blog kamu.

• Stetlah sesuai dengan keinginan kamu, kemudaian klik Simpan.

Litat Contoh Widgetnya Di Bawah Ini:


Sekian dari saya Semoga Bermanfaat....

1. Pertama kamu harus Masuk ke blogger.com,
2. Kemudian kamu pilih Rancangan,
3. Setelah itu pilih Edit HTML,
4. Dan jangan lupa Centang pada Expand Template Widget seperti contoh di bawah,
5. Dan cari tulisan #navbar-iframe dengan menekan tombol Ctrl dan F , kemudian masukan #navbar-iframe,
Setelah ketemu edit:

Sebelum Mengedit Silahkan Lihat Penjelasanya Di Bawah.

#navbar-iframe  {
height : 5;
visibility : show;
display : yes;
}

Penjelasan:

6. Kumudian jika sudah kamu Simpan, dan lihat hasilnya.

Semoga Bermanfaat..........


Tags : Menghilangkan Navbar, Cara Menghilangkan Navbar

1. Yang pertama kamu login di halaman blog kamu, Kemudian muncul Gambar Seperti Ini
2. Kemudian kamu klik Edit Entri pada blog kamu, Kemudian muncul Gambar Seperti Ini
3. Setelah itu pilih Edit Laman, Kemudian muncul Gambar Seperti Ini
4. Setelah itu klik Laman Baru, Kemudian muncul Gambar Seperti Ini
5. Dan tinggal salin script di bawah ini, Tapi memasukanya jangan di Compose, di Edit Html, Seperti Gambar Ini

<div style="border: 3px solid rgb(230, 230, 230); height: 300px; overflow: auto; width: 100%;">

<div id="cl_option">
Loading... </div>
<div id="cl_content_list">
</div>
<script type="text/javascript">
var jumlah_kata_dalam_ringkasan = 200;
</script>
<script src="http://rifaiy.googlecode.com/files/DaftarisiV3.js">
</script>
<script src="http://fakriy.blogspot.com/feeds/posts/default?alt=json-in-script&amp;callback=onLoadFeed&amp;max-results=500">
</script>

</div>

Penjelasan:

Sekian Dari Saya Semoga Bermanfaat....

Lihat Di Bawah Ini Adalah Contoh Daftar Isinya:



Tags : Membuat Daftar Isi, Membuat daftar isi Dengan sedikit tulisan, Membuat daftar isi Tanpa label

1. Klik Kostumisasi / Rancangan dan kemudian pilih Edit HTML,
2. Cari kode body { dengan menekan tombol Ctrl + F dan ketikan body {
3. Masukkan kode di bawah ini di atas kode body {

#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}

Contoh pemasanganya seperti ini:

#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}

body {

4. Jika sudah klik simpan dan lihat blog kamu, apakah navbarnya sudah auto hide atau masi seperti semula.


Sekian dan Semoga bermanfaat..........

Tag :  Menyembunyikan Navbar, Cara menyembunyikan Navbar, Cara menyembunyikan navbar pada blog

1. Yang pertama kamu login di halaman blog kamu, Kemudian muncul Gambar Seperti Ini
2. Kemudian kamu klik Edit Entri pada blog kamu, Kemudian muncul Gambar Seperti Ini
3. Setelah itu pilih Edit Laman, Kemudian muncul Gambar Seperti Ini
4. Setelah itu klik Laman Baru, Kemudian muncul Gambar Seperti Ini
5. Dan tinggal salin script di bawah ini, Tapi memasukanya jangan di Compose, di Edit Html, Seperti Gambar Ini

<link href="http://abu-farhan.com/script/acctoc/acc-toc.css" media="screen" rel="stylesheet" type="text/css"></link>
<script src="http://abu-farhan.com/script/acctoc/daftarisiv2-pack.js"></script>
<script src="http://AlamatBlogAnda.blogspot.com/feeds/posts/summary?max-results=1000&alt=json-in-script&callback=loadtoc"></script>
<script type="text/javascript">
var accToc=true;
</script>
<script src="http://abu-farhan.com/script/acctoc/accordion-pack.js" type="text/javascript"></script>

Setelah memasukan scrip di atas kamu klik Terbitkan Entri.
Thx For: Abu Farhan


Semoga bermanfaat.....

Lihat Hasil Daftar Isinya Seperti Dibawah Ini:

1. Buka masuk ke Blogger, Lihat Gambar
2. Kemudian Pilih Edit Entri,
3. Setelah itu pilih Edit Laman, Lihat Gambar
4. Setelah itu klik LAMAN BARU, Lihat Gambar
5. Setelah itu kamu isi laman baru kamu semisal dengan Scrip Daftar isi, atau apapun yang kamu mau.

Sekian Penjelasan dari saya, Semoga penjelasan yang singkat ini bisa bermanfaat....

Kali ini saya akan memberi tahu cara membuat daftar isi tanpa mengedit2 templet, dan merubah struktur templet.

Kali ini saya akan memberi tahu cara memberi meta tag geografis. Dengan memberi meta tag geografis ini maka pencarian akan terindex di letak geografis yang kamu cantumkan, contoh: disitu kamu menuliskan indonesia.

1. Pertama Kamu harus login dulu ke blog kamu,
2. Kemudian kamu pilih Rancangan,
3. Pilih Tambah Gatget (Dimana kamu ingin menambah gadget),
4. Kemudain Kamu pilih HTML/JavaScript dan salin script di bawah ini ke kolom HTML/JavaScript:

<script>
function tb8_makeArray(n){
this.length = n;
return this.length;
}
tb8_messages = new
tb8_makeArray(3);
tb8_messages[0] = "Assalamu'alaikum Selamat Datang Di Blog Fakriy.blogspot.com";
tb8_messages[1] = "Semoga Anda Nyaman Berada Di Blog Saya";
tb8_messages[2] = "Semoga Bermanfaat...... !!";
tb8_rptType = 'infinite'; tb8_rptNbr = 5; tb8_speed = 125; tb8_delay = 1000; var tb8_counter=1; var tb8_currMsg=0; var tb8_tekst =""; var tb8_i=0; var tb8_TID = null; function tb8_pisi(){ tb8_tekst = tb8_tekst + tb8_messages[tb8_currMsg].substring(tb8_i, tb8_i+1); document.title = tb8_tekst; tb8_sp=tb8_speed; tb8_i++; if (tb8_i==tb8_messages[tb8_currMsg].length){ tb8_currMsg++; tb8_i=0; tb8_tekst="";tb8_sp=tb8_delay; } if (tb8_currMsg == tb8_messages.length){ if ((tb8_rptType == 'finite') && (tb8_counter==tb8_rptNbr)){ clearTimeout(tb8_TID); return; } tb8_counter++; tb8_currMsg = 0; } tb8_TID = setTimeout("tb8_pisi()", tb8_sp); } tb8_pisi() </script>

Penjelasan:

Semoga Bermanfaat.....

1. Pertama Kamu harus login dulu ke blog kamu,
2. Kemudian kamu pilih Rancangan,
3. Pilih Tambah Gatget ketika sudah di Rancangan blog yang ingin kamu ubah,
4. Kemudain Kamu pilih HTML/JavaScript dan salin script di bawah ini ke kolom HTML/JavaScript:

<embed quality="high" allowscriptaccess="always" flashvars="tcolor=0x00aadc&amp;mode=tags&amp;distr=true&amp;tspeed=100&amp;tagcloud=&lt;tags&gt;

&lt;a href='http://cyber-benyo.blogspot.com/'target='new'style='12'color='0x00cc00'hicolor='0x11111ff'&gt;Cyber Benyo&lt;/a&gt;

&lt;a href='http://fakry1.blogspot.com/'target='new'style='12'color='0x00cc00'hicolor='0x11111ff'&gt;Blog Suka-Suka&lt;/a&gt;

&lt;a href='http://tuxcorner.wordpress.com/'target='new'style='12'color='0x00cc00'hicolor='0x11111ff'&gt;Tux Corner&lt;/a&gt;

&lt;a
href='http://dered.blogspot.com/'target='new'style='12'color='0x11111ff'hicolor='0x00cc00'&gt;D-Hans&lt;/a&gt;

&lt;a href='http://Rifaiy.blogspot.com/'target='new'style='12'color='0x11111ff'hicolor='0x00cc00'&gt;Rifaiy Shere&lt;/a&gt;

&lt;a href='http://roisfaozi.blogspot.com/'target='new'style='12'color='0x11111ff'hicolor='0x00cc00'&gt;Rois Faozi&lt;/a&gt;

&lt;a href='http://itsneker.wordpress.com/'target='new'style='12'color='0x6600cc'hicolor='0xff0000'&gt;IT S'neker&lt;/a&gt;

&lt;a href='http://muhamadl.blogspot.com/'target='new'style='12'color='0x6600cc'hicolor='0xff0000'&gt;Berbagi&lt;/a&gt;

&lt;a href='http://www.curious-wanna.blogspot.com/'target='new'style='12'color='0x6600cc'hicolor='0xff0000'&gt;Curious Wanna&lt;/a&gt;

&lt;a href='http://www.cheaterhackboy21.blogspot.com/'target='new'style='12'color='0xff0000'hicolor='0x6600cc'&gt;Cheater Hackboy21&lt;/a&gt;

&lt;a href='http://www.karyafikri.blogspot.com/'target='new'style='12'color='0xff0000'hicolor='0x6600cc'&gt;Fikri's Web Blog&lt;/a&gt;

&lt;a href='http://blog-terakhir.blogspot.com/'target='new'style='12'color='0xff0000'hicolor='0x6600cc'&gt;Blog Terakhir&lt;/a&gt;

&lt;/tags&gt;" type="application/x-shockwave-flash" src="http://www.roytanck.com/wp-content/plugins/wp-cumulus/tagcloud.swf" id="tagcloud" name="tagcloud" wmode="transparent" height="230" width="290"></embed>

Penjelasan:
Sekian Dan Semoga Bermanfaat........

1. Masuk ke blog kamu,
2. Klik pada Rancangan pada blog kamu
3. Pilih Edit HTML
4. Cari kod: </head> dengan menekan tombol Ctrl+F dan ketik </head>
5. Dan letak kode di bawah ini diatas kode </head>:

<style>
a:hover { text-decoration:blink; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEip2xX8Kp_BQvB6Z1AAbZEdhYmgZvRetZdeEXrQ1_xGArFjU3L0nJxTcRVKi3jto4D-SFZ58JTP1bLkT4y-wQPz3-Dkpw8tK8qgMUlZmVTbAgicf6tVpQSLET363sl4xIo5ZnYyWgjQrYQ/s1600/blink.gif); }
</style>

Atau gunakan yang dibawah ini:

<style>
a:hover { text-decoration:blink; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIETBbE8QA5FNHIYdRThyphenhyphent1-30_0GmroSfzQj0vnChf1Q47b1ZMleEiJ90XuQLQnt3seRObrO5f8sreGN50sLkToMzAkkPkBPogqIDOo-Nno6yoqzkQKl0DEGiHZQ5IIbHXHQpSrbVjkY/s1600/str4.gif); }
</style>

Penjelasan:
Tulisan yang sudah saya tandai dengan warna Merah adalah link untuk gambar yang berkedip2nya.

Setelah meletakan script di atas kemudian,
Simpan template.

Selesai.. Semoga Bermanfaat.............

Sebelumnya saya sudah pernah menyampaikan cara membuat pencarian sederhana pada blog, sekarang saya akan menjelaskan bagai mana membuat pencarian dengan adanya sedikit gambar. Baiklah langsung saja kita ke cara membuat dan memasangnya sebagai berikut:

1. Pertama kamu harus masuk / login dulu ke blog kamu,
2. Setelah masuk pilih Rancangan pada blog yang ingin kamu edit,
3. Setelah ke rancangan kamu pilih Tambah Gadget,
4. Setlah itu pilih HTML / Java Script, dan masukan / salin kode di bawah ini di kolom HTML/Javascript:

<form id="searchform" action="http://fakriy.blogspot.com/search" name="searchform" method="get">
<input id="s" name="q" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Search...&quot;;}" onfocus="if (this.value == &quot;Search...&quot;) {this.value = &quot;&quot;}" type="text" value="Cari Artikel...." /> <input id="searchsubmit" value="SEARCH" type="image" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGS8hrmqXIoHV7oJi8vXyse7utHIaq3wH0nLErwJykZMyj1cHHgnOtHJxA7lZ1FFFz7QIkkQb5ayAfY2_RdHkfdwRnHE7eDl0hDSeI7BT-rSbICTLjNZaNq5Mzcupbl6ZMM9UOsm9lvkw/s320/green-button.png" align="top"/></form>

Penjelasan:

Contoh Aplikasinya sebagai berikut:

Atau kamu ingin agar tidak emggunakan gambar, saya punya untuk pencarian yang cukup sederhana tapi cukup menarik, karena dengan menggunakan warna2 dari scipt, ini dia kode scriptnya:

<form id="searchform" action="http://fakriy.blogspot.com/search" name="searchform" method="get">
<input id="search-box" name="q" size="20" type="text" style="background: #CA226B; border: 4px ridge #000066"/>
<input id="search-btn" value="Search" type="submit" style="background: #F433FF; border: 2px outset #ff0000; color: #ffffff; font-weight: bold;"/>
</form>

Penjelasan:

Contoh Aplikasinya sebagai berikut:

Sekian Dari Saya dan Semoha Bermanfaat...

Kali ini saya akan membuaat postingan bagai mana cara memasang Widget Flash / WP-cumulus seperti yang di atas, caranya cukup mudah kok anda tinggal ikuti cara2 di bawah aja ya biar mengerti dan lebih jelasnya.

1. Yang pertama tentunya kamu harus masuk dulu ke Blogger.com
2. Kemudian jika sudah berada di halaman Dasboard anda pilih Rancangan
3. Setelah itu pilih Tambah Gatget letaknya si terserah anda.
4. Kemudian kamu pilih HTML/JavaScript
5. Dan masukan kode dibawah ke dalam kolom HTML/JavaScript.

Sebelum Memasukan Kode Di Bawah Harap Lihat Penjelasanya Dulu Ya.

<center><div style="border: 1px solid rgb(224, 224, 224); width: 300px; height: 250px; text-align: center; background: url(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXX4lNcWZFEv1fWrE0sDBJCzSJM5gP_yG2Uf1ukt3UoYbv6HKZGBcJcGZduLgYslIK-slz2FcSpriOY0QdsX4F-eTBGuSLOxSRLy4VWsbhdtsfy_GPrMXNOsWD7JhtSl1G99-w26qpHGA/&quot;) no-repeat scroll 0% 0% rgb(255, 255, 255);"><embed quality="high" allowscriptaccess="always" wmode="transparent" flashvars="tcolor=0xff6600&amp;mode=tags&amp;distr=true&amp;tspeed=100&amp;tagcloud=&lt;tags&gt;

&lt;a href='http://cyber-benyo.blogspot.com/'style='12'&gt;Cyber Benyo&lt;/a&gt;

&lt;a href='http://fakriy.blogspot.com/'style='12'&gt;Artikel Dunia IT&lt;/a&gt;

&lt;a href='http://roisfaozi.blogspot.com/'style='12'&gt;Rois Faozi&lt;/a&gt;

&lt;a href='http://itsneker.wordpress.com/'style='12'&gt;IT S'neker&lt;/a&gt;

&lt;a href='http://komptstart.co.cc/'style='12'&gt;Komptstart&lt;/a&gt;

&lt;a href='http://www.curious-wanna.blogspot.com/'style='12'&gt;Curious Wanna&lt;/a&gt;

&lt;/tags&gt;" type="application/x-shockwave-flash" src="http://www.roytanck.com/wp-content/plugins/wp-cumulus/tagcloud.swf" id="tagcloud" wmode="transparent" name="tagcloud" quality="high" height="230" width="308"></embed></div></center>

KETERANGAN:

Sekian Selamat Mencoba....^_^

1. Masuk / Login ke blogger kamu
2. Pilih Rancangan dan klik Edit HTML
3. Cari kode ]]></b:skin> dan salin kode di bawah ini dan letakan di bawah kode ]]></b:skin> :

<script src='http://code.jquery.com/jquery-latest.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function(){
$(&quot;.efekanimasi&quot;).fadeTo(&quot;slow&quot;, 1.0); // This sets the opacity of the thumbs to fade down to 30% when the page loads
$(&quot;.efekanimasi&quot;).hover(function(){
$(this).fadeTo(&quot;slow&quot;, 0.6); // This should set the opacity to 100% on hover
},function(){
$(this).fadeTo(&quot;slow&quot;, 1.0); // This should set the opacity back to 30% on mouseout
});
});
</script><script type='text/javascript'>
$(document).ready(function(){
$(&quot;.post img&quot;).fadeTo(&quot;slow&quot;, 1.0); // This sets the opacity of the thumbs to fade down to 30% when the page loads
$(&quot;.post img&quot;).hover(function(){
$(this).fadeTo(&quot;slow&quot;, 0.6); // This should set the opacity to 100% on hover
},function(){
$(this).fadeTo(&quot;slow&quot;, 1.0); // This should set the opacity back to 30% on mouseout
});
});
</script>

Di Bawah Ini adalah contoh meletakanya:

]]></b:skin> 

<script src='http://code.jquery.com/jquery-latest.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function(){
$(&quot;.efekanimasi&quot;).fadeTo(&quot;slow&quot;, 1.0); // This sets the opacity of the thumbs to fade down to 30% when the page loads
$(&quot;.efekanimasi&quot;).hover(function(){
$(this).fadeTo(&quot;slow&quot;, 0.6); // This should set the opacity to 100% on hover
},function(){
$(this).fadeTo(&quot;slow&quot;, 1.0); // This should set the opacity back to 30% on mouseout
});
});
</script><script type='text/javascript'>
$(document).ready(function(){
$(&quot;.post img&quot;).fadeTo(&quot;slow&quot;, 1.0); // This sets the opacity of the thumbs to fade down to 30% when the page loads
$(&quot;.post img&quot;).hover(function(){
$(this).fadeTo(&quot;slow&quot;, 0.6); // This should set the opacity to 100% on hover
},function(){
$(this).fadeTo(&quot;slow&quot;, 1.0); // This should set the opacity back to 30% on mouseout
});
});
</script>

Sumber: Blog-terakhir

1. Pertama, Kamu masuk ke blog kamu,
2. Kemudian klik Rancangan jika sudah masuk di blog kamu,
3. Setelah klik Rancangan Kemudian Klik Tambah Gatget (Dimana kamu ingin kata2 ini di letakan)
4. Setelah itu Kamu Pilih HTML/JavaScript dan masukan Script Di Bawah Ini Ke Kolom HTML/JavaScript:

<span style="color: rgb(51, 51, 255);"><center><b><script type="text/javascript">
var d = new Date()
var time = d.getHours()
if (time>=5 && time<10)
  {
  document.write("Selamat pagi menjelang siang!");
  }
else if (time>=10 && time<15)
  {
  document.write("Selamat siang menjelang sore!");
  }
else if (time>=15 && time<18)
  {
  document.write("Selamat sore menjelang malam!");
  }
else if (time>=18 && time<23)
  {
  document.write("Selamat malam dan selamat beristirahat!");
  }
else
 {
  document.write("Selamat beristirahat !");
  }
</script></b></center></span>

Penjelasan:
Untuk tulisan yang berwarna Hijau dan Biru berfungsi sebagai warna dan dari script di atas warnanya adalah Biru (Bisa di ganti atau di hapus), Kemudian Untuk Tulisan yang berwarna Merah berfungsi untuk membuat tulisan selalu berada di tengah2 (Bisa di ganti atau di hapus), Kemudian Tulisan yang berwarna Biru Muda dan Merah berfungsi sebagai menunjukan waktu. seperti angka 5 diartikam jam lima dan <10 diartikan pukul sepuluh kurang, Dan yang berwarna Kuning dan Merah berfungsi sebagai kata-kata yang akan muncul pada waktu yang sudah di tentukan.

Di bawah ini adalah contohnya:

Widget by: Blog Terakhir   Semoga bermanfaat............