Tampilkan postingan dengan label Tekhnik Olah Blog. Tampilkan semua postingan

Tekhnik membuat Crusor/Mouse Menjadi Bertabut bintang di Blog

►

Cara Membuat Cursor Bertabur Bintang 

Mempercantik atau memperindah tampilan Blog adalah naluri dari setiap blogger .dan jikalau tampilan blog seorang blogger telah mencapai tahap yang paling indah nantinya juga sang pemilik akan bangga terhadap blognya.hehehe jangan kaya tampilan blog klinik-it ini yang terlihat semerawut .hehehe nah...dalam postingan kali ini klinik-it akan menjelaskan tentang bagaimana Cara Membuat Cursor Bertabur Bintang.Cursor yang bertabur bintang adalah salah satu cara untuk mempercantik tampilan blog.karena saat cursor di geser kursor tersebut akan mengeluarkan bintang-bintang. Contohnya Bisa kamu lihat  Disini

Setelah melihat Contohnya Tertarik tidak sobat untuk membuatnya ?jika tertarik silakan ikuti tutorial Cara Membuat Cursor Bertabur Bintang di bawah ini untuk Membuat Cursor Bertabur Bintang.

1.Login ke blogger.

2.Klik Tatat Letak.

3.Klik Tambah Gadget.

4.Pilih HTML/javascript.

5.Pilih lalu Copy dan paste kode di bawah ini ke dalah kotak HTML/javascript tadi .

Pilih Bintang Yang anda inginkan dan Copy Kodenya di bawah ini :

Judul Spoiler
1. Bintang Biru

<script src="http://denisahlan.netau.net/bintang.biru.js" type="text/javascript"></script> 

2. Bintang Hijau

<script src="http://denisahlan.netau.net/bintang.hijau.js" type="text/javascript"></script> 

3. Bintang Merah

<script src="http://denisahlan.netau.net/bintang.merah.js" type="text/javascript"></script>
 
4. Bintang Putih

<script src="http://denisahlan.netau.net/bintang.putih.js" type="text/javascript"></script>

5. Bintang Ungu 

<script src="http://denisahlan.netau.net/bintang.ungu.js" type="text/javascript"></script>

Kalo Sudah Selesai Simpan dan Lihat Hasilnya .......

LinK Terkait  Tekhnik membuat Crusor/Mouse Menjadi Bertabut bintang di Blog Klik (DISINI) Buat Antisipasi kalo yang Pertama GAGAL hahahahaha.................................

Seperti Ini 
Selasa, 12 November 2013
Posted by Unknown
0 Comments
Tag :

Tips Membuat Twitter Follow terbang di Blog

►
Langsung aja yah gan males mo basa-basi kelamaan kalo mao jelasin dolo.
jadi langsung aja ke titik permasalahan dan ke titik pemasanagan Script di bawah ini.

Klik Untuk Liat Kode
<script type="text/javascript" src="http://melayang.googlecode.com/files/Twitterkumpulancara.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTsx0EMBFUxtoDbKLY7NlfGZHwGNAiTzm43_bckO5yUdATH-pfjgnMBTjxb21EaUOeTzzmC8NlTVanL26s2l49OfEHUHXDWRVLvzdO-Gc7imozP7E0ek6u6cS47hFaaPsxoBN0QP8EjN0/s800/twitterblack.png";
var targetElems=new Array("img","hr","table","td","div","input","textarea","button", "select","ul","ol","li","h1","h2","h3","h4","p",
"code","object","a","b","strong","span");
var twitterAccount = "http://twitter.com/huda_hatake";
var tweetThisText = "Twitter - huda_hatake http://tripntrick.blogspot.com/";
tripleflapInit();
</script>

caranya mudah gan.
masih seperti biasa .....hehehehe...

1. Login Pastinya ke Blog Sobat ..
2. Biasa ... masih harus buka Tataletak ....
3. Selanjutnya Add A Gadget...
4. dan yang pasti Pilih HTML/Javascript donk
5. Selanjutnya Copy Kode di atas tadi ...


Taraaaaaaaa Jadi Deh seperti Tampilan di bawah ini ....


Senin, 11 November 2013
Posted by Unknown
0 Comments
Tag :

Tips Membuat Saving Energy di Blog

►

Trik blogger kali ini cukup menarik, dan mudah sekali untuk di implementasi kan yaitu: 
Cara membuat Energy Saving Mode pada blogspot, sesuai arti dari bahasa inggris nya, Energy saving mode berguna untuk menghemat penggunaan energy (listrik), pada jangka waktu tertentu ketika blog anda tidak ada aktivitas maka layar PC/ blog anda akan blank/gambar hitam polos. Bagaimana mau coba? 

Ikuti langkahnya berikut ini:
  • Log in ke blogger anda 
  • Pada halaman dashboard > rancangan >Edit HTML 
  • Centang Expand Template Widget 
  • Cari kode </head> tag, gunakan fasilitas pencarian dengan menekan tombol F3 (Ctrl+F)
  • Copy kode dibawah dan pasang sebelum kode </head>
<script language='javascript' src='http://www.onlineleaf.com/savetheenvironment.js' type='text/javascript'/>
  • Simpan pekerjaan anda atau Save template 
  • Kalau sudah tersimpan, kembali lagi kehalaman Dashboard anda 
  • Setelah klik Rancangan > Design --&-- Page Elements. 
  • Klik “tambah Gadget” pada salah satu sidebar. 
  • Pilih ‘HTML/Javascript” dan tambahkan kode dibawah:
<script language="javascript" type="text/javascript" src="http://www.onlineleaf.com/savetheenvironment.js?time=120"></script>

Time = 120 bisa sobat ganti sesuka sobat
inget sob itu menunjukkan detik waktu Saving energy Sobat.

Oke bro Selamat mencoba ...........
Lihat Blog saya 

Posted by Unknown
0 Comments
Tag :

Tips Membuat Daftar Isi Otomatis di blog

►
Caranya masih tetap sama dengan pemasangan Script HTML yang lain bedanya karna DAFTAR ISI ini di pasang di Post / di Laman maka membutuhkan cara yang sedikit berbeda :
 Langsung aja ke Tekhnik Pemasangannya ya ...................... :

1. Seperti Biasanya Sobat Harus Log in ke Blog Sobat
2. Selanjutnya Sobat Pilih Laman --- Laman Baru ---- Pilih Laman Kosong seperti gambar di bawah :


3. Selanjutnya dari Laman Ter sebut Sobat Pilih HTML bukan Compose :


4. Tulis Judul Laman Terserah Sobat
5. Selanjutnya Copy Script di bawah ini dalam Laman tersebut.

Perlu di ingat lagi Sob ...... Copy di HTML yah, Bukan Yang Compose.

Klik Untuk Liat Kode
<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://gantiblogmiliksobat.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>


Oh iya Sob ampir Lupa Liat di Script ada tulisan gantiblogmiliksobat ..... ya Itu di ganti dengan URL Blog yang Sobat Punya.

Oke Sob Kayaknya cara Pembuatan ini udah sangat Jelas yah ......
Selamat mencoba aja.
Posted by Unknown
0 Comments
Tag :

Tips Membuat Profil Slide di Sisi Atas Blog

►
Yang Ini Tergolong Lumayan Susah Gan karna Kita udah Bermain di Dalam Template Utama.

Caranya :
1. Login ke Blog ...
2. Pilih Template
3. Edit HTML
    Nah ..... Perlu di ingat gan pada saat edit HTML untuk pemasangan Script ini harus hati-hati.
Pertama agan cari Kode <body>  setelah anda mendapatkan kode tersebut Lalu Script di bawah ini Agan Copy tepat di bawah <body> Selesai dah.
4. Kalo Udah selesai Simpan dan lihat kasilnya.

Oh iya gan tambahan dikit Untuk mempermudah cari kode <body>  agan bisa pake Ctrl+F
lalu ketik <body> dan Enter
Klik Untuk Liat Kode
 
<style type='text/css'>#info-teja {z-index: 1000;background:-moz-linear-gradient(top,  #1F2326,  #000);background: -webkit-gradient(linear, left top, left bottom, from(#1F2326), to(#000));box-shadow:-2px -2px 8px #FF0000, 2px 2px 20px #FF0000;-moz-box-shadow:-2px -2px 8px #FF0000, 2px 2px 20px #FF0000;-webkit-box-shadow:-2px -2px 8px #FF0000, 2px 2px 20px #FF0000;width:400px;position: fixed;top:50px;left:0;margin-left:-330px;border:1px solid #444;background-position:top right no-repeat;height:35px;font:11px Arial;color:#eee;border-top-right-radius:8px;border-bottom-right-radius:8px;-moz-border-radius-topright:8px;-moz-border-radius-bottomright:8px;-webkit-border-top-right-radius:8px;-webkit-border-bottom-right-radius:8px;}#info-teja{-o-transition: all 1s ease-in;-moz-transition: all 1s ease-in;-webkit-transition: all 1s ease-in;} #info-teja:hover{width:400px;opacity:1.0;margin-left:0;}.Tejainbox {border:1px solid #444;width:290px; margin:0px 90px 10px 10px;background:#000;color:#ffffff; border-radius :20px; padding:5px 0;-moz-border-radius:20px; -webkit-border-radius:20px;-o-transition:all 2s ease-in;-moz-transition:all 2s ease-in;-webkit-transition:all 2s ease-in;opacity:0.2;}.Tejainbox:hover{opacity:1.0;box-shadow:1px 1px 15px #000; -moz-box-shadow: 1px 1px 15px #000; -webkit-box-shadow: 1px 1px 15px #000;background: #000;}.Tejainbox2 {margin:5px 10px;padding:0px 8px 10px;color:#FFFFFF;overflow:hidden;height:410px;}.teja15 {border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;}.Teja2 ul.bom {margin: 0; padding: 0;}.Tejainbox2 li {margin-left:20px;}.Tejainbox2 li a {color: #FFFFF; line-height: 4px; font-size: 11px;font-weight: bold; text-decoration:none;}.Tejainbox2 li a:hover {color: red;text-shadow: 0 1px 1px #000;}.Tejainbox2 h2 { font: 18px Droid Serif;font-weight:bold;padding:0 8px;color: #FF0000;text-shadow: 0px 1px 1px #ddd;border-bottom: 1px solid #FF0000;}.Tejatouch {font-size:22px;font-weight:bold;font-family:Arial Narrow;float:right;margin: 3px 10px 0 0;-o-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out;text-decoration:blink;}.Tejatouch:hover{-o-transform: scale(2) rotate(720deg) translate(0px);-moz-transform: scale(2) rotate(720deg) translate(0px);-webkit-transform: scale(2) rotate(720deg) translate(0px);color: red;}</style>

<div id='info-teja'><span class='Tejatouch'>Info</span>
<div class='Tejainbox'><div class='Tejainbox2 teja15'>
<h2>SELAMAT DATANG</h2>
TEKS PEMBUKA ANDA
<h2>Sekilas Tentang Admin</h2>
<img height='130x' src='URL FOTO ANDA' width='100px'/>
<p style='text-align:justify'>
ISI TEKS PROFIL ANDA
</p>
</div>
</div></div>

Satu Lagi Gan .... sebelum Agan simpan Ganti Tulisan warna Biru Dengan Teks Agan yang akan di tampilkan. Selamat mencoba ....

Lihat Profil ku ..............

Minggu, 10 November 2013
Posted by Unknown
0 Comments
Tag :

Cara Membuat Texs BoX Bling-bling

►
Masih seperti biasanya Sob.... Coz Blog identik
 dengan HTML makanya semua Widget yang di buat selalu seperti ini menggunakan cara yang sama hanya script yang di pasang aja yang beda-beda hahahah ......

OKE SOB LANGSUNG AJA

 1. Log in ke akun blog sobat
2. Klik Rancangan -->
3. Elemen laman -->
4. Tambah gadget --> pilih HTML/Javascript
5. Masukkan kode berikut ke dalam kotak yang di sediakan.

Klik Untuk Liat Kode

<div style="-moz-box-shadow: inset 0 1px 5px 0 #fff; background: #990099; border: 1px solid #ECEDE8; box-shadow: inset 0 1px 5px 0 #555; font-family: Cataneo BT; font-size: 21px; font-weight: bolder; padding: 5px 20px; text-align: center;">
<script type="text/javascript">
var message="Selamat Datang Di TIPS 'N TRICK BLOG"
var bgsGR1color="#FFFFFF" /* Warna utama teks */
var bgsGR2color="#FFFF00" /* Warna teks flash pertama */
var bgsGR3color="#00FF66" /* Warna teks flash ke dua */
var flashspeed=100 // kec. ganti warna (1/1000 dt)
var flashingletters=15 // jumlah teks pertama (tips / hiting jumlah text, kemudian bagi 2)
var flashingletters2=18 // jumlah berwarna teks ke dua (tips / hiting jumlah text, kemudian bagi 2)
var flashpause=1 // waktu jeda pergantian warna (1/1000 dtk)
var n=0
if (document.all||document.getElementById){document.write('<font color="'+bgsGR1color+'">')
for (m=0;m<message.length;m++)
document.write('<span id="neonlight'+m+'">'+message.charAt(m)+'</span>')
document.write('</font>')}else
document.write(message)
function crossref(number){var crossobj=document.all? eval("document.all.neonlight"+number) : document.getElementById("neonlight"+number)
return crossobj}function neon(){if (n==0){for (m=0;m<message.length;m++)
crossref(m).style.color=bgsGR1color}
crossref(n).style.color=bgsGR2color
if (n>flashingletters-1) crossref(n-flashingletters).style.color=bgsGR3color
if (n>(flashingletters+flashingletters2)-1) crossref(n-flashingletters-flashingletters2).style.color=bgsGR1color
if (n<message.length-1)
n++
else{n=0
clearInterval(flashing)
setTimeout("beginneon()",flashpause)
return}}
function beginneon(){if (document.all||document.getElementById)
flashing=setInterval("neon()",flashspeed)}
beginneon()
</script>
</div>

Inget Sob untuk Warna Merah pada Kode Ganti dengan TEKS yang anda inginkan Tampil di Blog Anda .....

Contoh seperti yang ada di Blog saya :

Posted by Unknown
0 Comments
Tag :

Tips Membuat Scrollbar di Posting Blog

►
Dalam Membuat Scroll bar di posting Blog ada beberapa cara berikut ini saya hanya memberikan Contoh 2 cara saja.
caranya mudah kok sob gak ribet-ribet hanya saja kalo sobat sempet sobat Copy aja Kode di bawah ini :

Klik Untuk Liat Kode
Cara Pertama :

<div style="overflow: auto;background-color:#C7DFB5; margin: 0px auto; padding: 5px; height: 200px;width: 94%;text-align: left;">
HTML, URL, TEXT, SCRIPT DSB </div>


Cara Kedua :

 <p align="center"><textarea name="code" rows="5" cols="40">
  Tulis text ataupun kode html yang anda inginkan 
</textarea></p>


Perlu di ingat Sob Warna Biru yang ada pada Kode Diatas menunjukkan Posting yang Bakal di tampilkan di Post Sobat.
Mudah Kan Sob Selamat mencoba Mudah-mudahan bermanfaat.
dan yang pasti Thanks dah mau berkunjung....... !!!!
Contohnya Kayak gini Sob :

Contoh cara pertama :


Cara Membuat ScrollBar Pada Posting Blog, sehingga kita bisa mengkategorikan Posting pada blog kita

Cara Kedua :

Posted by Unknown
0 Comments
Tag :

Post-post Terpopuler

Anda yang Ke ...

Flag Counter

Tanslate

Diberdayakan oleh Blogger.

Designed by Tips "N Trick -

InFo Koe

Selamat Datang Di Tips 'aNd TriCK BloGGeRs DiTHa SoB

Sebelumnya Aku Ucapkan Terima Kasih Coz Sobat-Sobat Semua Sudah bersedia mampir ke Blog Saya ini. Tapi Sebelumnya Aku juga Minta maaf, mungkin Sobat-sobat semua murang berkesan dengan Blog saya ini. Maklum aja Sob .... Dalam Hal Blogging ini aku baru dan tergolong Pemula. Jadi Buat Sobat-Sobat Senior Blog Mohon Bimbingannya. THANKS...

Sekilas Tentang Admin NicH


Sebenernya Aku suka banget ama yang namanya Blogger Tapi aku masih sangat jauh buat kuasai yang namanya Blog. Oke dah Buat Sobat yang mau kenal Lebih dekat ma aku Kunjungi FB ku yah. HUDA HATAKE