Unlock Blog / Website Using Free Proxy
URL :
Selamat Datang di ihgilailmam.blogspot.com , Silahkan Cari disini apa yang anda Cari,dan Jangan lupa Follow & Commentnya ya !

Tampilkan postingan dengan label Modifikasi. Tampilkan semua postingan
Tampilkan postingan dengan label Modifikasi. Tampilkan semua postingan

Cara Merubah Warna Block Text Saat diBlock

Posted in Label: , , |

Tulisan kita adalah tulisan yang bagus, maupun juga tulisan yang bermutu, dan mungkin kita tidak tahu jika tulisan kita itu ada yang nge-block ataupun copy-paste. Jika diblock maka background tulisan yang kita block akan berubah warna menjadi biru dan tulisannya menjadi putih kan ? Nahh !! sekarang kita akan belajar bagaimana cara merubah warna-warna tersebut baik dalam background juga tulisannya itu..

Disinilah kita akan belajar cara menerapkan untuk mengganti warna backgroun atau tulisan saat kita block tulisan tersebut.Kita dapat mengganti warnanya sesuai dengan keinginan yang kita mau.
Contohnya seperti ini :


Cara merubah warna saat kita block :
  •  Kayak biasa login ke Blogger.
  •  Di halaman Dasbor, kita pilih Rancangan.
  •  Kemudian pilih Edit HTML
  •  Beri tanda centang pada Expand Template Widget
  •  Cari kode berikut ini ]]></b:skin>
  •  Taruh kode berikut ini di atasnya

::-moz-selection{background:red; color:green}
::selection{background:#ff0000; color:#33ff33}

* yang berwarna biru/background:#ff0000  itu adalah code warna background saat anda nge-block
* yang berwarna fuchsia/color:#33ff33 itu adalah code warna tulisan saat anda nge-block

kalo yang bagian sini ::-moz-selection{background:red; color:green} maupun background atau color, saya rasa tidak berpengaruh. karena yang berpengaruh hanyalah code warna tersebut.

Read Users' Comments (7)

Membuat Scroll di Area Komentar

Posted in Label: |

Ini untuk kita yang menginginkan blog kita tampil dengan lebih hemat tempat. Artinya tidak terlalu panjang blog kita memakan tempat. Saat tulisan kita menarik, dan banyak komentar yang masuk, maka yang terjadi adalah kita harus memutar gerigi mouse sampai ke bawah sekali. Tentunya kita menginginkan blog kita tampil dengan simple, tidak terlalu panjang atau lebar. 


Salah satu cara yang dapat kita lakukan adalah dengan membuat scroll pada area komentar blog kita. Dengan demikian blog kita akan lebih hemat tempat. Seseorang yang ingin berkomentar di postingan kita yang sudah banyak komentarnya tidak harus mengeser sampai ke bawah.Blog saya tidak memakainya karena blog ini masih newbie jadi pastilah gk bakal banyak komentar yang akan masuk...

Cara Membuat Scroll di Area Komentar
1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Tata Letak.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Cari kode berikut ini <dl id='comments-block'>
6.  Setelah ketemu, taruh kode berikut ini di atasnya.
<div style='overflow:auto; width:ancho; height:400px;'>

7. Cari kode berikut ini </dl> dan taruh kode </div> di bawahnya.
Untuk lebih lengkapnya seperti di bawah ini
<div style='overflow:auto; width:ancho; height:300px;'>
      <dl id='comments-block'>
        <b:loop values='data:post.comments' var='comment'>
          <dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
            <a expr:name='data:comment.anchorName'/>
            <b:if cond='data:comment.authorUrl'>
              <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
            <b:else/>
              <data:comment.author/>
            </b:if>
            <data:commentPostedByMsg/>
          </dt>
          <b:if cond='data:comment.author == data:post.author'>
<dd class='owner-Body'>
<p><data:comment.body/></p>
</dd>
<b:else/>
          <dd class='comment-body'>
            <b:if cond='data:comment.isDeleted'>
              <span class='deleted-comment'><data:comment.body/></span>
            <b:else/>
              <p><data:comment.body/></p>
            </b:if>
          </dd>
</b:if>
          <dd class='comment-footer'>
            <span class='comment-timestamp'>
              <a expr:href='data:comment.url' title='comment permalink'>
                <data:comment.timestamp/>
              </a>
              <b:include data='comment' name='commentDeleteIcon'/>
            </span>
          </dd>
        </b:loop>
      </dl>
</div>

8. Kode yang berwarna merah adalah kode yang kita tambahkan.Simpan Template jika sudah selesai 

Semoga Berhasil !!

Read Users' Comments (1)komentar

Membuat Blogger Log-in Form

Posted in Label: , |

Membuat Blogger Login Form
Untuk menuju dasbor blogger, kita harus login dulu di blogger.com. Kita masukkan email kita dan password kita di login form. Andai kita bisa lebih cepat akan lebih baikkan. Kita bisa membuat blogger login form di blog kita sendiri. Sehingga untuk login kita tinggal memasukkan email dan password di blogger login form yang ada di blog kita. Orang lain pun juga bisa mudah, karena juga bisa login di login form yang ada di blog kita. Mereka akan juga lebih mudah untuk berkomentar. Karena sudah masuk akun google.Dan mungkin bisa juga untuk memperunik blog kita sendiri.bagi yang mau ikutan ikutilah langkah-langkah berikut ini :
1. Login ke blogger
2. Pilih Rancangan kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan kode HTML berikut ini:
<form id="start-login" action="https://www.google.com/accounts/ServiceLoginBoxAuth" name="login" onsubmit="onlogin()" method="post"><input value="http://www.blogger.com/loginz?d=%2Fhome&p=http%3A%2F%2Fwww.blogger.com%2F" name="continue" type="hidden"/><input value="blogger" name="service" type="hidden"/><input value="8" name="nui" type="hidden"/><input value="8" name="naui" type="hidden"/><input value="2" name="fpui" type="hidden"/><input value="3" name="uilel" type="hidden"/><input value="true" name="skipvpage" type="hidden"/><input value="false" name="rm" type="hidden"/><input value="true" name="alwf" type="hidden"/><input value="http://www.blogger.com/login.g" name="roeu" type="hidden"/><input value="0" name="alinsu" type="hidden"/><input value="WbQ8QiJfUvA" name="GA3T" type="hidden"/><div><label for="Email"> Username: <br/><input id="Email" tabindex="1" value="" name="Email" size="20" type="text"/></label></div><div><label for="Passwd"> Password: (<a href="https://www.blogger.com/forgot.g" target="_top" title="Forgot your password?">?</a>) <br/></label><input id="Passwd" tabindex="2" autocomplete="off" name="Passwd" size="20" type="password"/></div><br/><input id="signin-btn-ns" tabindex="0" value="Sign in" class="ubtn ubtn-block" name="submit" type="submit"/></form>

5. Simpan jika sudah selesai. 

Read Users' Comments (3)

Membuat Huruf Besar Pada Awal Teks Posting

Posted in Label: |

Ingin membuat blognya seperti gaya koran atau majalah? Yaitu dengan membuat huruf di awal teks postingan lebih besar dibanding setelahnya. Istilah lainnya adalah drop caps yaitu huruf besar yang ukurannya mungkin 10 kali lipat huruf biasa yang diletakkan di awal teks postingan.

Caranya cukup mudah, dengan membuat huruf pada awal teks yang ada di postingan bisa membuat halaman atau teks yang kita postingan lebih dinamis dan menarik. Kalau kamu ingin mencobanya, simak langkah-langkahnya berikut ini.

Cara Membuat Huruf Besar pada Awal Teks Postingan
1. Login ke akun blogger.com
2. Pilih Template kemudian Edit HTML
3. Jangan lupa centang Expand Template Widget
4. Masukkan kode css berikut di atas kode ]]></b:skin> 
/* kode untuk huruf awal
----------------------------------------------- */
.awal {
float:left;
color: #000000;
background:#ffffff;
line-height:80px;
padding-top:1px;
padding-right:5px;
font-family:times;
font-size:100px;

5. Warna hijau adalah kode warna teks dan merah di atas kode warna background. Simpan Template jika sudah selesai.

Untuk menerapkan huruf besar di awal teks ini, setiap posting kamu harus pilih menulis lewat Edit HTML bukan Compose, ini hanya untuk di awal saja. Ketikkan kode ini dulu <span class="awal">huruf awal</span> Kata huruf awal, ganti dengan huruf pertamamu yang akan kamu posting. Misalnya : <span class="awal">B</span> 

Read Users' Comments (1)komentar

Membuat Recent Post PerLabel

Posted in Label: , |

Layaknya sebuah blog yang ingin terlihat profesional, harus juga menampilkan yang sederhana tetapi bisa memudahkan penelusuran. Menu navigasi yang mudah bisa membuat pembaca blog merasa nyaman. Untuk itu blog juga menampilkan recent post atau link tulisan-tulisan terbaru kita di blog.

Blog yang bagus adalah tulisan atau postingan dikategorikan dengan rapi. Jika di blogspot kita menggunakan fitur label untuk mengaktegorikan jenis tulisan yang memiliki kesamaan. Misalnya saja kalau di blog ini ada, tutorial blog, tips ngeblog, widget dan sebagainya.

Untuk menyajikan lebih banyak menu dan pilihan, kita bisa membuat atau memasang widget recent post yang di tampilkan berdasarkan kategori atau recent post per label. Dengan pilihan menu bisa jadi pembaca akan banyak mengklik postingan-postingan terbaru yang tertata rapi sesuai dengan labelnya.

Cara Membuat Recent Post Per Label
1. Login ke akun blogger.com
2. Pilih Template kemudian Edit HTML
3. Jangan lupa centang Expand Template Widget
4. Masukkan kode css berikut di atas kode ]]></b:skin> 
img.label_thumb{float:left; padding:5px; border:1px solid #8f8f8f; background:#D2D0D0; margin-right:10px; height:55px; width:55px}
img.label_thumb:hover{background:#f7f6f6}
.label_with_thumbs{float:left; width:100%; min-height:70px; margin:0px 10px 2px 0px; adding:0}
ul.label_with_thumbs li{padding:8px 0; min-height:65px; margin-bottom:10px}
.label_with_thumbs a{}
.label_with_thumbs strong{}

5. Lalu cari kode </head> dan letakkan kode di bawah ini tepat di atas:
<script src='http://adablogku.googlecode.com/files/lebelgambar.js' type='text/javascript'/>

6. Simpan Template jika sudah selesai.

Langkah-langkah di atas adalah untuk mengkostumisasi template. Jika sudah selesai kita ke langkah berikutnya untuk menambahkan recent post per label, yaitu:

7. Pilih Tata Letak lalu tambahkan Tambah Gadget >HTML/Javascript
8. Kemudian masukan kode berikut ini:
<script type='text/javascript'>var numposts = 3;var showpostthumbnails = true;var displaymore = false;var displayseparator = false;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 80;</script>

<script type="text/javascript" src="/feeds/posts/default/-/NAMALABEL?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>

9. Kita dapat menkostumisasi tampilan dengan mengubah kode yang berwarna merah. Dan ganti teks yang berwarna hijau dengan nama lebel yang akan ditampilkan. Simpan jika sudah selesai. 

Read Users' Comments (2)

Cara Membuat Buku Tamu Tersembunyi

Posted in Label: |

cara membuat buku tamu tersembunyi,hehhehe..
sobat mungkin udah pada banyak yang tau cara membuat buku tamu tersembunyi , tapi menanggapi comen sahabat saya disini ,apa salahnya kita berbagi dan mengulang nya lagi..kan gak rugi kan? siapa tau ada yang belum tau..
nah langsung aja kita ke TKP gimana cara buatnya..

  1. log in ke blogger
  2. pilih design/rancangan
  3. page elements
  4. pilih add gadget
  5. pilih tambah javascript/html
  6. masukan kode si bawah ini 



<style type="text/css">
      #gb{
      position:fixed;
      top:25px;
      z-index:+1000;
      }
      * html #gb{position:relative;}
      .gbtab{
      height:150px;
      width:30px;
      float:left;
      cursor:pointer;
      background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQQMUxbXok6ol1wZDKhyPHPXQUyUsBQS4XoiD3RHUipnXPUlzAOrG70G0gSxJ8_5LLKGmmEYZfH5e3CjqulbpfiiiaYxaa7ksYA20ee7Uy4IhhIl0MuqQIEVggSKPQ9ODMSClIu4xzNKBF/s128/guestbook.png') no-repeat;
      }
      .gbcontent{
      float:left;
      border:2px solid #1300F2;
      background:#A9A9F5;
      padding:10px;
      }
      </style>
      <script type="text/javascript">
      function showHideGB(){
      var gb = document.getElementById("gb");
      var w = gb.offsetWidth;
      gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
      gb.opened = !gb.opened;
      }
      function moveGB(x0, xf){
      var gb = document.getElementById("gb");
      var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
      var dir = xf>x0 ? 1 : -1;
      var x = x0 + dx * dir;
      gb.style.right = x.toString() + "px";
      if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
      }
      </script>
      <div id="gb">
      <div class="gbtab" onclick="showHideGB()"> </div>
      <div class="gbcontent">



  <div id="cboxdiv" style="width: 200px; height: 350px;"></div>

function togglecbox () {
var cbdiv = document.getElementById("cboxdiv");

if (!cbvis) {
if (!cbload) {
cbdiv.innerHTML = '<iframe frameborder="0" width="200" height="265" src="http://www4.cbox.ws/box/?boxid=4086446&amp;boxtag=w5wcvm&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border:#636C75 1px solid;border-bottom:0px" id="cboxmain"></iframe><iframe frameborder="0" width="200" height="75" src="http://www4.cbox.ws/box/?boxid=4086446&amp;boxtag=w5wcvm&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border:#636C75 1px solid;border-top:0px" id="cboxform"></iframe>';
cbload = true;
}
cbdiv.style.display = "block";
}
else {
cbdiv.style.display = "none";
}
cbvis = !cbvis;
}
</script>

<!-- move the next line to the bottom of your <body> to defer the loading of your Cbox -->
<script>togglecbox();</script>



      <div style="text-align:right">
      <a href="javascript:showHideGB()">
      [close]
      </a>
      </div>
      </div>
      </div>
      <script type="text/javascript">
      var gb = document.getElementById("gb");
      gb.style.right = (30-gb.offsetWidth).toString() + "px";
      </script>

yang berwarna merah ganti dengan kode cbox/shoutmix sahabat semua..setelah itu save ..
selesai deh, semoga bermanfaat...


update,sesuai permintaan pengunjung cara membuat buku tamu disebelah kiri..




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


.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2YChO55HONUmOaXY-A8qHGsr42w9HKwA-YWFT7zJfncEtyR0dw_2CZskp9R2JMxSsJNBWGgocNRmCQyxapILGd_UejNIU2htbuUa_Ic-woOPV07vbDZ3kqHqmP8sxe7lSj96UXn9QZ6zI/') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:10px;
}
</style>


<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>


<div id="gb">


<div class="gbtab" onclick="showHideGB()">   </div>


<div class="gbcontent">


<--------------Masukkan kode script buku tamu sobat disini-------------->


<div style="text-align: right; font-size: 10px;">
              Widget by
              <a href="http://berryhardisakha.blogspot.com/2011/07/cara-membuat-guest-bookbuku-tamu.html">
                  Belajar dari internet
              </a>
          </div>


<div style="text-align:right">
<a href="javascript:showHideGB()">
[tutup]
</a>
</div>


</div>


</div>


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


demikian cara memasang buku tamu tersembunyi di blog.
Terima Kasih
Sumber : www.berryhs.com

Read Users' Comments (0)

Membuat Efek Zoom Picture Saat Disentuh Cursor

Posted in Label: , , |

Sore-sore gini, di hari sabtu yang indah ini, Saya mau share lagi kepada sahabat ihgila . Bagi sobat yang suka menaruh gambar diblognya, mungkin sobat-sobat semua bosen melihat gambar yang seperti itu-itu saja, agar gambar sobat  terkesan lebih menarik untuk dilihat.



Sobat pun bisa mencoba trik yang satu ini yaitu Cara Membuat Efek Zoom Gambar Saat Disentuh Cursor. dan mungkin pengunjung blog kalian dapat melihatnya dengan mudah , karena jika gambarnya disentuh dengan kursor gambar tersebut akan membesar / zoom++


Sebelum membuatnya lihat demo Disini
Oke tanpa banyak basa-basi lagi ikuti langkah-langkah berikut ini :




  • Login ke Blogger
  • Pilih rancangan --> Edit HTML --> Centang Expand.

  • Kemudian letakkan CSS berikut diatas kode ]]></b:skin> 
  • Kemudian Save Template.
Untuk memanggilnya anda bisa memberikan perintah berikut :
Ganti tulisan yang bercetak tebal dengan url gambar sobat, untuk peletakkannya sobat bisa letakkan di sidebar ataupun dipostingan,silahkan sobat kreasikan sendiri kode dan efek-efeknya.


Selamat Mencoba

Read Users' Comments (1)komentar

Cara Memasang Energy Saving Mode

Posted in Label: , |

Pada kesempatan kali ini, mari kita belajar tentang cara memasang “Energy Saving Mode” pada blogger. Kalo kamu masih asing dengan hal ini, bisa sobat coba pada blog saya ini. Jika blog ini sedang tidak melakukan aktivitas apapun, maka kemudian akan muncul halaman baru (semacam screensaver) yang berwarna gelap dan bertuliskan “Energy saving mode”. Untuk lebih jelasnya penampakannya dibawah ini:

image

Tertarik untuk mencobanya? Langsung saja langkah-langkahnya sebagai berikut:
1. Login ke akun blogger sobat.

2. Klik “Design”
image

3. Kemudian klik “Edit HTML”
image

4. Jangan lupa centang “Expand Widget Template”
clip_image002

5. Temukan kode </head> (bisa memanfaatkan ctrl+f)

6. Letakkan script berikut diatas kode </head>
7. Simpan template sobat.

8. Lihat perbedaannya sekarang.

Bagaimana? Mudah bukan? Selamat mencoba !


Read Users' Comments (0)

Cara Membuat Favicon(Icon Addressbar) Sendiri

Posted in Label: |

Kalau kalian bingung mencari Favicon yang cocok untuk blog kalian, tapi gak dapat - dapat ?
Mendingan kalian buat aja Favicon sendiri.
Begini caranya :
1. Buka Link
2. Anda bisa langsung membuatnya disitu juga atau cara lain buat dulu gambar Favicon yang anda inginkan,Terserah anda mau buat dimana, di Paint,Photoshop,Coreldraw,atau di lainnya. Saran saya gambar saja yang sederhana. Jika sudah di save.




3. Jika anda langsung membuatnya disitu juga, anda tinggal klik di tempat yang sudah saya lingkari merah di gambar bawah ini. 
Tapi jika anda ingin meng-upload gambar Favicon yang anda save tadi tinggal klik Import Image.
4. Setelah anda mengklik Import Image. Anda klik Choose File, buka gambar yang anda save tadi. jika sudah pilih Keep dimensions atau Shrink to square icon. setelah itu klik Upload dan download hasil buatan gambar Favicon anda sendiri. 
5. Jika sudah didownload , kliklah hasil download yang tadi , lalu klik kanan gambarnya disitu ada tulisan "Open With" nah kamu pilih paint , kemudian savelah gambar tersebut...Tinggal masukan keblogger kamu...Selesai

Read Users' Comments (2)

Cara Menggerakan Judul Blog

Posted in Label: , |

Rasanya tidak puas dari hari untuk terus berkarya demi keindahan dan modifikasi blog, sekarang aku temui cara ini dari teman, semoga ada hikmahnya:
Untuk menggerakan indahnya blog anda dengan tulisan bergerak dalam searah serta kembali terus menerus ampe puaaaass... hahaha , dan ngeliatnya pun juga keren kan , judul blog yang diatas tuh muter-muter bolak-balik ...

seperti geraknya di tab atas blog ini, yaitu:
1. Seperti biasa masuk blog -> Desbor -> Rancangan -> edit HTML ,lalu
2. Setelah buka , cari kode <head> paling atas, jika lebih dari satu kode seperti itu.
3. Simpan kode dibawah ini:






<script language='JavaScript'>
var txt="----> MUSUKAN TULISAN YANG ANDA INGINKAN ";
var kecepatan=80;var segarkan=null;function bergerak() { document.title=txt
txt=txt.substring(1,txt.length)+txt.charAt(0);
segarkan=setTimeout("bergerak()",kecepatan);}bergerak();
</script>

Cara simpannya tepat dibawah kode <head>

4. Perhatikan tulisan "---> MASUKAN TULISAN YANG ANDA INGINKAN" ganti dengan tulisan yang anda inginkan.

5. Setelah itu save / simpan HTML, lihat hasinya,
Semoga sukses !
Ty .

Read Users' Comments (0)

Langganan: Postingan (Atom)

close