Minggu, 26 Juni 2011

Energi Saving Dengan Gambar


Hehe, gara-gara Nnija Saga iseng bikin Energy Saving dengan Gambar, banyak banget yang pengen bikin juga. Karena aku dah janji buat kasih tahu tentang Trick ini, boleh deh sekarang aku bocorin trik nya. hehe...

Tapi gimana ya, belom aku bocorin dah bocor duluan. Dah banyak website dan Blog yang niru trik dari blog ini. Gakpapa deh, lagian pada akhirnya sekarang aku tulis juga tutorialnya (Meski rada jengkel coz blog lain sukanya niru doank, dasar tukang tiru!)

Ini dia caranya:

1. Pertama, kalian harus pasang script Energy Saving terlebih dahulu. Buka Link Ini : http://nnijasaga.blogspot.com/2011/06/energy-saving-mode-blog.html untuk copy script nya. (Masukkan scriptnya di bagian Edit Template HTML, diatas kode </head> )

2. Lalu, kamu copy kode dibawah ini:


<style type='text/css'>
div#energysaving, div#energysaving * { -moz-border-radius: 0; -webkit-border-radius: 0; border: 0; background: url(MASUKKAN URL GAMBAR KAMU DISINI) no-repeat center center fixed black; }
div#energysaving p { margin: 0; padding: 0; width: 100%; font-size: 0px; font-family: arial; color: transparent; position: relative; top: 40%; line-height: 20px; font-weight: bold; text-align: center; text-shadow: none; display: none; }
div#energysaving p { color: transparent; font-size: 0px; font-weight: normal; display: none; }
</style>

Kamu ubah yang berwarna hijau, dengan URL gambar kamu sendiri.

3. Masuk ke halaman Rancangan, masukkan kode tadi di Add Widget atau Tambah Gadget.

4. Kalo udah, ya save/simpan deh. Lalu cek di blog kamu.

Energy Saving Mode Blog

Eh iya, Ternyata Nnija Saga belom pernah posting tutorial ini. Meskipun banyak yang nyari. hehe. EnergySAving tu gunanya menampilkan screen Saver pada Blog dalam keadaan standBy. Contohnya, silahkan kalian diem dengan seksama di blog ini, nanti pasti muncul ScreenSavernya. Ato biasanya bisa kalian jumpai do blog-blog lain.
Untuk ScreenSaver yang biasa muncul seperti ini lah kurang lebihnya:





Soalnya kemaren ada yang nanya tentang screen saver tersebut, jadi aku posting aja sekarang meskipun trik ini sudah lama banget.

Mau? hehe. Tutorial ini bisa kalian jumpain dimana ajah. Tapi kalo kalian kebetulan lewat sini, boleh kok copy kodenya dari sini. Nih codenya :

<!-- save your energy -->
<script language='javascript' src='http://www.onlineleaf.com/savetheenvironment.js' type='text/javascript'></script>
<!-- save your energy end -->

Copy pastenya kemana? terserah aja. Boleh di template boleh juga di Add Widget. terserah aja.

Dropdown background Image Changer


Udah capek ah,, bikin penasaran sobat blogger sekalian.
Dah lama banget ya aku bikin janji manis, tapi baru kali ini bisa posting. Sebelumnya udah pernah ada postingan model kayak gini, DropDown Background Changer dan DropDown Color Changer, kalau yang ini, DropDown Background Image Changer. Script untuk mengubah background dengan gambar. Contohnya, liat aja di sidebar blog ini seblah kiri atas.



Nih demonya:



Untuk membuatnya, kamu COpy kode dibawah ini (Copy nya pake CTRL+C coz gak bisa klik kanan)


<select onchange="DADchangebgi(this.value);" name="DADcbgc" title="Change Background Image" width="175" height="30">
<option value="url(MASUKKAN URL GAMBAR DISINI) repeat center center fixed">Nama background 1</option>
<option value="url(MASUKKAN URL GAMBAR DISINI) repeat center center fixed">Nama background 2</option>
<option value="url(MASUKKAN URL GAMBAR DISINI) repeat center center fixed">Nama background 3</option>
</select>
<SCRIPT src="http://dickelodeonjs.googlecode.com/files/DADbgimgchanger1.txt" type="text/javascript"></SCRIPT>

Trus, kamu ganti yang berwarna MERAH diatas dengan URL Gambar kamu sendiri,
ganti warna BIRU dengan nama gambarnya.
Kalau jumlah background masih kurang, kamu tambahin kode dibawah ini:

<option value="url(MASUKKAN URL GAMBAR DISINI) repeat center center fixed">Nama background</option>

Trus masikun diatas kode yang berwarna HIJAU.
Gmana? Udah gak penasaran lagi kan???

Cara Membuat Animasi Berjalan





Bagi Yang Belum Tau Bikin Animasi Berjalan Yok Langsung Ke TKP :




Kakashi Walk To Left


<script type="text/javascript" language="javascript" src="http://dickelodeon.googlecode.com/files/DADablkakashi.txt" name="DADrun"></script>

Naruto Walk To Left


<script type="text/javascript" language="javascript" src="http://dickelodeon.googlecode.com/files/DADablnaruto.txt" name="DADrun"></script>

Sasuke Walk To Left


<script type="text/javascript" language="javascript" src="http://dickelodeon.googlecode.com/files/DADablsasuke.txt" name="DADrun"></script>

Bleach Run


<script type="text/javascript" language="javascript" src="http://dickelodeon.googlecode.com/files/DADabrbleach.txt" name="DADrun"></script>

Babi Gak Jelas


<script type="text/javascript" language="javascript" src="http://dickelodeon.googlecode.com/files/DADabpig.txt" name="DADrun"></script>

Cara Memasang Google Translate

Tambahkan penerjemah situs web Google pada laman web Anda, dan menawarkan akses instan ke terjemahan otomatis dari laman ini. Menambahkan penerjemah situs web cepat dan mudah. Berikut cara melakukannya:


Login ke blogger
ke Rancangan
Klik tambah Gadget
Pilih HTML/JAVASCRIPT
lalu copy code ini



<div id="google_translate_element"></div><script>
function googleTranslateElementInit() {
  new google.translate.TranslateElement({
    pageLanguage: 'id'
  }, 'google_translate_element');
}
</script><script src="http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>


paste dihalaman munculan itu...
gampangkan
comentnya ditunggu......

Cara merubah tampilan nextprev blogger di bawah posting

oke Posting kali ini seperti biasa tentang blog tutorial lagi...oke jadi begini banyak yang bertanya kepada saya bagaimana cara membuat tampilan nextprev dibawah posting berbeda dari sebelumnya,..oke seperti biasa



1. log-in ke blogger
2. ke rancangan
3. ke Edit html
4. klik centang Expand Template Widget
5. lalu cari dengan f3 atau ctrl-f
cari kode <b:includable id='nextprev'>
6. lalu ada kode seperti ini...

<b:widget id='Blog1' locked='false' title='Posting Blog' type='Blog'>
<b:includable id='nextprev'>
  <div class='blog-pager' id='blog-pager'>
    <b:if cond='data:newerPageUrl'>
      <span id='blog-pager-newer-link'>
      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
    </b:if>
7. ganti kode warna biru dengan kode
<img src='http://i777.photobucket.com/albums/yy60/daffaamroe/next.png'/>
atau dengan gambar next lainnya
8. ada kode lagi setelah kode tadi yaitu kode


<b:if cond='data:olderPageUrl'>
      <span id='blog-pager-older-link'>
      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
      </span>
    </b:if>

9. ganti kode warna biru dengan kode:
<img src='http://i777.photobucket.com/albums/yy60/daffaamroe/prev.png'/>


10. tinggal mengganti kode berandanya...
di bawah kode yang tadi
<a class='home-link' expr:href='data:blog.homepageUrl'><data:blog.homepageUrl/></a>


seperti biasa ganti kode berwarna biru dengan
<img src='http://i777.photobucket.com/albums/yy60/daffaamroe/HOME.png'/>


MUDAH BUKAN
JANGAN LUPA KOMENTARNYA

Cara menampilkan Tombol Reply di komentar

Bila dibandingkan dengan blog berplatform Blogger/Blogspot, salah satu kelebihan blog berplatform Wordpress adalah kemudahan berinteraksi antar sesama pengunjung yang berkomentar pada sebuah artikel, yaitu dengan menggunakan tombol “Reply”, untuk mengomentari atau membalas komentar yang disampaikan oleh pengunjung lainnya.
Tapi blog berplatform Blogger/Blogspot pun sebenarnya bisa juga menampilkan tombol Reply tersebut, yaitu dengan sedikit penambahan kode tertentu pada template blog seperti yang disampaikan berikut ini.
Login ke Dashboard Blogger, klik Design, lalu klik tab Edit HTML, klik Expand Widget Template, kemudian cari teks <data:commentPostedByMsg/>.
copy code dibawah ini setelah kode berikut:
<span><a expr:href='&quot;https://www.blogger.com/comment.g?blogID=NOMOR-BLOG-ID-ANDA&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E%3A%20#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=450,height=450&quot;); return false;' style='padding:0px 5px; border:1px solid #999;'>Reply</a></span>

Ganti tulisan NOMOR-BLOG-ID-ANDA dengan kode nomor Blog ID anda. Cara mengetahui nomor Blog ID: Buatlah sebuah post/artikel baru di Blogger, maka pada address bar di browser akan terlihat nomor Blog ID anda. Silahkan copy nomor Blog ID dari address bar browser tersebut dan paste ke dalam kode di atas.
Jika anda ingin mengganti kata Reply bisa diganti apa saja, kata Balas atau sebagainya

GOOD LUCK KOMENTAR DI TUNGGU

Cara Memasang Gadget Hamster Ini Di Profile Kamu



mau bikin gadget kayak dibawah ini :



hehe kerenkan mau taruh gadget seperti diatas di blog kamu, caranya:
1. buka log in blogger
2. buka rancangan
3. klik tambah gadget
4. klik HTML/JAVA SCRIPT
5. copy code di bawah ini di kotak yang muncul

<object data="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/hamster.swf?" height="225" style="outline: medium none;" type="application/x-shockwave-flash" width="300"><param name="movie" value="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/hamster.swf?">
</param>
<param name="AllowScriptAccess" value="always">
</param>
<param name="wmode" value="opaque">
</param>
</object>




6. simpan

Dan lihat hasilnya, selamat mencoba saya dapat gadget ini dari:
http://abowman.com/google-modules/hamster/

Cara Membuat Search di Blogger

Selain memanfaatkan fasilitas search atau mesin pencari pada google, ataupun fasilitas yang sudah memang tersedia pada template secara otomatis, kita juga
bisa membuat tombol mesin pencari cukup mudah caranya adalah :



  1. Login ke blog anda
  2. Masuk pada tata letak kemudian klik "Tambah Gadget"
  3. Selanjtunya pilih HTML/JavaScript
 masukan kode:
<form id="searchthis" action="http://nnijasaga.blogspot.com/search" style="display: inline;" method="get">
<input id="b-query" maxlength="255" name="q" size="20" type="text" />
<input id="b-searchbtn" value="Search" type="submit" />
</form>

Selamat berkreasi!!

NB : 

http://nnijasaga.blogspot.com/ Ganti Dengan URL Blogger Kamu
20 Ganti Sesuai Ukuran Lebar ^_^

Release 1 Hit SG + Invicible Time + Pasang BOM 0 Detik + Defuse 0 Detik


Sorry Baru Share Karena kemarin Masih bnyak kerjaan gan,, 
Download :



Fitures : 
-DAMAGE SG SPAS
-DAMAGE SG Puter
-Invicible TIME
-Pasang BOM 0 Detik
-Defuse BOM 0 Detik
-0 Detik Respawn 

Hotkey : 

DAMAGE SG : Auto ON
Fullhack  : INSERT | Onkan saat Di Lobby

Credit : Andrie_DK(Me)
Thanks TO :
-FARAH
-YASER
-FACEINTERACTION.COM

Search