IDS Manual 16 Maret 2013

Nih IDs pagi...mumpung masih hot gan...ada beberapa yang merah sih gan,tapi banyak yg ijo kong....Mohon jangan di Mass Changer ya!Hahahaha

Langsung Saja...No Password

Bastard03156:hackerinside
SamuelSynGate10:hackerinside
BlodyHacker:hackerinside
BastardChanger:hackerinside
ChangerFuck:hackerinside
ChangerFucker:hackerinside
AntiMassChanger:hackerinside
MassChangerFuck:hackerinside
FuckerInside:hackerinside
CyberHackerMana:hackerinside
LastFollowers:hackerinside
CyberManado1:hackerinside
CyberManado2:hackerinside
CyberManado3:hackerinside
CyberManado4:hackerinside
CyberManado5:hackerinside
CyberManado6:hackerinside
CyberManado7:hackerinside
CyberManado8:hackerinside
CyberManado9:hackerinside
CyberManado10:hackerinside
CyberManado11:hackerinside
CyberManado12:hackerinside
CyberManado13:hackerinside
CyberManado14:hackerinside
CyberManado15:hackerinside
CyberManado16:hackerinside
CyberManado17:hackerinside
CyberManado18:hackerinside
CyberManado19:hackerinside
CyberManado20:hackerinside
CyberMa18706360:hackerinside
CyberMa71612084:hackerinside
CyberMa71612084:hackerinside
CyberMa39998427:hackerinside
CyberMa75762030:hackerinside
CyberMa39533272:hackerinside
CyberMa35632756:hackerinside
CyberMa31133010:hackerinside
CyberMa78971314:hackerinside
CyberMa86649047:hackerinside
CyberMa79099740:hackerinside
CyberMa52116782:hackerinside
CyberMa10820995:hackerinside
CyberMa83559648:hackerinside
CyberMa58140680:hackerinside
CyberMa74904714:hackerinside
CyberMa04131796:hackerinside
CyberMa30147139:hackerinside
CyberMa29848712:hackerinside
CyberMa58066724:hackerinside
CyberMa89126107:hackerinside
CyberMa61319069:hackerinside
CyberMa77284181:hackerinside
CyberMa19539676:hackerinside
CyberMa26031610:hackerinside
CyberMa56970052:hackerinside
CyberMa55325554:hackerinside
CyberMa86439066:hackerinside
CyberMa46785519:hackerinside
CyberMa75444231:hackerinside
CyberMa71545053:hackerinside
CyberMa07858719:hackerinside
CyberMa51535841:hackerinside
CyberMa07486424:hackerinside
CyberMa49696198:hackerinside
CyberMa03466480:hackerinside
CyberMa55796023:hackerinside
CyberMa14311882:hackerinside
CyberMa79117916:hackerinside
CyberMa90331339:hackerinside
CyberMa71147113:hackerinside
CyberMa35276895:hackerinside
CyberMa31886988:hackerinside
CyberMa00404342:hackerinside
CyberMa54000454:hackerinside
CyberMa82101237:hackerinside
CyberMa13054072:hackerinside
CyberMa02506945:hackerinside
CyberMa21259738:hackerinside
CyberMa33604951:hackerinside
CyberMa40049705:hackerinside
CyberMa79395882:hackerinside
CyberMa93429884:hackerinside
CyberMa06662857:hackerinside
CyberMa22894520:hackerinside
CyberMa90178972:hackerinside
CyberMa27679185:hackerinside
CyberMa57238387:hackerinside
CyberMa13882620:hackerinside
CyberMa11528462:hackerinside
CyberMa36897757:hackerinside
CyberMa30178869:hackerinside
CyberMa57943961:hackerinside
CyberMa21390273:hackerinside
CyberMa58626665:hackerinside
CyberMa50361987:hackerinside
CyberMa33531210:hackerinside
CyberMa71142602:hackerinside
CyberMa50315414:hackerinside
CyberMa78290492:hackerinside
CyberMa65014105:hackerinside
CyberMa40013747:hackerinside
CyberMa23457962:hackerinside
CyberMa33146374:hackerinside
CyberMa82035576:hackerinside
CyberMa53602968:hackerinside
CyberMa06015090:hackerinside
CyberMa63888723:hackerinside
CyberMa18565085:hackerinside
CyberMa39916567:hackerinside
CyberMa47575999:hackerinside
CyberMa96077091:hackerinside
CyberMa79658788:hackerinside
CyberMa94709451:hackerinside
CyberMa12652763:hackerinside
CyberMa37809065:hackerinside
CyberMa60431187:hackerinside
CyberMa88087069:hackerinside
CyberMa77278861:hackerinside
CyberMa40858514:hackerinside
CyberMa14640206:hackerinside
CyberMa27869808:hackerinside
CyberMa15624189:hackerinside

Tunggu Update selanjutnya hanya di blog ini...
bsok saya akan membagikan 500 IDs,jam nya saya blum tau...makanya follow ane di @SamuelSynGates

IDS Twitter 13 Maret 2013 #Part 2

Nih Part 2 nya gan,langsung comot...

Follow ME @SamuelSynGates

Please jangan gunakan MASS PASSWORD CHANGER
ini buat kebaikan bersama.

Carrie439167@sina.com:Carrie31900
Martha142308@mailinator.com:Martha51367
Franziska969141@qq.com:Franziska87215
Terryl584152@comcast.net:Terryl91602
Cadie780376@cn21st.com:Cadie88626
Filib894478@sina.com:Filib18393
Barran104021@tom.com:Barran30794
Earnest409617@sterlingtravel.com:Earnest67540
Marquite511475@msn.com:Marquite2075
Wilhelmina493554@sina.com:Wilhelmina42067
Minnette726342@126.com:Minnette53377
Emilij204036@sina.com:Emilij30255
Dag713410@yopmail.com:Dag39020
Horek221872@tom.com:Horek9438
Aleecia626941@onyaz.com:Aleecia76890
Gorka883554@tom.com:Gorka52093
Vassili671870@yahoo.com.tw:Vassili95569
Moyra657426@sohu.com:Moyra61665
Vince364096@aol.com:Vince5649
Carolynn517788@yopmail.com:Carolynn8649
Gaston650943@mail.com:Gaston50781
Gottfried745781@tom.com:Gottfried96798
Sebila523995@sohu.com:Sebila35667
Joycelin80375@sterlingtravel.com:Joycelin99443
Fredson90587@yahoo.com.tw:Fredson13608
Godfrith708097@sterlingtravel.com:Godfrith73056
Ardin7256@126.com:Ardin66027
Xiang508948@aol.com:Xiang29585
Seva391070@cn21st.com:Seva77902
Future502527@sterlingtravel.com:Future21068
Lizanne325804@yahoo.com.cn:Lizanne35731
Mehitabel361112@yahoo.com.hk:Mehitabel25069
Klemonte968668@yahoo.com.hk:Klemonte64460
Salsola27641@cn21st.com:Salsola14479
Syncletica330143@tom.com:Syncletica52912
Mundai281055@tom.com:Mundai66448
Tarbula43756@sina.com:Tarbula52548
Abraomas716870@qq.com:Abraomas54639
Gillespie54356@comcast.net:Gillespie84630
Carryl132123@mail.com:Carryl70780
Minhkhan48439@sina.com:Minhkhan77127
Roeland378279@gmail.com:Roeland15258
Arje764941@sina.com:Arje19322
Pagan849345@comcast.net:Pagan56165
Kelsey473397@yopmail.com:Kelsey47391
Jarita809753@tom.com:Jarita42320
Torkild956694@mailinator.com:Torkild98655
Pavousek450741@comcast.net:Pavousek52816
Maartje527871@mail.com:Maartje91020
Crispianus294334@msn.com:Crispianus74810
Olivette512336@sohu.com:Olivette41234
Anastazie920505@comcast.net:Anastazie13950
BlueSky629385@sina.com:BlueSky92896
Josselin545632@yahoo.com:Josselin90988
Tifaine410841@sina.com:Tifaine25084
Tani700527@aol.com:Tani53516
Haraldo320301@yahoo.com.tw:Haraldo25343
Balawyn23060@yahoo.com:Balawyn36839
Rosticek267513@tom.com:Rosticek84658
Marea988956@gmail.com:Marea12287
Gottfried270676@sohu.com:Gottfried13132
Rosemary63120@sohu.com:Rosemary34720
Meda86787@rocketmail.com:Meda72623
Lumir685894@mail.com:Lumir98521
Stanislaw107463@mail.com:Stanislaw81322
Nels274093@cn21st.com:Nels70157
Tearlach761574@mail.com:Tearlach47757
Ragny27982@sohu.com:Ragny58632
Alette1042@yahoo.com:Alette51471
Stepan48402@qq.com:Stepan81942
Lisabette835025@yahoo.com.cn:Lisabette90367
Patsy435170@sohu.com:Patsy83835
Lyle163343@mail.com:Lyle20313
Maacha883400@yahoo.com.cn:Maacha59438
Barka686422@yopmail.com:Barka91981
Hisae383763@tom.com:Hisae73962
Ema619080@gmail.com:Ema37624
Briannah220564@yopmail.com:Briannah77858
Olya319847@sterlingtravel.com:Olya96722
Kelsie683866@comcast.net:Kelsie5808
Eurwen529715@msn.com:Eurwen7599
Mieke147481@msn.com:Mieke16272
Foke724681@sohu.com:Foke50846
Sapphire945722@gmail.com:Sapphire80407
Sherill947339@yahoo.com.hk:Sherill23894
Laz730786@comcast.net:Laz34174
Valentino444689@yahoo.com:Valentino46242
Serieta190662@msn.com:Serieta16023
Davydas217150@mailinator.com:Davydas80548
Sylvester983221@aol.com:Sylvester71205
Rosamunda224077@comcast.net:Rosamunda5155
Meyer541093@cn21st.com:Meyer44735

Cokkie633742@gmail.com:Cokkie89895
Adai758134@yahoo.com.tw:Adai63695
Tonia203787@sterlingtravel.com:Tonia73274
Vsevolod288373@yahoo.com.hk:Vsevolod12197
Elora369164@mail.com:Elora3768
Archie769731@yahoo.com:Archie13911
Nastka367937@sterlingtravel.com:Nastka62163
Niku171583@comcast.net:Niku86936
Beileag463799@sohu.com:Beileag43158
Jadwiga450391@rocketmail.com:Jadwiga16806
Milka387789@126.com:Milka6639
Cluny462225@yahoo.com.hk:Cluny55286
Miklos789054@yahoo.com.cn:Miklos92548
Eudoksya426609@yahoo.com.tw:Eudoksya23029
Maley856917@sohu.com:Maley44527
Rodney537495@msn.com:Rodney42002
Nicasio629174@onyaz.com:Nicasio95142
Amhlaidh435834@yahoo.com.tw:Amhlaidh30077
Hypatia314754@msn.com:Hypatia88397
Caralyn135236@onyaz.com:Caralyn72049
Bedwin185352@onyaz.com:Bedwin83828
Tete67374@126.com:Tete76581
Angelique389319@sina.com:Angelique53706
Tomasz981583@tom.com:Tomasz95028
Makar839574@mailinator.com:Makar62508
Aulad308905@tom.com:Aulad95703
Fayne719439@yahoo.com.cn:Fayne40845
Ward322549@sina.com:Ward77449
Wing785558@aol.com:Wing53950
Mieke220581@mailinator.com:Mieke89765
Albertus81898@cn21st.com:Albertus68557
Edgyth653901@mailinator.com:Edgyth11957
Crystal581076@aol.com:Crystal33872
Arlynne511591@cn21st.com:Arlynne87183
Ebbo671159@yahoo.com:Ebbo90853
Mietje972715@yopmail.com:Mietje16191
Iago605441@yahoo.com.tw:Iago15775
Imber239909@sina.com:Imber83247
Cassondra84057@sina.com:Cassondra48263
Alseena313504@mail.com:Alseena85416
Keikann563471@sina.com:Keikann99966
Ajha451867@mail.com:Ajha17505
Diogo556450@msn.com:Diogo3992
Granya355522@mailinator.com:Granya62278
Sevastian964711@onyaz.com:Sevastian13681

IDS Twitter 13 Maret 2013

Maaf waktu itu saya janji mau ngasih followers tapi ids nya kehapus...skrng saya mau ngasih gantinya

152 Followers twitter tapi isi dulu form yang ada ya :)


Your Name isi dengan Username Twitter Kalian
Your URL isi dengan alamat Akun Twitter Kalian mis:https://twitter.com/SamuelSynGates


Nih Capek Gw nyuntikinnya hahahaha

CyberTH001:hackerinside
CyberTH002:hackerinside
HackerM92728081:berbagi
HackerM22311295:berbagi
cyber_manado:hackerinside
manado_cyber:hackerinside
cybermanado:hackerinside
InsideMaho:hackerinside
yop_me:hackerinside
BitChInside123:hackerinside
CTHFollowers:hackerinside
CTHFollowers1:hackerinside
CTHFollowers2:hackerinside
CTHFollowers3:hackerinside
CTHFollowers4:hackerinside
CTHFollowers5:hackerinside
CTHFollowers6:hackerinside
CTHFollowers7:hackerinside
CTHFollowers8:hackerinside
CTHFollowers9:hackerinside
CTHFollowers10:hackerinside
CTHFollowers11:hackerinside
CTHFollowers12:hackerinside
CTHFollowers13:hackerinside
CTHFollowers14:hackerinside
CTHFollowers15:hackerinside
CTHFollowers16:hackerinside
CTHFollowers17:hackerinside
CTHFollowers18:hackerinside
CTHFollowers19:hackerinside
CTHFollowers20:hackerinside
Hack4Manado:hackerinside
Hack4Manado1:hackerinside
Hack4Manado2:hackerinside
Hack4Manado3:hackerinside
Hack4Manado4:hackerinside
Hack4Manado5:hackerinside
Hack4Manado6:hackerinside
Hack4Manado7:hackerinside
Hack4Manado8:hackerinside
Hack4Manado9:hackerinside
Hack4Manado10:hackerinside
Hack4Manado11:hackerinside
Hack4Manado12:hackerinside
Hack4Manado13:hackerinside
Hack4Manado14:hackerinside
Hack4Manado15:hackerinside
Hack4Manado16:hackerinside
Hack4Manado17:hackerinside
Hack4Manado18:hackerinside
Hack4Manado19:hackerinside
Hack4Manado20:hackerinside
FuckMe75037993:hackerinside
FuckMe22514228:hackerinside
DeathGates8:hackerinside
DeathGates9:hackerinside
FollowersIndhackerinsideo1
FollowersIndo11:hackerinside
FollowersIndo12:hackerinside
FollowersIndo13:hackerinside
FollowersIndo14:hackerinside
FollowersIndo15:hackerinside
FollowersIndo16:hackerinside
FollowersIndo17:hackerinside
FollowersIndo18:hackerinside
FollowersIndo19:hackerinside
FollowersIndo10:hackerinside
FollowersIndo20:hackerinside
FollowersIndo21:hackerinside
FollowersIndo22:hackerinside
FollowersIndo23:hackerinside
FollowersIndo24:hackerinside
ManadoFollowers:hackerinside
ManadoFollower1:hackerinside
ManadoFollower2:hackerinside
ManadoFollower3:hackerinside
ManadoFollower:hackerinside
HackBinsus:hackerinside
HackBinsus1:hackerinside
HackBinsus2:hackerinside
HackBinsus3:hackerinside
HackBinsus4:hackerinside
HackBinsus5:hackerinside
HackBinsus6:hackerinside
HackBinsus7:hackerinside
HackBinsus8:hackerinside
HackBinsus9:hackerinside
HackBinsus10:hackerinside
HackBinsus11:hackerinside
HackBinsus12:hackerinside
HackBinsus13:hackerinside
HackBinsus14:hackerinside
HackBinsus15:hackerinside
HackBinsus16:hackerinside
HackBinsus17:hackerinside
HackBinsus18:hackerinside
HackBinsus19:hackerinside
HackBinsus20:hackerinside
HackBin01624192:hackerinside
HackBin13717475:hackerinside
HackBin90259028:hackerinside
AnonX41:hackerinside
FollowM61854418:hackerinside
BotFollowers5:hackerinside
BotFollowers6:hackerinside
BotFollowers7:hackerinside
BotFollowers8:hackerinside
BotFollowers11:hackerinside
BotFollowers12:hackerinside
BotFollowers13:hackerinside
BotFollowers14:hackerinside
BotFollowers15:hackerinside
BotFollowers16:hackerinside
BotFollowers17:hackerinside
BotFollowers18:hackerinside
BotFollowers19:hackerinside
BotFollowers20:hackerinside
BotFoll49776846:hackerinside
BotFoll99128429:hackerinside
BotFoll38325064:hackerinside
ScriptFollowers:hackerinside
ScriptFollower1:hackerinside
ScriptFollower2:hackerinside
ScriptFollower3:hackerinside
ScriptFollower4:hackerinside
ScriptFollower5:hackerinside
ScriptFollower6:hackerinside
ScriptFollower7:hackerinside
ScriptFollower8:hackerinside
ScriptFollower9:hackerinside
ScriptFollowe10:hackerinside
ScriptFollowe:hackerinside
ScriptFollowe11:hackerinside
ScriptFollowe12:hackerinside
ScriptFollowe13:hackerinside
MysticFollowers:hackerinside
MysticFollower1:hackerinside
MysticFollower2:hackerinside
MysticFollower3:hackerinside
MysticFollower4:hackerinside
MysticFollower5:hackerinside
MysticFollower6:hackerinside
MysticFollower7:hackerinside
MysticFollower8:hackerinside
MysticFollower9:hackerinside
MysticFollowe10:hackerinside
MysticFollowe:hackerinside
MysticFollowe11:hackerinside
Drowniess3:hackerinside
WeLoveRay1:hackerinside
WeLoveRay2:hackerinside
WeLoveRay3:hackerinside


Cara Membuat Widget Follow Me Twitter

Follow Me On Twitter Widget itu dia istilah kerennya untuk widget ini. Ada berbagai macam jenis widget Follow Me yang sering kita lihat tentunya, mulai dari widget Follow Me animasi sampai yang statis (diam). Dan penempatan widget ini pun bisa dimana saja, bisa di sidebar dan ada juga widget Follow Me yang melayang (floating) bebas ditempatkan di area mana saja. Kali ini saya mau share cara pasang widget follow me twitter melayang aja deh seperti yang ada di blog ini. Sekalian saya kasih 2 tipe sekaligus, yang dengan animasi sama yang statis (diam) alias non animasi biar ngga ada yang minta-minta lagi ya he he.
Widget Follow Me Twitter Melayang dengan Animasi :
1.       Login ke dashboard blogger anda.
2.       Pilih Rancangan > Elemen Laman > Add gadget (HTML/JavaScript).
3.       Copy script dibawah ini dan paste pada gadget.
<a style="display:scroll;position:fixed;bottom:1px;left:1px;" href="http://twitter.com/SamuelSynGates" target="_blank"><object type="application/x-shockwave-flash" data="http://www.buzzbuttons.com/BUTTON8/twitbutton.swf" width="159" height="159"><param name="movie" value="http://www.buzzbuttons.com/BUTTON8/twitbutton.swf" /><param name="allowscriptaccess" value="always" /><param name="menu" value="false" /><param name="wmode" value="transparent" /><param name="flashvars" value="username=http://twitter.com/SamuelSynGates" /></object></a>

4.      Ganti username Twitter http://twitter.com/SamuelSynGates dengan akun twitter anda.
5.       Save / Simpan.
Widget Follow Me Twitter Non Animasi (statis) :
1.       Login ke dashboard blogger anda.
2.       Pilih Rancangan > Elemen Laman > Add gadget (HTML/JavaScript).
3.       Copy script dibawah ini dan paste pada gadget.
<a style="display:scroll;position:fixed;bottom:1px;left:1px;" href="http://twitter.com/SamuelSynGates" target="_blank"><img src="http://www.twitterbuttons.org/images/twitter-9a.png" width="150" height="124" border="0" /></a>

4.      Ganti username Twitter http://twitter.com/SamuelSynGates dengan akun twitter anda.
5.       Save / Simpan.
Nah untuk widget follow me twitter yang kedua, sobat dapat menggonta-ganti gambar buttonnya dengan koleksi gambar button follow me yang ada disini http://www.twitterbuttons.org/index.html. Caranya tinggal ganti URL button yang saya tandai dengan warna biru dengan URL button twitter pilihan. Ada puluhan button twitter follow me yang bisa sobat pilih. Contoh gambar-gambarnya yang ada dibawah ini nih :





Oke sobat, sekian dulu sharing kali ini tentang cara memasang widget follow me twitter melayang. Semoga bisa memenuhi keinginan sobat blogger yang pernah menanyakan cara membuat widget follow me ini pada saya beberapa waktu yang lalu. Don’t forget to follow me OK !

Cara Membuat Floating Share Button di Blog

Membuat share artikel melayang (floating button) ini merupakan kelanjutan dari posting saya sebelumnya Cara Memasang Button Share Artikel di Blog. Bedanya kalau tombol share melayang ini hanya untuk berbagi artikel ke 4 layanan social bookmark saja yaitu share artikel ke Facebook, Twitter, Google Buzz dan Google Plus One ( +1 ). Yang penting bisa berbagi artikel postingan lah.
Baik sobat langsung saja nih cara memasang share button melayang di blog :
1.       Login ke dashboard blogger anda.
2.       Pilih Rancangan > Elemen Laman > Add gadget (HTML/JavaScript).
3.       Copy script dibawah ini dan paste kedalam gadget baru tadi.
 
<style>
#pageshare {position:fixed; bottom:15%; margin-left:-71px; float:left; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#fff;padding:0 0 2px 0;z-index:10;}
#pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;}
.fb_share_count_top {width:48px !important;}
.fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}
.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;/*bs-fsmsb*/-webkit-border-radius:3px;}
.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}
</style>
<div id="pageshare" title="Get this code from rayhanzhampiet.blogspot.com">
<div class="sbutton" id="fb">
<a href="http://www.facebook.com/sharer.php" name="fb_share" type="box_count">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript">
</script></div>
<div class="sbutton" id="rt">
<script src="http://tweetmeme.com/i/scripts/button.js" type="text/javascript">
</script></div>
<div class="sbutton" id="gb">
<a class="google-buzz-button" data-button-style="normal-count" href="http://www.google.com/buzz/post" title="post on google buzz">
<script src="http://www.google.com/buzz/api/button.js" type="text/javascript">
</script>
</a></div>
<div class="sbutton" id="gplusone">
<script src="http://apis.google.com/js/plusone.js" type="text/javascript">
</script>
<g:plusone size="tall"></g:plusone></div>
</div>
4.       Save / Simpan.

Update 5 Maret 2012 :

Cara pemasangan widget pada template:
  1. Ganti/edit kode #pageshare {position:fixed; bottom:15%; margin-left:-71px; float:left; dengan kode ini #pageshare {display:scroll;position:fixed;top:165px;left:30px;
  2. Login ke dashboard blogger, pilih Rancangan > Edit HTML
  3. Letakkan script widget tepat diatas kode   pada template.
  4. Save / Simpan.
Cukup singkat bukan ternyata cara pasang share artikel melayang di blogspot ini ? Selamat mencoba cara membuat share artikel blog ini dan semoga sobat puas dengan hasilnya.

Cara Membuat Widget Daftar Menu Blog Otomatis

  Daftar menu blog yang biasanya ditempatkan pada sidebar blog ini ada juga yang menyebutnya dengan table of content. Cara membuat table of content ini sedikit berbeda dengan daftar isi blog otomatis yang pernah saya posting sebelumnya. Pada widget daftar menu otomatis ini sudah dilengkapi fungsi scroll dan pengunjung blog anda dapat mempercepat pencarian artikel dengan menggunakan opsi pilihan label, title, tanggal posting serta dapat juga menampilkan seluruh isi blog jika kita memilih opsi “All label”. Pada script daftar menu blog yang mau saya share ini, mampu menampilkan sampai max 500 halaman posting. Jika blog anda sudah memiliki lebih dari 500 halaman posting, tinggal diganti saja angka 500 dengan angka 1000 beres !. Dan satu lagi kelebihannya : jika anda mengklik icon panah hitam yang ada didepan judul posting, maka akan memunculkan ringkasan artikel tersebut sepanjang 250 kata. Klik kembali icon panah tersebut untuk menyembunyikan ringkasan.
Cara Membuat Daftar Menu/Isi Di Sidebar Blog :
1.       Login ke dashboard blogger anda.
2.       Pilih Rancangan > Elemen Laman > Add gadget (HTML/JavaScript).
3.       Copy script dibawah ini dan paste pada gadget.
<div style="background:#FFFFFF; no-repeat scroll 0 0; border:2px solid #FFFFFF; height:310px; overflow:auto; padding:10px; width:260px;">
<div id="cl_option">
Loading... </div>
<div id="cl_content_list">
</div>
<script type="text/javascript">
var jumlah_kata_dalam_ringkasan = 250;
</script>
<script src="http://raihanun.googlecode.com/files/DaftarMenuOtomatis.js">
</script>
<script src="http://rayhanzhampiet.blogspot.com/feeds/posts/default?alt=json-in-script&amp;callback=onLoadFeed&amp;max-results=500">
</script></div>
4.       Silahkan edit pada lebar (width) dan tinggi (height) pada script ini untuk menyesuaikan dengan lebar sidebar blog anda. Dan ganti juga nama blognya dengan nama blog anda.
5.       Save / Simpan.
Cukup mudah bukan cara membuat widget daftar menu blog ini ? Mudah-mudahan postingan ini bisa menjawab keinginan sobat-sobat yang “mungkin” saja salah alamat datang ke blog ini.

Cara Membuat Widget Random Post

Cara Membuat Random Post
Tips blogging kali ini saya ingin berbagi tentang bagaimana cara membuat widget random post, topik usang tapi masih banyak dicari oleh para newbie. Widget Random Post atau posting acak adalah satu dari sekian banyak pilihan widget yang bisa kita pasang di sidebar blog kita. Pada widget random post ini semua posting yang ada di blog, baik posting lama maupun postingan terbaru akan ditampilkan secara acak setiap kali kita membuka tab baru. Seperti apa cara membuat widget random post ini, ikuti langkah-langkahnya seperti dibawah ini :
  • Login ke dashboard blogger anda.
  • Pilih Rancangan >> Elemen Laman >> Tambah gadget (Add gadget) pilih HTML/JavaScript.
  • Copy script dibawah ini dan paste pada gadget yang baru dibuat tadi.

<script type="text/javascript"> var randarray = new Array();var l=0;var flag; var numofpost=10;function randomposts(json){ var total = parseInt(json.feed.openSearch$totalResults.$t,10); for(i=0;i < numofpost;){flag=0;randarray.length=numofpost;l=Math.floor(Math.random()*total);for(j in randarray){if(l==randarray[j]){ flag=1;}} if(flag==0&&l!=0){randarray[i++]=l;}}document.write('<ul>'); for(n in randarray){ var p=randarray[n];var entry=json.feed.entry[p-1]; for(k=0; k < entry.link.length; k++){if(entry.link[k].rel=='alternate'){var item = "<li>" + "<a href=" + entry.link[k].href + ">" + entry.title.$t + "</a> </li>"; document.write(item);}} }document.write('</ul>');} </script> <script src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts" type="text/javascript"></script>
  • Simpan dan preview hasilnya dengan mengklik Pratinjau.
  • Selesai
Dengan adanya widget random post ini maka setiap pengunjung blog anda juga dapat langsung melihat postingan apa saja  yang ada di blog sobat. OK sobat, demikian langkah singkat cara membuat widget random post dari saya. Selamat mencoba untuk anda dan salam blogger.

Cara Membuat Widget Buku Tamu Melayang Floating Widget



  Widget buku tamu/guestbook melayang atau floating widget biasanya digunakan untuk buku tamu/guest book (shoutmix atau cbox) atau widget seperti statistik blog dan lain-lain terserah yang mau memakai saja. Kelebihan utama dari widget ini adalah bisa disembunyikan (sistem buka-tutup) dan bisa diletakkan dibagian tepi kiri, kanan atau bawah, sehingga bisa menghemat tempat pada sidebar.
Cara membuat buku tamu (guest book) / chatbox melayang :
1.    Daftar dulu di Shoutmix atau Cbox, pilih salah satu saja.
2.  Isikan data yang diminta dengan lengkap, jika sudah selesai ambil kode shoutmix yang diberikan dan simpan dulu di notepad.
3.    Selanjutnya login ke dashboard blogger anda.
4.    Pilih Rancangan > Elemen Laman > Add gadget (HTML/JavaScript).
5.  Copy kode script dibawah ini dan paste pada gadget, kemudian masukkan kode shoutmix anda pada bagian yang saya tandai dengan tulisan warna merah.

<!-- Mulai Hidden Widget -->
<style type="text/css">
.rifaldhi_fixed{
position:fixed;
top:180px; /*jarak dari atas*/
right:0px;
z-index:+1000;
}
* html .rifaldhi_fixed {position:relative;}
#hidden_rifaldhi {
display:none;
border:2px solid #616258; /*ketebalan dan warna kotak*/
-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;
background:#f1f1ea; /*warna latar*/
padding:3px 10px 0px 10px;
}
</style>
<div class="rifaldhi_fixed">
<table id="hidden_rifaldhi" cellpadding="0" cellspacing="0">
<tr><td>
<!-- Gambar Atas -->
<div style="text-float:right"><a href="javascript:void(0)" onclick="rifaldhi_showHiderifaldhi()" title="Close/Tutup"><img style="border:0px; width:auto; height:auto;" alt="Guestbook" src="http://blog.akakom.ac.id/marcell/files/close.png" /></a></div>

LETAKKAN KODE GUESTBOOK/SHOUTMIX/CBOX/SHOUTCAMP ANDA DISINI

<br/>
<script type="text/javascript" src="http://bukutamu-zies-name.googlecode.com/files/bukutamu-zies-name.js"></script>
</td></tr></table></div>
<!-- Gambar Samping -->
<div style="z-index:+5" class="rifaldhi_fixed">
<a href="javascript:void(0)" onmouseover="rifaldhi_showHiderifaldhi()">
<img style="border:0px;" src="http://img221.imageshack.us/img221/4097/bukutamu3c.png" /></a>
</div>
<!-- Selesai Hidden Widget -->
6.    Preview dulu untuk  melihat hasilnya.
7.  Edit kode shoutmix pada bagian width dan height untuk mengatur lebar dan tinggi kotak widget sesuai keinginan. Sobat juga dapat melakukan editing pada bagian CSS untuk mengganti kode warna background atau mengganti URL gambar button dengan URL gambar anda sendiri. Silahkan bereksplorasi sendiri saja ya. Saran saya buatlah blog khusus untuk tempat uji coba sobat.
8.  Jika sudah beres Simpan/Save gadgetnya.
Dengan adanya widget guest book/buku tamu melayang seperti ini jadi memudahkan kita berinteraksi dengan pengunjung blog. Karena banyak juga pengunjung blog yang kadang malas menulis di kotak komentar namun hanya ingin sekedar menyapa melalui widget buku tamu shoutmix/cbox ini.

Cara Membuat Scroll pada Kotak Komentar dengan Menggunakan CSS


Hayoo..siapa yang mau membuat scroll pada kotak komentar blognya dengan menggunakan CSS silahkan mampir disini…(he he kayak orang mau jualan aja..!). Soalnya saya juga lagi bingung mau mulai dengan kalimat apa diawal tulisan, yang jelas topik kali ini memang mau membahas tuntas..tas..tentang cara membuat/menambahkan scroll pada kotak komentar dengan menggunakan CSS. Jika jumlah komentar pada sebuah artikel di blog sobat sudah banyak mungkin 20-50 komentar, tentunya pengunjung lain yang ingin berkomentar sedikit kerepotan karena harus scroll sampai bawah untuk menemukan kotak komentarnya. Nah solusi jitu untuk hal yang seperti ini, sobat bisa membuatkan scroll langsung pada kotak komentar agar lebih memudahkan pengunjung sekaligus membuat tampilan blog jadi lebih simple.
Berikut ini langkah-langkah cara menambahkan/membuat scroll pada kotak komentar :
1.    Login ke dashboard blogger anda.
2.    Pilih Rancangan > Edit HTML, centang Expand widget template.
3.    Carilah kode CSS kotak komentar dengan bantuan Ctrl+F, biasanya ditandai dengan kode #comments-block{.
4.    Tambahkan kode CSS dibawah ini setelah kode  tadi.
max-height:300px;border:1px solid #eee;overflow:auto;
5.    Biar lebih jelas lagi saya berikan ilustrasi kode CSS pada kotak komentar blog ini SEBELUM dan SESUDAH dilakukan perubahan.
Kode CSS kotak komentar SEBELUM dirubah :
#comments-block{border:0px dotted #ccc;width:507px;margin:1.3em 0 1.5em;line-height:1.6em}
Kode CSS kotak komentar SESUDAH dirubah :
#comments-block{max-height:300px;border:1px solid #eee;overflow:auto;width:507px;margin:1.3em 0 1.5em;line-height:1.6em}
6.    Ukuran tinggi kotak komentar 300px, jenis border 1px solid serta warna border #eee dapat dirubah sesuai selera anda.
7.    Jika sudah selesai, SAVE template anda.
Well..sekarang tampilan kotak komentar jadi lebih rapi bukan ? Kalo gitu segera saja sobat membuat scroll pada kotak komentar blog anda dengan sedikit menambahkan kode CSS saja, sehingga tampilan blognya juga jadi lebih simple dan rapi serta nyaman dipandang. Semoga tips blogging ini bermanfaat.

Cara Membuat Button/Tombol Efek Animasi Bubble dengan Menggunakan CSS3

Pastinya sobat blogger sudah pernah melihat di blog lain ada dipasang button/tombol dengan animasi bubble atau seperti ada gelembung-gelembung balon didalam button/tombol tersebut. Button/tombol biasanya dibuat untuk meletakkan link download atau link lain tergantung kemauan si pengguna atau si pemasang tombol. Pada tips blogging ini saya mau berbagi mengenai cara membuat button/tombol dengan efek animasi bubble menggunakan CSS3. Namun sebelumnya silahkan dilihat dulu preview dari button animated bubble yang dibuat menggunakan CSS3 dibawah ini.





Demo BIG Demo MEDIUM Demo SMALL


Button/tombol yang dibuat terdiri dari 3 size atau ukuran yaitu besar, sedang dan kecil. Untuk kode button/tombolnya seperti yang saya tuliskan dibawah ini yang terbagi dalam 4 warna pilihan, sobat tinggal pilih ukuran dan warna yang sesuai yang diinginkan.
Kode button/tombol besar :
<a class="button big blue" href="LINK">LINKNAME</a>
<a class="button big green" href="LINK">LINKNAME</a>
<a class="button big orange" href="LINK">LINKNAME</a>
<a class="button big gray" href="LINK">LINKNAME</a>
Kode button/tombol sedang :
<a class="button blue medium" href="LINK">LINKNAME</a>
<a class="button green medium" href="LINK">LINKNAME</a>
<a class="button orange medium" href="LINK">LINKNAME</a>
<a class="button gray medium" href="LINK">LINKNAME</a>
Kode button/tombol kecil :
<a class="button small blue" href="LINK">LINKNAME</a>
<a class="button small green" href="LINK">LINKNAME</a>
<a class="button small orange" href="LINK">LINKNAME</a>
<a class="button small gray" href="LINK">LINKNAME</a>
Ganti tulisan Link dengan link referensi tujuan jika button/tombol animasi bubble tersebut diklik, kemudian ganti juga tulisan Link-Name dengan nama button atau tulisan yang akan terlihat didalam button. Untuk penempatan kodenya bisa ditempatkan didalam postingan atau kalo mau meletakkannya didalam template maka letakkan dimana saja atau diantara kode <body> dan kode </body>  pada template anda. Eeiiitt…sabar jangan di save dulu templatenya karena masih ada kode CSS yang harus sobat masukkan pada template agar button/tombol dengan efek animasi bubble tadi berfungsi dengan baik.



Copy kode CSS diatas  kemudian paste tepat diatas kode  ]]></b:skin> pada template anda. Nah sekarang barulah SAVE template anda dan coba lihat hasilnya. Dengan menggunakan button/tombol efek animasi bubble ini pastinya button yang dibuat jadi kelihatan keren dan menarik. Selamat mencoba

Cara Membuat Menu Navigasi Rocking Rolling Rounded

Pertama kali melihat tampilan Rocking Rolling Rounded Menu dengan JQuery dan CSS3 ini langsung membuat saya kepincut. Pada versi awal dari menu Rocking Rolling ini hanya menggunakan efek sliding seperti yang dapat sobat lihat di http://tympanus.net/Tutorials/RockingRollingMenu/. Namun dalam versi yang saya share kali ini terdapat penambahan  efek animasi icon menu yang berputar menggunakan jquery sehingga tampilannya menjadi lebih bagus dan menarik. Selanjutnya tinggal pilih tempat terbaik untuk meletakkan menu ini, misalnya diatas header atau dibawah header. Sudah pasti tampilan blog sobat akan menjadi tambah keren dah !!





VIEW DEMO HERE


Membuat Rocking and Rolling Rounded Menu dengan Jquery dan CSS3 :

1.  Pastikan dalam template sobat sudah dilengkapi dengan JQuery 1.3.2 ya. Kalau belum pasang aja script dibawah ini dan letakkan diatas kode </head>.
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>

2.  Kemudian letakkan juga kode dibawah ini sesudah atau tepat dibawah kode JQuery 1.3.2 tadi.
<script src='http://raihanun.googlecode.com/files/jquery-animate-css-rotate-scale.js' type='text/javascript'/>

<script src='http://raihanun.googlecode.com/files/jquery-css-transform.js' type='text/javascript'/>

3.  Selanjutnya copy kode CSS dibawah ini dan paste tepat di atas kode ]]></b:skin>  dalam template.
#rocking-rolling{
width:auto;
height:52px;
text-align:left;
font-family:"Trebuchet MS",sans-serif;
font-size:16px;
font-style:normal;
font-weight:bold;
text-transform:uppercase;
}

#rocking-rolling h2,#rocking-rolling p, #rocking-rolling form{
/* netralisasi tampilan elemen heading, paragraf dan formulir */
margin:0 0 0 0;
pading:0 0 0 0;
border:none;
background:transparent;
}

#rocking-rolling .item{
position:relative;
background-color:#f0f0f0;
float:right;
width:52px;
margin:0px 5px; height:52px;
border:2px solid #ddd;
-moz-border-radius:30px;
-webkit-border-radius:30px;
border-radius:30px;
-moz-box-shadow:1px 1px 3px #555;
-webkit-box-shadow:1px 1px 3px #555;
box-shadow:1px 1px 3px #555;
cursor:pointer;
overflow:hidden;
}

#rocking-rolling .link{
left:2px; top:2px;
position:absolute;
width:48px;
height:48px;
}

#rocking-rolling .icon_home{
background:transparent url(http://3.bp.blogspot.com/-fuX8vT6cIzs/TlXFJXROx2I/AAAAAAAAAxE/D1kiRmSFBy4/s1600/home.png) no-repeat top left;
}

#rocking-rolling .icon_mail{
background:transparent url(http://2.bp.blogspot.com/-FaTjV0LsMXQ/TlXFJ_5vpxI/AAAAAAAAAxc/JRPFgDCZ6lg/s1600/mail.png) no-repeat top left;
}
#rocking-rolling .icon_help{
background:transparent url(http://4.bp.blogspot.com/-l7M2zGOJAQo/TlXFJ0YZR6I/AAAAAAAAAxM/32acLuLn_r8/s320/help.png) no-repeat top left;
}

#rocking-rolling .icon_find{
background:transparent url(http://4.bp.blogspot.com/-ZIEGzN0LZCg/TlXFJ8WVzEI/AAAAAAAAAxU/2-oDKLYjsKw/s1600/find.png) no-repeat top left;
}

#rocking-rolling .icon_photos{
background:transparent url(http://4.bp.blogspot.com/-IwFEevO-np8/TlXFKFu47FI/AAAAAAAAAxk/aejG1YmQumc/s1600/photos.png) no-repeat top left;
}

#rocking-rolling .item_content{
position:absolute;
height:52px;
width:220px;
overflow:hidden;
left:56px;
top:7px; background:transparent; display:none;
}

#rocking-rolling .item_content h2{
color:#aaa;
text-shadow:1px 1px 1px #fff;
background-color:transparent;
font-size:14px;
}

#rocking-rolling .item_content a{
background-color:transparent;
float:left;
margin-right:7px;
margin-top:3px;
color:#bbb;
text-shadow:1px 1px 1px #fff;
text-decoration:none;
font-size:12px;
}

#rocking-rolling .item_content a:hover{
color:#0b965b;
}

#rocking-rolling .item_content p{
background-color:transparent;
text-transform:none;
font-weight:normal !important;
display:none;
}

#rocking-rolling .item_content p input{
border:1px solid #ccc;
padding:1px;
width:155px; float:left;
margin-right:5px;
box-shadow:none;
-moz-box-shadow:none;
-webkit-box-shadow:none;
}

4.  Terakhir adalah tag HTML untuk memanggil menu navigasi Rocking Rolling Rounded yang dapat diletakkan dimana sobat menginginkan menu ini tampil, misalnya dibawah header atau di atas header. Posisi header dalam template biasanya ditandai dengan kode <div id='header-wrapper'>.
<div id='rocking-rolling'>
<div class='item'>
<a class='link icon_mail'></a>
<div class='item_content'>
<h2>KONTAK SAYA</h2>
<p>
<a href='#'>Email</a>
<a href='#'>Twitter</a>
<a href='#'>Facebook</a>
</p>
</div>
</div>

<div class='item'>
<a class='link icon_help'></a>
<div class='item_content'>
<h2>BANTUAN</h2>
<p>
<a href='#'>Buku Tamu</a>
<a href='#'>Lapor</a>
<a href='#'>Kritik dan Saran</a>
</p>
</div>
</div>

<div class='item'>
<a class='link icon_find'></a>
<div class='item_content'>
<h2>TELUSURI</h2>
<p>
<form expr:action='data:blog.homepageUrl + &quot;search/&quot;' method='get'><input name='q' type='text'/></form>
</p>
</div>
</div>

<div class='item'>
<a class='link icon_photos'></a>
<div class='item_content'>
<h2>GALERI FOTO</h2>
<p>
<a href='#'>Kategori</a>
<a href='#'>Arsip</a>
<a href='#'>Daftar Isi</a>
</p>
</div>
</div>

<div class='item'>
<a class='link icon_home'></a>
<div class='item_content'>
<h2>MULAI DARI SINI</h2>
<p>
<a href='#'>Pelayanan</a>
<a href='#'>Portfolio</a>
<a href='#'>Pembayaran</a>
</p>
</div>
</div>

<div style='clear:both;'></div>
</div>

<script type='text/javascript'>  function collapse(a){var b=1440;var c=setInterval(function(){if(b==0){clearInterval(c);return}b-=40;$('.link',a).stop().animate({rotate:'+=40deg'},0)},10);a.stop().animate({width:'52px'},1e3).find('.item_content').stop(true,true).fadeOut().find('p').stop(true,true).fadeOut()}function expand(a){var b=0;var c=setInterval(function(){if(b==1440){clearInterval(c);return}b+=40;$('.link',a).stop().animate({rotate:'+=-40deg'},0)},10);a.stop().animate({width:'268px'},1e3).find('.item_content').fadeIn(400,function(){$(this).find('p').stop(true,true).fadeIn(600)})}$('.item').hover(function(){var a=$(this);expand(a)},function(){var a=$(this);collapse(a)})  </script>


5.  Silahkan diedit JUDUL MENU, NAMA MENU serta Link Referensi # sesuai keinginan sobat.
6.  Save template anda.

 Selamat bereksprimen coba Membuat Rocking Rolling Rounded Menu dengan JQuery ini, kalo belum berhasil coba terus aja yaaacchh…!! Salam Blogger and happy nice blogging !
 
Terima Kasih Atas Kunjungan Anda.Kunjungi Terus Blog Saya Agar Mendapatkan Postingan Postingan Terupdate . Gunakan Google Chrome Terbaru Untuk Melihat Tampilan Sempurna Blog Ini