Sunday, July 15, 2012

Cheat NS Ninja Saga 10 Juli 2012 All Hair Style + Video

Peralatan :

Caranya :
  1. Download dulu fiddler
  2. Kemudian Install Fiddler
  3. Baru jalankan Fiddler
  4. Klik Tab AutoResponder (yg icon-nya petir hijau)
  5. Centang kotak "Enable automatic responses" dan juga "Permit passthrough for unmatched request"
  6. Jatuhkan .SWF File yang kamu download tadi ke kolom AutoResponder
  7. Setelah itu bersihkan chace
  8. Masuk ke Ninja Saga
  9. Baru pilih karakter yang akan kamu mainkan
Cara Menghapus chace :
  • Untuk Mozilla Firefox : Tools -> Options -> Advanced -> Pilih Network Tab -> Clear Now -> Klik OK
  • Untuk Google Chrome : Pilih icon yang berada di pojok kanan atas (sebelah bintang) -> Options -> Under the Hood -> Clear Browsing Data -> Empty the cache -> Clear Browsing Data
Lihat Video di Bawah Ini



Untuk Gaya Rambut Baru:
Premium User (Pengguna Emblem) 100% Gratis
Atention! Gratis User (Required 200 Token) atau Gunakan Penawaran kami:

Sunday, July 8, 2012

Template Uchiha Sasuke V1


http://i1239.photobucket.com/albums/ff513/Ramapoetra24/BB.jpg 
 


Kali ini pertama kali share Template hmmm,.. Templatenya simpel aja ko,dan inilah awal dari blog saya.ok nih Template Uchiha Sasuke V1,tapi tema templatenya saya buat Uchiha Sasuke.Template ini sudah banyak diperbaiki dari template Skincorner sebelumnya templaate ini dari mentahannya Naruto Fight dan itu pula karena masih ada kekurangannya.Dan itulah saya tambahin kode-kode dan JavasCript Misalnya:
 
  •  Navbar
  • Ava Post( Simpel)
  • Dan saya rubah juga kan sidebarnya ada dua Kiri dan Kanan dari Skincorner ( Naruto Fight ),Tetapi saya ubek-ubek menjadi 1 sidebarright.
  • Dan Tambahan Background Keren dari Johanes DJ
  • Dan Lain-lain JavasCript.


~Dan ini ScreenShottnya~
http://i1239.photobucket.com/albums/ff513/Ramapoetra24/SSnya.jpg

~bila kalian mau mengganti navbar,kalian tinggal cari kode html dibawah ini~..
#BEBnavbar{font-family:Salsa;background:rgba(0, 0, 0, 0.5 ); no-repeat center left fixed #000;border:1px solid cyan;-moz
box-shadow: 0px 0px 30px cyan;-webkit-box-shadow:0px 0px 30px cyan;box-shadow: 0px 0px 30px cyan;-webkit-transition:all .2s ease-out; -moz-transition:all .2s ease-out; -o-transition:all .2s ease-out;z-index:10000;top:1px;left:1px;right:1px;position:fixed;-moz-border-radius:10px;-webkit-border-radius:10px;padding:2px}
#BEBnavbar .left{float:left;text-align:center;font-size:11px;font-style:normal;font-weight:700;color:#FFF;padding:2px 10px}
#BEBnavbar .right{float:right;padding:0 2px}
Dan Kode Di atas </body>
 <div id='BEBnavbar' style='position:fixed;'>
<span class='left'> <img src='' style='float:left' width='25'/>
  <a href='http://nama URL blog kmu.blogspot.com/?m=1'>Terima kasih atas kunjungan anda ..!!!</a>
</span>
<span class='right' style='font-family:Salsa;text-align:center;font-size:14px;font-style:normal;font-weight:bold;color:white;padding:2px 10px;'>

<a href='http://www.mypagerank.net' target='_blank'><img alt='Google PageRank Checker Powered by  MyPagerank.Net' border='0' src='http://www.mypagerank.net/services/pagerankbutton/pagerankbutton.php?aut=c74f1d5db6a26e9b0c84b0995d2a1211414a1e7aa67bf855390d21c3d3ad0c'/></a> |


StayTune Guys !!! |

<a href='http://www.getrank.org' target='_blank'><img alt='PageRank Checker' border='1px solid #FFFF33' src='http://www.getrank.org/prbutton/pagerank-display.php?s=16' title='Pagerank'/></a>
</span></div>
<div class='panel'>
</div>
~Dan Bila kalian mau mengganti Backgroundnya nih kodenya~ .
body{background:#000 url(http://4.bp.blogspot.com/-LC5ZYk4nJ7o/TzfZthRX_fI/AAAAAAAABD4/g9OcGeuGodw/s1600/Konachan.jpg) no-repeat top center;background-attachment:fixed}
html{margin:0;padding:0}

~Dan yang terakhir kalau mau nge posting kalian haruss Inser Jump Break~

http://i1239.photobucket.com/albums/ff513/Ramapoetra24/Inserrt.jpg 


Dan ada yang tidak mengerti tannyakan saja okeeh.Ma'aff yahh kalu kodenya kurang Mengerti


http://i1239.photobucket.com/albums/ff513/Ramapoetra24/Download.png     http://i1239.photobucket.com/albums/ff513/Ramapoetra24/Demo.png

Friday, July 6, 2012

Cara Menghubungkan Blog ke Twitter


Tutorial Twitter dan Facebook kali ini membahas cara menghubungkan blog ke Twitter atau Facebook.
Nah setelah anda mendaftar ke twitter tentunya anda bisa memanfaatkan twitter menambahtraffic untuk blog anda. Bagi yang belum memilik blog bisa mendaftarkan diri terlebih dahulu ke blogger.com.
Seiring banyak nya blogger yang ingin blog nya terkenal dan bermacam cara pula yang dilakukan para blogger untuk
meningkatkan traffic blog mereka. Salah satunya dengan cara yang satu ini. bagi anda yang belum mencobanya silahkan anda coba terlebih dahulu. Nggak ada ruginya sob mumpung gratis hehehehe

Berikut cara menghubung atau memasukkan artikel blog ke situs twitter :
  • Kunjungi situs twitterfeed.com terlebih dahulu
  • Kemudian klik Register
  • Isi form yang disediakan.
    Email address : Masuk kan alamat Email anda
    Password : Masukkan Padsword (Ingat password jangan sampai lupa)
    Confirm Password : Masukkan Passwor sekali lagi dengan Password yang sama
  • Kemudian klik Create Account
  • Selanjutnya klik Connect your feed to your twitter account
  • Selanjutnya klik Username dan Password kita kemudian klik allow
  • Setelah itu anda di suguhkan form kemudian isi form tersebut
    Feed Name : judul blog anda
    Rss Feed URL : Masukkan Rss Feed URL blog anda seperti ini
    http://namabloganda.blogspot.com/feeds/posts/default
    ganti tulisan berwarna merah dengan alamat blog anda.
  • kemudian klik Test Rss Feed
  • Apa bila berhasil maka akan muncul bacaan "Feed Parsed OK" dibawahRss Feed URL
  • Kemudian klik Create Feed Selesai 
Sekarang blog anda sudah terhubung dengan Twitter , untuk melihat hasilnya anda terlebih dahulu buat posting baru di blog kemudian buka account twitter anda, maka postingan blog anda akan terlihat di tweet atau update account twitter yang anda miliki.

Cara Memasang Widget Hitstats di Blog

histats.com adalah situs yang menyediakan layanan secara real time monitor statistik untuk situs kita. fungsi dari histats.com adalah untuk mengetahui mulai dari berapa jumlah total artikel yang di lihat, berapa jumlah total pengunjung yang datang sampai berapa jumlah pengunjung dan artikel yang dilihat perhari. histats.com menyediakan layanan ini secara gratis, apabila tertarik untuk memasang data statistik di blog/web, cara daftarnya cukup mudah :

  1. Masuk ke alamat http://www.histats.com/
  2. Lalu klik Register pada menu
  3. Lalu kita masuk pada halaman buat akun Login Data, isilah form- form yang tersedia, lalu klik Continoue
    mail : isi dengan e-mail sobat yang aktif [yang belum pernah terdaftar disini]
    mail confirm : ketik ulang e-mail tadi
    password : Password sebagai pengaman
    password confirm : Ketik ulang password
  4. Lanjut, Isi dan lengkapi Form- form Additional information
  5. Jangan lupa centang kotak kecil Publisher Agreement Terms
  6. Klik UPDATE, jika berhasil maka akan keluar notification seperti ini: [ jika masih gagal coba cek kembali apa yang salah/ mungkin masih ada yang kurang ]

Setelah anda selesai mendaftar,  langkah selanjutnya adalah mendapatkan code histats dan memasangnya di widget di blog anda. caranya cukup mudah, silakan ikuti petunjuk di bawah ini :
1. Setelah selesai mendaftar langkah pertama adalah login dengan email danpassword yang tadi anda buat
2. Klik Add Website
3. Isi form- form yang tersedia
site url : isi dengan url blog / website anda dengan format www.namawebloganda.com misalnya www.heri-halik.tk (misal website saya )
title : isi dengan judul blog
description : deskripsi blog
Page views start value: jumlah page views awal
visitor start value: jumlah visitor awal
time zone : aturlah format wakunya
type : tipe blog / websote
category: termasuk jenis apa/ kategori apa blog/ wesbsite anda
caphtcha isi kode capchta yang muncul
4. Klik Continoue
5. klik icon seperti gambar di bawah ini:

6. klik Counter code

7. klik Add new counter

8. Selanjutnya;

  1. pilih kategori style widget histats yang tersedia
  2. pilih dan klik salah satu style/ model widget histats yang anda minati
  3. Pilih dan atur informasi yang tampil
  4. klik simpan
cara pasang histast di blog
9. klik id counter yang telah anda buat tadi maka otomatis di bawahnya akan muncul kode script pemasangannya [Copy kode-kodenya]

10. Login ke blogger – pada halaman dashboard klik  Tata Letak 
11. klik Add Gadget – HTML/Javascript
12. Paste kode tadi
13. Simpan dan lihat hasilnya
Selamat mencoba…

Menambah Emoticon Pada Komentar Blog

Langsung saja ke topik, kesempatan kali ini saya akan membuat emoticon di bawah kotak komentar. daripada bingung jelasinnya, mending jg langsung bikin tutorialnya. hehee....
Nah kali ini saya akan memberi tutorialnya, yaitu Cara Mudah Menambah Emoticon Pada Komentar Blogspot.



Gambar



Berikut Langkah-langkahnya :
  • Login ke akun blogger Sobat
  • Masuk tata Letak
  • Edit HTML
  • BackUp dulu templatenya, dengan cara klik "download template lengkap"
  • Cari kode berikut: </body>
  • Letakan kode css berikut, dan taruh di atas kode: </body>

  <script src='https://sites.google.com/site/kodeblogger/javascript/smiley.js' type='text/javascript'/>

Selanjutnya cari kode berikut, Lengkapnya perhatikan kode sibawah ini, (pehatikan kode berwarna merah) :

  •  Cari kode dibawah ini :
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
  • Kalo sudah ketemu ,taruh kode Smile'na di ATAS kode: <b:include data='post' name='comment-form'/>
<b><img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif'/>
:))
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif'/>
:)]
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif'/>
;))
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif'/>
;;)
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif'/>
:D
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif'/>
;)
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/>
:p
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif'/>
:((
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif'/>
:)
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif'/>
:(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif'/>
:X
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif'/>
=((
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif'/>
:-o
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif'/>
:-/
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif'/>
:-*
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif'/>
:|
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif'/>
8-}
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif'/>
~x(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif'/>
:-t
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif'/>
b-(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif'/>
:-L
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif'/>
x(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif'/>
=))</b>
  • Simpan template, dan lihat hasilnya.

Saya sudah coba di blog ini, dan sukses
Selamat mencoba.

Cara Mudah Membuat Tampilan Hemat Energy

Kali ini saya akan membahas cara mudah membuat modus hemat energy atau tampilan screen hitam bertuliskan save your energy yang akan muncul menutupi seluruh halaman index dan akan hilang kembali setelah panah mouse di geser. Sebenarnya modus ini bukan untuk hemat energi yang sesungguhnya melainkan tampilan screen biasa yang telah dipadukan dengan javascript untuk membuat menarik blog sobat. langsung saja ikuti langkah-langkah mudah membuat nya tapi tampilan nya sedikit saya modifikasi sehingga berbeda dari tampilan save your energy biasanya,


pertama-tama:

  1. Login ke blog sobat

  1. Klik "Rancangan" --> "Edit HTML"

  1. Backuplah terlebih dahulu template blog sobat dengan mengklik "Download Full Template".

  1. Centang kotak kecil "Expand Template Widge".

  1. Kemudian carilah kode dengan menggunakan control + f pada keyboard sobat</head> dan copy-pastekan kode dibawah ini tepat di atas kode </head>
<script language='javascript' src='http://herihlk.googlecode.com/files/savingmode12.js' type='text/javascript'/>

  1. Klik tombol "Simpan Template
  2. kemudian lihatlah blog sobat biarkan selama 2-3menit maka tampilan hitam akan keluar & telah terpasang modus save energy editan.
<=== Selamat mencoba ===>>
 NB: silahkan kirim e-mail, ym, send inbox FB, atau meninggalkan komentar jika terdapat kesulitan memasang tutorial-tutorial dari saya atau ingin request tutorial lain nya.

Simple Javascript Floating Image, Object, Avatar, dan Lain-lain

Saya tertarik dengan dengan float image yang pernah saya lihat di blog-blog atau forum untuk di pasang di blog saya. setelah mencari di google saya menemukan script floating dari dynamic drive yang telah di ringkas dan di buat simple oleh joy atau crazy davinci . script ini berfungsi untuk menampilkan gambar, link, mp3 atau apa saja di sidebar page kita.

Caranya mudah dan simple :


  • Letakkan kode berikut setelah tag <body> sebelum tag </body>
<div id="avatar">
<img src="YOUR IMAGE URL" width=" 80" height=" 80"/>
</div> 
  •  Letakkan kode berikut setelah tag <head> sebelum tag </head>
<link rel="stylesheet" type="text/css" href="http://static.int.crazydavinci.net/style/float_joy.css " />
<script type="text/javascript" src="http://static.int.crazydavinci.net/script/float_joy.js"></script>
Silahkan download dan edit file CSS http://static.int.crazydavinci.net/style/float_joy.css kemudian upload di hostingan sendiri.
Untuk modifikasi file .js nya silahkan download dan edit file http://static.int.crazydavinci.net/script/float_joy.js kemudian upload di hostingan sendiri.


  • Keterangan: 
startX = parseInt(screen.width/2)+400;
startY = parseInt(screen.height/2)-110
starX akan menjadi objek horizontal dari tengah halaman anda.
starY  akan menjadi objek vertikal.
 Nah untuk mengganti gambar menjadi mp3, atau apa saja silahkan modifikasi tag div avatar nya :

<div id="avatar">
<img src="YOUR IMAGE URL" width=" 80" height=width=" 80"/>
</div>
Ganti saja yang saya beri warna merah di atas dengan kode embed mp3 atau yang kamu mau.

Ok, saya rasa cukup jelas dan semoga berguna.
Preview bisa di liat di blog favorit saya atau di SINI .

Referensi : http://p-cbn.blogspot.com/2011/03/simple-javascript-floating-image-object.html

Menambahkan QueryLoader (‘LazyLoad’) Script Untuk Blogger

Apa itu QueryLoader ?
Sebagian besar dari pembaca post ini mungkin belum tahu, yaitu blank script yang menutupi blogmu hingga blogmu selesai loading, langsung ajah liat demonya DISINI
Langkah Pertama, Menambahkan Java Files
>> Buka Dashboard >> Desain >> Edit HTML dan cari kode dibawah ini
</head>
Kemudian sisipkan script berikut diatasnya
<script src='http://code.jquery.com/jquery-1.5.min.js' type='text/javascript'/> <script src='http://blogger-loader.googlecode.com/files/queryLoaderpre.js' type='text/javascript'/>
Langkah Kedua
>> Temukan kode ini lagi
</body>
 kemudian sisipkan kode ini diatasnya
<script> QueryLoader.selectorPreload = &quot;body&quot;; QueryLoader.init(); </script>
 Langkah ketiga, Menambahkan CSS kode
temukan kode ini 
]]></b:skin>
Sisipkan Kode ini diatas kode tersebut
.QOverlay {background-color: #000000; z-index: 9999; } .QLoader { background-color: #CCCCCC; height: 1px; } .QAmt { color:#FF530D; font-size:50px; font-weight:bold; line-height:50px; height:50px; width:100px; margin:-60px 0 0 -50px; }
Source : http://www.allblogtools.com/tricks-and-hacks/adding-queryloader-lazyload-script-for-blogger-and-customize-it/

Membuat Vertical Sliding Info Panel Dengan JQuery

Membuat Vertical Sliding Info Panel Dengan JQuery, itulah yang akan saya share pada kesempatan kali ini. Setelah kemarin blogwalking kesana-kesini, ada beberapa sobat blogger yang menanyakan bagaimana sih caranya membuat menu Info Panel, seperti menu dipojok kiri atas blog sobat?? Selagi saya sempat dan bisa, pasti saya buatkan tutorialnya, ini juga saya cari sana-sini koq. cuman untuk CSS dan tambahan menu, saya modifikasi sendiri. dan pastinya untuk kode CSS-nya lebih simple.
Untuk lebih jelasnya silahkan sobat lihat gambar/demonya dibawah ini.

Sceenshot/Demo Vertical Sliding Info Panel Dengan JQuery

 Kiranya seperti gambar diataslah yang kali ini akan saya share.
Berikut langkah-langkah membuatnya:

1. Seperti biasa, Login ke akun blogger sobat
2. Masuk Rancangan/Layout
3. Pilih Edit HTML
4. Klik "Download Template Lengkap" (ini untuk memBackUp template sobat)
5. Beri tanda centang "Expand Template Widget"
6. Tekan Ctrl+F (untuk mempermudah pencarian) dan cari kode: ]]></b:skin>
7. Taruhlah kode CSS berikut tepat diatas kode: ]]></b:skin> DOWNLOAD KODE CSS 
8. Kalau sudah, cari kembali kode:  </head> DOWNLOAD SCRIPT
9. Simpan/Save Template.

Langkah terkahir, agar menu Info panel-nya bisa nongol di blog sobat,
Masuk ke:
> Tata Letak/Rancangan
> ADD New Widget
> Tambah Gadget
> Pilih HTML?Javascript

Kemudian Masukan kode dibawah ini:
DOWNLOAD SCRIPT 


JANGAN BERHENTI BERKREASI^^

Memasang Lagu Pada Website/Blog Cara Baru via 4Shared

Memasang lagu pada blog mungkin merupakan alternatif agar pengunjung tidak jenuh dan betah berlama-lama di blog anda, saya pun sudah pernah memposting tentang bagaimana Cara Membuat Flash "Music Player" Dengan Mudah. sudah banyak sebenarnya tutorial yang menjelaskan tentang topik yang kita bahas ini, tapi disini saya akan memberikan cara untuk memudahkan para blogger mengambil sebuah embed lagu pada 4Shared lalu kemudian membuat widgetnya menjadi tak terlihat.

Step 1. Silahkan cari lagu yang anda ingin pasang di blog anda melalui 4Shared.
Step 2. Setelah mendapatkan lagu, copy script "pasang"(perhatikan gambar dibawah).

Memasang Lagu Pada Website/Blog Cara Baru via 4Shared
Step 3. setelah mendapatkan kodenya, tambahkan sedikit kode dibawah ini(kode tambahan berwarna merah) dan ubah size widget(width dan height) menjadi 0.



<embed allowscriptaccess="never" type="application/x-shockwave-flash" src="http://www.4shared.com/embed/961885111/9c7d4606" width="0" height="0" flashvars="autostart=true"></embed>

Selesai sudah postingan ini, Hope you Enjoy \m/
Kalau ada yang kurang jelas, silahkan berkomentar dibawah :)

Referensi : http://om-dayz.blogspot.com/2011/12/memasang-lagu-pada-websiteblog-cara.html#ixzz206OTtlSf 
Jadilah Blogger Yang Beretika^^ 

Wednesday, July 4, 2012

Tips Menampilkan Postingan Hanya Judulnya Saja


Di tengah siang bolong ini adit meluangkan sebuah waktu untuk memposting subuah artikel yang menurut adit ini bagus dan menarik perhatian bagi pengunjung di blog kita,oke sobat blogger khusus nya pemula seperti saya tentu nya udah enggak sabarankan untuk membuat nya, langsung aja deh yukk ikutin langkah-langkah yang adit kasih ini.
Agar pada halaman depan hanya menampilkan judul posting saja, berikut langkah-langkahnya :

Silahkan login ke akun blogger dengan ID sobat.
Klik Rancangan.
Klik menu Edit HTML.

Disarankan untuk membuat backup terlebih dahulu, klik pada tulisan Download Template Lengkap.

Carilah kode ]]></b:skin>
Copy kode berikut, lalu paste di bawah kode ]]></b:skin>

<style type='text/css'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
.post-body{display:none;}
</b:if>
</b:if>
</style>

Klik tombol SIMPAN TEMPLATE.
Selesai. Silahkan lihat hasilnya.

Mudah bukan? namun, dengan memasang kode diatas masih menyisakan beberapa elemen seperti tanggal posting, komentar dan yang lainnya. Jika anda ingin menghilangkan semuanya dan yang tersisa hanya judul post nya saja, mungkin anda bisa menggunakan kode berikut :

&lt;style type='text/css'&gt;
&lt;b:if cond='data:blog.pageType != &amp;quot;item&amp;quot;'&gt;
&lt;b:if cond='data:blog.pageType != &amp;quot;static_page&amp;quot;'&gt;
.post-body, .post-footer, .jump-link,
.post-timestamp, .reaction-buttons,
.star-ratings, .post-backlinks,
.post-icons, .date-header{display:none;}
&lt;/b:if&gt;
&lt;/b:if&gt;
&lt;/style&gt;

Lihat hasil nya......
Nah itulah sobat blogger yang mungkin adit bisa kasih tau sedikit tetang mengenai tips menampilkan postingan hanya judulnya saja.

maaf bila ada kesalahan dalam penempatan kata dalam postingan ini.

# Salam blogger

Membuat Widget Daftar Isi Di Blog


Kemarin adit udah posting tentang cara membuat read more / baca selengkapnya di blog dan untuk sekarang adit akan melanjutkan postingan adit tentang membuat widget daftar isi di blog sobat blogger pasti nya udah tau yaa untuk cara-cara membuat widget daftar isi di blog... hehehehe maaf ya sobat adit hanya pemula yang lagi belajar blogger, kasih semangat nya dong sobat blogger buat adit biar semakin kenceng untuk lari nya hehehehe maksud nya biar tambah pengalaman, dan tata letak kata dalam berposting sobat blogger.... hembb oke deh tanpa banyak kata adit akan langsung bahas tentang "Cara membuat Widget Di Blog" :

Langkah 1
Login ke Blogger

Langkah 2
Masuk ke "Tata Letak - Elemen Halaman"

Langkah 3
"Tambah Gadget" baru dengan type "HTML/JavaScript"

Langkah 4
Tambahkan kode dibawah ini:

<div style="border: 1px solid #000; overflow: auto; height: 220px;">
<script style="text/javascript" src="http://hensblog.googlecode.com/files/daftar_isi.js"></script>
<script style="text/javascript">
var numposts = 1000;
var showpostdate = false;
var showpostsummary = false;
var numchars = 100;
var standardstyling = true;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&max-results=999&callback=showrecentposts"></script>
</div>

Langkah 5
Simpan Gadget

Keterangan:

border: 1px solid #000 : Ubahlah border sesuai dengan keinginan anda

height: 220px : Ubah nilai 220px untuk mengatur tinggi widget daftar isi

Jika ingin menampilkan daftar isi sesuai dengan label/kategori tertentu silahkan tambahkan kode /-/Label sehingga menjadi seperti kode dibawah ini (ganti Label dengan kategori yang ingin ditampilkan):

<script src="/feeds/posts/default/-/Label?orderby=published&alt=json-in-script&max-results=999&callback=showrecentposts"></script>

Selamat mencoba semoga berhasil Sobat Blogger Dan Jangan Lupa Tinggalin Komentarnya Sobat Blogger.

Membuat Read More Part 02


Selamat siang sahabat blogger
hemmm badan rasa nya masih pegel-pegel dan capek banget, karena habis kerja seharian hehehe mumpung ada luang waktu jadi adit pergunakan sejenak untuk memposting sebuah artikel tentang membuat readmore wahhh belum selasai agaknya hehehehe wah ini yang ke dua sahabat untuk yang auto read more.. oke langsung untuk masalah pembahasan ini kita lanjut ke TKP....

Langkah-langkahnya:
1. Masuk ke dahboard >> Design/Rancangan >> Edit HTML. Jangan lupa centang 'Expand Widget Templates'. Download/back up file XML template terlebih dahulu agar nanti bisa mengembalikan seperti semula jika ada kesalahan.

2. Copy-paste script berikut tepat DI BAWAH </head> (gunakan Ctrl+F)Untuk pencarian cepat:

<!-- Auto read more script - http://blog-t4belajarku.blogspot.com/- Start -->
<script type='text/javascript'>
var thumbnail_mode = &quot;yes&quot;; //yes-dengan gambar,no-tanpa gambar
summary_noimg = 430;
summary_img = 340;
img_thumb_height = 150;
img_thumb_width = 150;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}

function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(thumbnail_mode == "yes") {
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}
}
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>
<!-- Auto read more script - http://blog-t4belajarku.blogspot.com/- End -->

Yang berwarna merah adalah jumlah dan ukuran tampilan, summary_noimg=jumlah karakter tanpa gambar, summary_img=jumlah karakter dengan gambar, sedangkan img_thumb_height dan img_thumb_width adalah ukuran gambar (dalam pixel). Ubahlah sesuai dengan keinginan.

3. Kemudian cari <data:post.body/> (gunakan Ctrl+F untuk pencarian cepatnya), dan GANTI dengan:

<!-- Auto read more -http://buka-rahasia.blogspot.com- Start -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<data:post.body/>
<b:else/>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'> createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<a class='more' expr:href='data:post.url'>Read More...</a>
</b:if>
</b:if>
<!-- Auto read more -http://buka-rahasia.blogspot.com- End -->

Ganti Read More... dengan kata-kata yang diinginkan. Atau jika ingin menggantinya dengan gambar, ganti tulisan Read More tersebut dengan code dibawah ini:
<img border='0' src='url (direct link) gambar readmore'/>
Ganti url (direct link) gambar readmore dengan alamat url dimana anda mengupload dan menghosting gambar.

Baiklah sahabat blogger tercinta kiranya cukup segitu dulu deh yang adit kasih hari ini karena adit akan melanjutkan sebuah pekerjaan yang harus di selesaikan hari ini juga hemmm karena belum kelar merakit komputer nya mana lagi banyak yang pesan serta service jadi pusing deh kepala nya harus membagi waktu sana dan sini hehhehe

Selamat berjuang dan berkarya untuk seluruh sahabat blogger sejati di tanah air indonesia ini.

Cara Membuat Menu Drop Down


Malam sahabat blogger sebelum adit mulai membahas tenteng "cara-cara membuat menu drop down" kira-kira ada yang bisa kasih solusi untuk adit enggak ya... karena masalah ini bagi adit sangat menghambat dalam kerja adit. hemm ini sebenarnya sahabat blogger masalahnya, aditkan lagi cari tugas kuliah tu di internet ehh tiba-tiba laptop adit mati kemudian enggak mau tampil bios dan juga gak mau login ke windows nya udah adit coba tekan F10,F12,Ins,Esc,F2,Esc+Ctrl dll tapi tetep aja gk mau tampil adit jadi bingung apa adit harus update bios nya atau adit harus otak-atik di jumper mainbord laptop adit tapi adit harap sahabat-sahabat adit ada yang bisa kasih solusi selain itu mungkin ada yang kasih software khusus untuk update bios oya laptop adit Toshiba Sattelite L645, oke deh untuk mempersingkat waktu adit langsung aja bahas tetang cara membuat menu drop down.

Untuk membuat menu dropdown,selain membuat situs lebih rapi,dan juga sambil belajar bersama ya hehehehe
Untuk kodenya copy paste kode di bawah ini :

<form><select name="menu"
onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1
name=menu><option value=0 selected>Kata Pertama Yang Muncul/Judul</option>
<option value="Alamat Link tujuan">Isi Text Yang Di Tampilkan</option>
</select></form>

Contoh :

<form><select name="menu"
onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1
name=menu>
<option>Link</option>
<option value="http://www.youtube.com">Youtube</option>
<option value="http://www.yahoo.com">Yahoo</option>
<option value="http://www.google.co.id">Google</option>
</select></form>


Dan hasilnya seperti di bawah ini sahabat :


Hemmm Mudah ya sahabat blogger hehehehe
selamat berkarya & mencoba sahabat blogger

Pasang Widget Translate Google Di Blog


Salamat Malam Sobat blogger,,, hemmm maaf ya sobat blogger adit harus ganti2 template terus karena template nya yang adit pake ini kurang menarik trus juga adit gampang banget bosen,, gimana ya sobat blogger biar gak bosen dan kalo liatain blog sendiri itu biar agak menarik kasih solusi nya donk sobat blogger,,, oya adit mohon dengan sobat blogger semua dukung adit dan selalu semangatin adit ya dalam mengelola blog biar tamabah semangat kasih koment nya ya, saran,kritik, dan juga ide-ide yang menarik oke kita langsung aja dalam inti perampokan ehhh salah maksud nya permasalahan hehehehehe malam ini adit mau kasih sedikit tambahan untuk mempercantik blog kita dengan translate google yang itu tu yang mana si yang ini ni hehehehe

Langkah awal
Masuk Dasbord Blog Sobat
Pilih Rancangan
Lalu Pilih >> Tamabah Widget >> HTML/Java Script
Copy dan paste code di bawah ini.
Tempatkan sesuka sobat dimanapun itu tempat nya hehehehehe


Versi 01
<div style="border: 1px solid rgb(214, 235, 173); padding: 10px 4px 3px; text-align: center; background-color: rgb(214, 235, 173);">
<!--–GOOGLE TRANSLATE MINI FLAGS–--><div align="center"><!--– Add Portuguese to Chinese (Simplified) BETA –--><a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Czh-CN&amp;hl=en'); return false;" title="Chinese (Simplified) BETA"><img style="border: 0px solid ; cursor: pointer; width: 32px; height: 32px;" alt="Chinese" src="http://lh5.ggpht.com/_mcq01yDJ2uY/Sdke4C8za2I/AAAAAAAAAkU/Mpfn_ntCweU/China.png" title="Chinese"/><!--– END Indonesian to Chinese (Simplified) BETA–--><!--– Add Indonesian to French –--></a><a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cfr&amp;hl=en'); return false;" title="French "><img style="border: 0px solid ; cursor: pointer; width: 32px; height: 32px;" alt="French" src="http://lh4.ggpht.com/_mcq01yDJ2uY/SdkfGSkRgfI/AAAAAAAAAkc/X4E87SASLtA/France.png" title="French"/><!--– END Indonesian to French –--><!--– Add Indonesian to German –--></a><a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cde&amp;hl=en'); return false;" title="German"><img style="border: 0px solid ; cursor: pointer; width: 32px; height: 32px;" alt="German" src="http://lh3.ggpht.com/_mcq01yDJ2uY/Sdke3rFjMUI/AAAAAAAAAkE/o0kR0MfngXA/Germany.png" title="German"/><!--– END Indonesian to German –--><!--– Add Indonesian to Italian –--></a><a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cit&amp;hl=en'); return false;" title="Italian"><img alt="Italian" style="border: 0px solid ; cursor: pointer; width: 32px; height: 32px;" src="http://lh3.ggpht.com/_mcq01yDJ2uY/Sdke2xCmrPI/AAAAAAAAAj0/Jv14yyDo1i4/Italy.png" title="Italian"/><!--– END Indonesian to Italian –--><!--– Add Indonesian to Japanese BETA –--></a><a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cja&amp;hl=en'); return false;" title="Japanese BETA"><img style="border: 0px solid ; cursor: pointer; width: 32px; height: 32px;" alt="Japanese" src="http://lh5.ggpht.com/_mcq01yDJ2uY/Sdke3f2KbNI/AAAAAAAAAj8/xyGLFdUZbVY/Japan.png" title="Japanese"/><!--– END Indonesian to Japanese BETA –--><!--– Add Indonesian to English –--></a><a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cen&amp;hl=en'); return false;" title="English "><img style="border: 0px solid ; cursor: pointer; width: 32px; height: 32px;" alt="English" src="http://lh4.ggpht.com/_mcq01yDJ2uY/SdkhG4bjxqI/AAAAAAAAAks/Ws6AzZdnZTw/United%20States%20of%20America%20%28USA%29.png" title="English"/><!--– END Indonesian to English –--><!--– Add Indonesian to Russian BETA –--></a><a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cru&amp;hl=en'); return false;" title="Russian BETA "><img style="border: 0px solid ; cursor: pointer; width: 32px; height: 32px;" alt="Russian" src="http://lh5.ggpht.com/_mcq01yDJ2uY/SdkfGVESWsI/AAAAAAAAAkk/-ruu99vFElQ/Russian%20Federation.png" title="Russian"/><!--– END Indonesian to Russian BETA –--><!--– Add Indonesian to Spanish –--></a><a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Ces&amp;hl=en'); return false;" title="Spanish "><img style="border: 0px solid ; cursor: pointer; width: 32px; height: 32px;" alt="Spanish" src="http://lh3.ggpht.com/_mcq01yDJ2uY/Sdke312ethI/AAAAAAAAAkM/KeACgltRc38/Spain.png" title="Spanish"/><!--– END Indonesian to Spanish –-->
</a><center style="color: rgb(0, 0, 0); font-weight: bold;"></center></div></div>

Versi 02
<script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/translatemypage.xml&up_source_language=en&w=160&h=60&title=&border=&output=js"></script>

Versi 03 Dari yahoo babel fish
<script type="text/javascript" charset="UTF-8" language="JavaScript1.2" src="http://uk.babelfish.yahoo.com/free_trans_service/babelfish2.js?from_lang=en&region=uk"></script>

Setelah itu selesai dehh Dan Liat hasil nya... taraaaaaaaa

Cara Memasang Tombol Like Diatas Postingan

Kira-kira sudah ada yang tau belum untuk memasang tombol Like/Suka di atas postingan kita di blog,,, emmmm mau tau cara nya enggak cara nya,,, emm kasih tau enggak yaaa hehehehe baiklah sobat mari kita praktekan untuk cara2 pembuatan nya
ambil gelas kasih kopi+gula dan air panas lalu di sajikan dan di minum dehhhh taraaaa jadi deh hehehehe becanda sobat ..adapun langkah nya sebagai berikut sobat :

1. Masuk ke akun Blogger Anda.

2. Klik Rancangan > Edit HTML.

3. Klik Download Template Lengkap untuk membuat salinan template. Hal ini untuk mengantisipasi jika nanti terjadi kesalahan dalam pengeditan kita dapat dengan mudah mengembalikan template ke seperti semula.

4. Cari kode <data:post.body/> Untuk mempercepat pencarian, silakan tekan Ctrl + F.
5. Copy kode berikut letakkan dibawah kode <data:post.body/>

<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=dark&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:24px;'/><br/>

6. SIMPAN Template

Lihat hasilnya Sobat....emmmmm jadi ada tombol like nya deh....hehehehe