BALE-BALE PALUPUH

Mengganti Postingan Lama Dan Postingan Baru Dengan Gambar/Icon

AbahVsan | 15.52 | 0 comments

Untuk mengganti Posting lama serta Posting baru dengan icon, langkah pertama tentu saja anda harus mempersiapkan icon yang akan di pakai. Sebagai contoh saya mempunyai icon seperti ini :

Uploadlah icon-icon yang anda miliki ke server tempat anda biasa menyimpan gambar, kemudian catat URl nya. Contoh saya mempunyai alamat icon icon di atas sebagai berikut :
http://i1128.photobucket.com/albums/m498/abahvsan/back2.png?imgmax=800
http://i1128.photobucket.com/albums/m498/abahvsan/forward2.png?imgmax=800
http://i1128.photobucket.com/albums/m498/abahvsan/System-Home-icon2.png?imgmax=800

Ubahlah kode di atas menjadi seperti ini :
<img alt='Next' border='0' src='http://i1128.photobucket.com/albums/m498/abahvsan/back2.png?imgmax=800' title='Postingan Baru'/>
<img alt='previous' border='0' src='http://i1128.photobucket.com/albums/m498/abahvsan/forward2.png?imgmax=800' title='Postingan Lama'/>
<img alt='home' border='0' src='http://i1128.photobucket.com/albums/m498/abahvsan/System-Home-icon2.png?imgmax=800' title='home'/>

Jika anda sudah mempunyai kode seperti diatas, langkah selanjutnya adalah tinggal memasukannya ke kode template anda, caranya seperti ini :

Login ke blogger dengan ID anda
Klik Tata Letak.
Klik tab Edit HTML
Klik tulisan “Download Full Template”, silahkan di backup dulu template anda (penting)
Beri tanda centang pada kotak kecil di samping tulisan Expand Widget Template
Tunggu beberapa saat sampai proses selesai.
Cari kode berikut pada template anda :
<span id='blog-pager-newer-link'>
     <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
     </span>
   </b:if>
   <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 + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
     </span>
   </b:if>
   <b:if cond='data:blog.homepageUrl != data:blog.url'>
     <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
     <b:else/>
     <b:if cond='data:newerPageUrl'>
       <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
     </b:if>
   </b:if>
Perhatikan kode yang saya cetak merah.
Gantilah kode <data:newerPageTitle/>, <data:olderPageTitle/> , dan <data:homeMsg/> dengan kode icon anda. Contoh
<span id='blog-pager-newer-link'>
     <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><img alt='Next' border='0' src='http://i1128.photobucket.com/albums/m498/abahvsan/back2.png?imgmax=800' title='Next'/></a>
     </span>
   </b:if>
   <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 + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><img alt='previous' border='0' src='http://i1128.photobucket.com/albums/m498/abahvsan/forward2.png?imgmax=800' title='previous'/></a>
     </span>
   </b:if>
   <b:if cond='data:blog.homepageUrl != data:blog.url'>
     <a class='home-link' expr:href='data:blog.homepageUrl'><img alt='home' border='0' src='http://i1128.photobucket.com/albums/m498/abahvsan/System-Home-icon2.png?imgmax=800' title='home'/></a>
     <b:else/>
     <b:if cond='data:newerPageUrl'>
       <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
     </b:if>
   </b:if>
Klik tombol Simpan Template
Selesai

Selamat mencoba!

Tips-Trik Blog

Cara Membuat Navigasi Horizontal Dropdown

AbahVsan | 02.03 | 0 comments

Apa itu Navigasi ? Navigasi adalah menu untuk penentu arah atau penunjuk posisi. Setiap blog atau situs menurut saya harus bahkan wajib memiliki menu navigasi sebagai penuntun untuk pengunjung blog kita.
Lalu seperti apa menu navigasi horizontal drop down, silahkan lihat screen di bawah ini..

Cara Membuat Navigasi Horizontal Drop Down :

Masuk blogger > rancangan > edit html > centang expand template widget
Cari kode ]]></b:skin> kemudian pastekan kode di bawah ini tepat di atas kode ]]></b:skin>

#NavbarMenu{background:#000000; width:960px; height:32px; color:#5A6C8C; margin:0 auto; padding:0 5px; font:bold 8px Arial, Tahoma, Verdana; border-top:1px solid #666; border-bottom:1px solid #666;}
#NavbarMenuleft{width:700px; float:left; margin:0; padding:0;}
#search{width:240px; font-size:11px; float:right; margin:0; padding:0;}
#nav{margin:0; padding:0;}
#nav ul{float:left; list-style:none; margin:0; padding:0;}
#nav li{list-style:none; margin:0; padding:0; text-shadow:1px 1px 1px #000;}
#nav li a, #nav li a:link, #nav li a:visited{color:#fff; display:block; text-transform:uppercase; margin:0; padding:9px 15px 9px; font:bold 11px Arial, Times New Roman;}
#nav li a:hover, #nav li a:active{background:#4a4d4c; color:#fff; padding:9px 15px 9px; text-decoration:none;}
#nav li li a, #nav li li a:link, #nav li li a:visited{background:#000000; width:150px; color:#e5e3e3; text-transform:capitalize; float:none; margin:0; padding:3px 10px; border-bottom:1px solid #151f23; border-left:px solid #151f23; border-right:2px solid #151f23; font:normal 14px Georgia, Times New Roman;}
#nav li li a:hover, #nav li li a:active{background:#4a4d4c; color:#fff; padding:3px 10px;}
#nav li{float:left; padding:0;}
#nav li ul{z-index:9999; position:absolute; left:-999em; height:auto; width:170px; margin:0; padding:0;}
#nav li ul a{width:140px;}
#nav li ul ul{margin:-24px 0 0 170px;}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul{left:-999em;}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul{left:auto;}
#nav li:hover, #nav li.sfhover{position:static;}
#searchbox{padding:0; margin:0;}
#search input{background:#fff; color:#000; float:left ;margin:5px 0 0 10px; width:168px; padding:3px 7px; border:1px solid #cdcdcd; font:normal 11px arial, verdana, Times New Roman;}
#search .btn{background:#333; color:#fff; font-size:11px; margin:5px 0 0 3px; padding:2px; width:30px; cursor:pointer; border-left:1px solid #666; border-top:1px solid #666; border-right:2px solid #111; border-bottom:2px solid #111;}
#top{background:#f6f6f6; margin:10px auto 0; padding:10px; width:918px; border:1px solid #ccc; word-wrap: break-word; overflow: hidden; font-size:13px;}
#top a, #top a:visited{font-weight: normal; color: #00338F; text-decoration: none;}
#top a:hover{color:#cc0000; text-decoration: underline;}
#top p {font-size: 14px; font-weight: bold; padding: 0; margin: 0;}
.topleft {width: 304px; float: left; margin: 0; padding:0;}
.topleft img a, .topleft img {border:1px solid #ccc; margin: 0; padding: 1px;}
.topright {width: 600px; float: right; margin:0; padding:0; text-transform: normal;}

setelah itu save template.
Cara pertama :
Kemudian masuk ke Rancangan >> Page Element >> Add a Gadget >>HTML/Javascript
pastekan script di bawah ini pada box HTML/Javascript

<div id='outer'>
<div id='navbarmenu'>
<div id='navbarmenuleft'>
<ul id='nav'>
<li><a href="http://www.abahvsan.blogspot.com/">Home</a></li>
<li><a href='#'>Ubuntu</a>
<ul>
<li><a href="http://www.abahvsan.blogspot.com/search/label/Tips%20And%20Tricks">Tips And Tricks</a></li>
<li><a href="http://www.abahvsan.blogspot.com/search/label/Applications">Applications</a></li>
<li><a href="http://www.abahvsan.blogspot.com/search/label/Info%20And%20Reviews">Info And Reviews</a></li>
<li><a href="http://www.abahvsan.blogspot.com/search/label/Memperbaiki%20Resolusi%20SIS671%20Di%20Ubuntu">Driver SIS 671 Ubuntu</a></li>
<li><a href="http://www.abahvsan.blogspot.com/search/label/Pemrograman%20Gambas">Pemrograman Gambas</a></li>
<li><a href="http://www.abahvsan.blogspot.com/search/label/Repository%20Lokal">Repository Lokal</a></li>
</ul></li>
<li><a href='#'>Gimp</a>
<ul>
<li><a href="http://www.abahvsan.blogspot.com/search/label/Gimp%20Tutorial">Gimp Tutorial</a></li>
</ul></li>
<li><a href='#'>Tutorial Blog</a>
<ul>
<li><a href="http://www.abahvsan.blogspot.com/search/label/Tutorial%20Blog">Tips Tricks Blogspot</a></li>
</ul></li>
<li><a href='#'>Seo</a>
<ul>
<li><a href="http://www.abahvsan.blogspot.com/search/label/SEO">Tips Tricks Seo</a></li>
<li><a href="http://www.abahvsan.blogspot.com/resources/parse_html.php" target="_blank">Parse html</a></li>
<li><a href="http://www.abahvsan.blogspot.com/2011/07/manfaat-ping-blog.html">Ping Blog</a></li>
<li><a href="http://www.abahvsan.blogspot.com/2011/07/submit-artikel-ke-social-bookmark.html">Social Bookmark</a></li>
</ul></li>
<li><a href='#'>Ebook</a>
<ul>
<li><a href="http://www.abahvsan.blogspot.com/search/label/Ebook">Free Ebook</a></li>
</ul></li>
<li><a href="http://www.abahvsan.blogspot.com/2009/12/daftar-isi.html">Daftar Isi</a></li>
<li><a href="http://www.abahvsan.blogspot.com/2009/12/link-exchange.html">Link Exchange</a></li>
</ul>
</div></div></div>

Setelah itu pada HTML/JavaScript yang telah di buat tadi sobat atur posisinya simpan di bawah header.
Atau bisa juga pakai cara kedua :
cari kode </body> kemudian copy script (script yang ada di cara pertama) pastekan di atas kode </body>

Tips-Trik Blog

Top 100 Free Software

AbahVsan | 20.07 | 0 comments

No	Program	Download
1.	AVG AntiVirus Free 10.0.1209a3533 Use the AVG Anti-Virus System to reliably protect your computer.	1004606
2.	Youtube Video Downloader 2.5.4 Software to download and convert YouTube videos.	920296
3.	CheatBook-DataBase 2009 v1.0 Cheat-code tracker for games on the PC and 17 different Consoles.	636548
4.	Risingware Exp+ Free Edition 3.1.0 Integrates a Dual-panel File Manager, a multi-tabbed Browser based on IE, and Utilities.	616719
5.	Stress Relief 2.0 Virtually pound your computer into submission with multiple weapons.	614506
6.	DirectX 9.0c Redistributable June 2010 Advanced suite of multimedia APIs built into Microsoft Windows operating systems.	613852
7.	avast! Free Antivirus 6.0.1000 Free antivirus for home use - scans for viruses, worms and Trojans.	585231
8.	Download Accelerator Plus 9.6.0.7 Push your downloads into high-speed with DAP.	530491
9.	Super 2011 Build 47 Simplified Universal Player Encoder and Renderer is a GUI to ffmpeg, mencoder, mplayer.	495718
10.	Continuum 0.40 Massively Multiplayer Spaceship Game.	470149
11.	Knight Online v1.800 Knight Online is a massively multiplayer online role-playing game.	459548
12.	Fat32Formatter 1.0 Format drives larger than 32GB to FAT32.	403717
13.	Spybot - Search and Destroy 1.6.2 Search your hard disk and Registry for threats to your security and privacy.	397267
14.	McAfee SuperDAT Update 6303 Update your McAfee based scan engine and virus pattern.	386205
15.	Little Fighter 2 A fighting game which features adolescents fighting on the street.	384172
16.	PaintStar v2.70 PaintStar is a versatile digital image processing software.	377004
17.	CheatBook-DataBase 2010 A freeware cheat-code tracker with hints for several popular PC and 18 console gaming systems.	374954
18.	MediaCoder 2011 RC3 A free audio/video batch transcoder.	372392
19.	CDBurnerXP Pro Portable 4.3.8.2523 CD/DVD burning solution. Includes ISO burning/creation, and a lot more.	369673
20.	K-Lite Mega Codec Pack 7.0.0 Includes codecs and related tools needed to play your audio and video files.	344284
21.	MPlayer for Windows (2011-03-27) Award-winning OpenSource media player.	336259
22.	Norton Antivirus Definition Updates (Windows All) 04-01-2011 Latest virus definition set for Norton AntiVirus 2005/2006/2007, Symantec AntiVirus 3.0/10.x products.	317146
23.	Advanced SystemCare Free 3.7.3 A One-Click Free System Utility for PC Maintenance and Protection.	316658
24.	Windows Media Player 9 Fast, flexible, audio and video player.	312470
25.	Avira Antivir Virus Definition File Update \| 04-01-2011 Update AVIRA Desktop for Windows with latest virus definitions and scan engine.	305974
26.	Microsoft Visual Basic 2008 Express Edition A no-cost, streamlined, easy-to-use development tool for hobbyists, students, and novices.	301049
27.	KMPlayer 3.0.0.1439 A movie and audio player that supports a wide range of codecs and file formats.	291497
28.	FairUse4WM 1.3 Fix-2 A WM/DRM removal program.	290926
29.	Unofficial Windows 98 SE Service Pack 2.1a Contains OS updates for Windows 98 SE.	281729
30.	Real Alternative 2.0.2 Play RealMedia files without having to install RealPlayer.	281413
31.	Microsoft Visual C++ 2010 Redistributable Package Installs runtime components of Visual C++ Libraries required to run applications developed with Visual C++.	276102
32.	CCleaner 3.05.1408 CCleaner is a freeware system optimization and privacy tool.	271876
33.	CheatBook-DataBase 2008 v1.0 Cheat-code tracker for games on the PC and 17 different Consoles.	268366
34.	Microsoft Games for Windows - LIVE 3.4 Full version of Games for Windows - LIVE v3.4.	267441
35.	Free OCR 3.0 Free OCR is a scan and Optical Character Recognition program.	265979
36.	LicenseCrawler 1.4.0.135 Scans the Windows Registry for Windows product keys and other serial numbers and licenses.	259674
37.	Internet Explorer for Windows XP 7.0 The latest release of Microsoft´s popular Internet Explorer Web browser.	250038
38.	Winamp Full 5.61 Fast, flexible, high-fidelity, skinnable audio/video player for Windows.	243881
39.	Readon TV Movie Radio Player 7.3.0.0 Watch and listen to thousands of TV, LIVE sports, latest movies and radio channels all over the world.	238878
40.	Wink 2.0 build 1060 Tutorial and Presentation creation software aimed at creating tutorials on how to use software.	231863
41.	DAEMON Tools Lite 4.40.2 Run Backup Copies of SafeDisc (C-Dilla), Securom or Laserlock protected games.	231048
42.	Ashampoo Burning Studio 6.80 FREE Choose your files. Burn your disc. Supports CDs, DVDs and Blu-ray discs.	226913
43.	Zip Password Finder ZIP password finder is a completely free tool to recover zip archive passwords.	223952
44.	Microsoft .NET Framework (x86) 2.0 Final Provides the latest updates to the .NET Framework.	219544
45.	Ad-Aware 2007 Free 7.0.2.7 (Updated) Provides you with advanced protection against spyware.	215338
46.	NTFS4DOS 1.8 (read/write NTFS from DOS) Allows full read/write access to NTFS volumes from DOS for AV or backup.	211210
47.	Free Download Manager - FreewareFiles Edition 2.5.848 Pure free download manager and accelerator.	210087
48.	Avira AntiVir Personal - Free Antivirus 10.0.0.635 Detect and eliminate viruses, get free protection for home users.	208759
49.	Microsoft Internet Explorer 8 for XP The latest Release of the new Internet Explorer 8 web browser.	200953
50.	Fighter Factory Ultimate 2.5 A program for creation of characters for the game engine of the 2D Mugen fight games.	199691
51.	LimeWire 5.5.16 Search for and share all kinds of files using the Gnutella network.	193455
52.	WolfenStein Enemy Territory Wage war as Axis or Allies in team-based combat.	186130
53.	BitComet 2011.03.11 Beta A powerful, clean, fast, and easy-to-use bittorrent client.	178696
54.	CheatBook-DataBase 2007 v1.0 Cheat-code tracker for games on the PC, 17 different Consoles.	171266
55.	Power Plan Assistant 2.5c A smart power management application designed specifically for Windows 7.	171029
56.	Uxtheme Multi-patcher 6.0 Use any 3rd party msstyle theme on Windows XP/SP1/SP2 or Windows Server 2003.	163047
57.	Street Challenge 1.352 An authentic, free, online multiplayer drag racing simulator.	158965
58.	BricoPack Vista Inspirat 1.1 Modifies Windows XP to change its appearance and make it look like Windows Vista.	157720
59.	IrfanView 4.28 A fast free image viewer/converter for Windows.	157606
60.	Gunbound 9.60 Worms-like game that is played with tanks.	155693
61.	RipIt4Me 1.7.1.0 A freeware utility that helps you backup your copy protected DVDs.	154541
62.	DVD Shrink v3.2.0.15 DVD Shrink is software to backup DVD discs.	150538
63.	Photoscape 3.5 Fun and easy image editing software with a number of useful features.	148341
64.	Diagram Designer 1.24 Vector graphics editor for creating flowchart and diagrams.	147858
65.	AIMP 3.00.840 Beta 1 An advanced multimedia player that includes an audio converter, recorder, and tag editor.	145368
66.	Highway Pursuit 1.1 An action-packed 3d blast through roads filled with enemy agents.	145357
67.	Free Fire Screensaver 1.2 Let your desktop look like it´s on fire.	139906
68.	DVD Decrypter 3.5.4.0 Decrypt and copy a DVD to your hard disk.	139569
69.	K-3D v0.8.0.1 K-3D is a free 3d modeling, animation, and rendering system.	136669
70.	SuperMemo 98 9.3 Software for remembering things better.	135405
71.	Sonic Games 1.0 A nice collection of Sonic games.	135009
72.	Microsoft Visual C# 2005 Express Edition Provides a fun, easy to use, easy to learn tool for building dynamic applications.	134463
73.	VLC Media Player (VideoLAN) 1.1.8 A multimedia player that can read DVDs, VCDs, MPEG, DivX, more without additional codecs.	134067
74.	Image Analyzer 1.33 Advanced image editing, enhancement and analysis software.	133447
75.	Pop-up Stopper v3.1.1014 Block Netscape and Internet Explorer pop-up windows for free!	133188
76.	Mozilla Firefox 2.0.0.20 A fast browser that includes tabbed browsing, pop-up blocking, plugins, skins, more.	130565
77.	SkyCar 3D Desktop Toy Take full control of a 3D interactive M400 Skycar that flies on your desktop.	127846
78.	Norton Removal Tool (2000/XP/Vista/7) 2011.0.5.13 A program that can remove Norton software from your computer.	124598
79.	Microsoft Office Accounting Express 2009 A free, complete accounting solution for small businesses.	123383
80.	Windows Media Player 11.0.5721.5230 Discover, download, organize, and play your digital media.	122971
81.	FFSJ: Fastest File Splitter and Joiner 3.3 This program allows you to split a large file into small chunks and rejoin them.	122753
82.	Image Forge v3.60 Freeware image editing, paint, animation, more.	122574
83.	Fly Free Photo Editing and Viewer 2.99.6 View/edit multiple photos simultaneously and easily, freeware with Mac style skin.	121768
84.	Microsoft Internet Explorer 8 for Vista/2008 (32-bit) The latest Release of the new Internet Explorer 8 web browser.	121066
85.	America´s Army: SF (Overmatch) v2.8.4 First-person 3D game where you enter into virtual service to the United States.	119776
86.	Norton Antivirus 2011 Definition Updates 04-01-2011 Latest virus definition set for Norton 360/2010/2011 Antivirus Products.	119535
87.	K-Lite Codec Pack Full 7.0.0 Play all the popular audio and video formats.	118582
88.	Google Earth 6.0.2.2074 Point and zoom to anyplace on the planet that you want to explore.	118351
89.	FreeKapture 2.0 Free TWAIN Image capture scanner software.	116349
90.	WiFi SiStr - v1.0.2678.17860 A small tool to keep your Wi-Fi signal strength always visible.	115685
91.	WWK - WorldWide Karts 1 3D full arcade kart game for Windows.	115474
92.	Video Edit Master 1.8 A free video editor of any AVI (divx, xvid..etc) and MPEG video files with no quality loss.	113625
93.	ActivIcons 3.37 Change default icons/cursors, animate, restore positions, more.	113359
94.	DVD43 v4.6.0 DVD43 removes most copy protection found on movie DVDs.	112018
95.	Arcade Classic Arcade Pack v5.10 Play Asteroids, PacMan, Frogger, Hexxagon, Pong, Snake, Space Invaders, Tetris, and TicTacToe on your PC.	110374
96.	Urban Terror 4.1 Urban Terror is a free First Person Shooter that uses the Quake 3 engine.	109874
97.	SUPERAntiSpyware Free 4.50.1002 Detect and remove thousands of Spyware, Adware, Malware, Trojans, KeyLoggers, more.	109194
98.	Norton Antivirus Definition Updates (Administrators) 04-01-2011 Latest virus definition set for Norton AntiVirus 2005/2006/2007, Symantec AntiVirus 3.0/10.x products.	108870
99.	XnView 1.98 Beta 2 Xnview is an easy to use graphics viewer/converter.	108791
100.	Adobe Reader 10.01 Easily view, print, and collaborate on PDF files from your desktop or on the Web.	107426

Download Software

Membuat Recent Post (auto scroll dan thumbnail)

AbahVsan | 02.44 | 0 comments

Widget Recent Posts atau Posting terbaru merupakan widget penting karena berfungsi sebagai penunjang navigasi blog. Dengan adanya daftar posting terbaru, pengunjung yg masuk tidak dari halaman utama (homepage) dapat langsung mengetahui beberapa posting terbaru dari sebuah blog. Selain itu, widget recent posts dapat menjadi sebuah tawaran bagi pengunjung blog untuk mengetahui isi posting-posting lain dari blog tersebut.

Widget recent post yg saya share kali ini memiliki fitur dan tampilan yg cukup menarik. Kombinasi script recent posts, auto scroll / spy list menghasilkan widget recent posts Blogger yg memiliki efek hebat dan dapat mengundang ketertarikan pengunjung. Alhasil, tampilan/desain blog pun dapat bertambah nilainya dengan ditambahnya widget recent posts ini. Sudah lama saya menggunakan widget ini dan perannya dalam menambah jumlah pageview blog pun tidak diragukan lagi.

Cara Membuat Blogger Auto Scrolling Recent PostsIkuti langkah-langkah berikut dan pastikan tidak ada bagian yg terlewatkan:
1. Copy Script berikut:

Klik >>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<style type="text/css" media="screen">


</style>

<script language='javascript'>
imgr = new Array();
imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
showRandomImg = true;
boxwidth = 300;
cellspacing = 6;
borderColor = "#232c35";
bgTD = "#000000";
thumbwidth = 60;
thumbheight = 60;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "Reply(s)";
showPostDate = false;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 10;
home_page = "http://abahvsan.blogspot.com/";
limitspy=5
intervalspy=6000
</script>

<div id="spylist">
<script type='text/javascript'>
//<![CDATA[
/*
* Script dikombinasikan dari bloggerstricks.com
* spy effect dari jqueryfordesigners.com
* Oleh Abu Farhan (www.abu-farhan.com)
* Modifikasi oleh abahvsan.blogspot.com
*/
jQuery(function(){jQuery("ul.spy").simpleSpy(limitspy,intervalspy).bind("mouseenter",function(){jQuery(this).trigger("stop")}).bind("mouseleave",function(){jQuery(this).trigger("start")})});(function(e){e.fn.simpleSpy=function(f,g){f=f||4;g=g||5000;return this.each(function(){var l=e(this),k=true,i=[],m=f,o=0,h=l.find("> li:first").height();l.find("> li").each(function(){i.push("<li>"+e(this).html()+"</li>")});o=i.length;l.wrap('<div class="spyWrapper" />').parent().css({height:h*f});l.find("> li").filter(":gt("+(f-1)+")").remove();l.bind("stop",function(){k=false}).bind("start",function(){k=true});function n(){if(k){var p=e(i[m]).css({height:0,opacity:0,display:"none"}).prependTo(l);l.find("> li:last").animate({opacity:0},1000,function(){p.animate({height:h},1000).animate({opacity:1},1000);e(this).remove()});m++;if(m>=o){m=0}}setTimeout(n,g)}n()})}})(jQuery);function showrecentposts(z){document.write('<ul class="spy">');j=(showRandomImg)?Math.floor((imgr.length+1)*Math.random()):0;img=new Array();for(var o=0;o<numposts;o++){var w=z.feed.entry[o];var g=w.title.$t;var f;var p;if(o==z.feed.entry.length){break}for(var l=0;l<w.link.length;l++){if(w.link[l].rel=="alternate"){p=w.link[l].href;break}}for(var l=0;l<w.link.length;l++){if(w.link[l].rel=="replies"&&w.link[l].type=="text/html"){f=w.link[l].title.split(" ")[0];break}}if("content" in w){var r=w.content.$t}else{if("summary" in w){var r=w.summary.$t}else{var r=""}}postdate=w.published.$t;if(j>imgr.length-1){j=0}img[o]=imgr[j];s=r;a=s.indexOf("<img");b=s.indexOf('src="',a);c=s.indexOf('"',b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){img[o]=d}cmtext=(text!="no")?'<i><font color="'+acolor+'">('+f+" "+text+")</font></i>":"";var q=[1,2,3,4,5,6,7,8,9,10,11,12];var x=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];var u=postdate.split("-")[2].substring(0,2);var h=postdate.split("-")[1];var t=postdate.split("-")[0];for(var e=0;e<q.length;e++){if(parseInt(h)==q[e]){h=x[e];break}}var n=(showPostDate)?'<i><font color="'+acolor+'"> ('+u+" "+h+" "+t+")</font></i>":"";g=(aBold)?"<b>"+g+"</b>":g;var v='<li><a href="'+p+'"><img src="'+img[o]+'" width="'+thumbwidth+'" height="'+thumbheight+'" class="recent-thumb"/></a><a href="'+p+'" class="recent-link">'+g+'</a><div class="spydate">'+n+'</div><div class="spycomment">'+cmtext+"</div>";document.write(v);j++}document.write("</ul>")}document.write('<script src="'+home_page+"feeds/posts/default?max-results="+numposts+'&orderby=published&alt=json-in-script&callback=showrecentposts"><\/script>');
//]]>
</script>
</div>

Note: Host sendiri gambar http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/post.jpg dan ganti dengan url gambar yg telah sobat upload.

2. Ganti http://abahvsan.blogspot.com/ dengan url blog sobat. Pastikan ada tanda slash ( / ) di belakang url blog.
3. Buka dashboard > Design/Layout > Add a Gadget / Tambahkan Gadget.
4. Pilih HTML/Javascript.
5. Paste semua kode ke dalam kotak HTML/Javascript.
6. Save.

Kostumisasi Tampilan Widget Recent Post Blogger

Untuk menyesuaikan tampilan recent post dengan template blog, perhatikan dan ganti beberapa poin dasar berikut sebelum memasukkan script:

boxwidth = 300 adalah lebar widget dalam pixel (px), ganti nilainya sesuai dengan lebar sidebar blog.
text = "Reply(s)" adalah teks di belakang jumlah komentar, ganti Reply(s) sesuai keinginan, misalnya: komentar, comment(s), dll.
numposts = 10; adalah jumlah posting terbaru yg akan di-crawl, ganti nilainya sesuai keinginan.
limitspy=5 adalah jumlah posting terbaru dalam sekali tampilan, ganti nilainya sesuai keinginan.
intervalspy=6000 adalah kecepatan scroll / spy dalam milisecond (ms), ganti nilainya untuk mengatur kecepatannya.

Done!

Script combined from bloggertricks.com, spy effect by jqueryfordesigners.com, by Mas Abu Farhan, modified and enhanced by abahvsan.blogspot.com

Tips-Trik

Memasang Signature pada Setiap Post

AbahVsan | 01.29 | 0 comments

Langkah2nya:

Tentunya kamu harus buat signature digital dulu. Kamu bisa buat dengan gratis di MyLiveSignature. Ada langkah2nya, kok,
Kalo udah buat, download signature-nya ke komputer kamu,
Upload gambarnya di situs upload gambar gratis, seperti Picasa, ImagesHack, dll,
Kalo udah upload, copy URL gambar signature kamu,
Trus, masuk ke account Blogger kamu, klik "Layout", kemudian "Edit HTML",
Centang "Expand widget Templates",

Cari kode <data:post.body/> dan tambahkan kode ini di bawahnya:

<b:if cond='data:blog.pageType == "item"'>
  <br/><br/><img src='urlsignaturekamu.png'/>
</b:if>

Catatan: Kalo kamu pake kode di atas, signature-nya cuma hanya ada di halaman post, tidak ada di halaman utama dan arsip. Kalo kamu mau signature kamu juga tampil di halaman utama dan arsip, hapus tag <b:if...> dan </b:if> dari kode di atas.

Selamat mencoba!

Tips-Trik

Menyimpan Judul Post di Bagian Awal Judul

AbahVsan | 01.07 | 0 comments

Menyimpan judul post di bagian awal judul adalah salah satu trik SEO, karena pada umumnya search engine melihat keywords pada kalimat2 awal judul, sehingga akan lebih mudah terindeks.

Caranya:

Masuk ke account blogger, klik "Layout" dan "Edit HTML",

Cari kode <title><data:blog.pageTitle></title> dan ganti dengan:

<title>
 <b:if cond='data:blog.pageType == "item"'>
   <data:blog.pageName/> || <data:blog.title/>
 <b:else/>
   <data:blog.pageTitle/>
 </b:if>
</title>

Selamat mencoba!

Tips-Trik

Membuat Daftar Isi Blog

AbahVsan | 00.59 | 0 comments

Daftar isi di blog sangatlah penting perannya, karena ini dapat mempermudah pembaca kita menemukan artikel-artikel lain di blog kita.
Setelah berkutat berhari-hari dengan javascript, akhirnya selesai juga script untuk membuat daftar isi blog.

Daftar isi ini tidak hanya menampilkan judul dan link-nya, tapi juga menampilkan label, tanggal postingan, serta ringkasan dari artikel-artikel kita.

Selain itu, daftar isi ini dapat di-filter untuk menampilkan beberapa artikel dengan label atau tanggal tertentu saja, dan dapat juga diurutkan sesuai tanggal atau judulnya.

Caranya:

Masuk ke account Blogger kamu, pilih "Posting" - "New Post",
Kemudian isi judulnya dengan judul yang kamu inginkan, seperti "Daftar Isi" atau semacamnya,

Kemudian copy-paste kode di bawah ini:


<div id="cl_option"> Loading... </div>
<div id="cl_content_list"> </div>
<script type="text/javascript">var jumlah_kata_dalam_ringkasan = 200;</script>
<script src="http://copycat91.googlecode.com/svn/trunk/contentlist.js"> </script>
<script src="http://BLOGKAMU.blogspot.com/feeds/posts/default?alt=json-in-script&callback=onLoadFeed&max-results=500"> </script>

Jangan lupa untuk mengganti BLOGKAMU dengan URL blog kamu,
Kamu juga bisa mengatur jumlah kata dalam ringkasan dengan mengubah nilai variabel jumlah_kata_dalam_ringkasan,
Untuk mencegah daftar isi ini berada di halaman paling depan, klik "Post Option" di bagian bawah sebelah kiri, kemudian ganti tanggalnya jadi beberapa hari yang lalu, sebulan yang lalu, atau setahun yang lalu,
Kalau kamu ingin yang versi bahasa inggris, ganti aja contentlist.js jadi contentlist_en.js.

Semoga bermanfaat!

Tips-Trik

Membuat Recent Post Khusus untuk Label

AbahVsan | 00.56 | 0 comments

Caranya:

Masuk ke account Blogger kamu, pilih "Layout" - "Page Elements",
Tambahkan Gadget baru dengan mengklik "Add a Gadget",
Pilih gadget "Feed",

Kemudian pada kolom Feed URL, isi dengan:

http://blogkamu.blogspot.com/feeds/posts/default/-/labelkamu

Ganti blogkamu dengan alamat blog kamu, dan ganti juga labelkamu dengan label yang ingin kamu tampilkan.
Ingat bahwa URL adalah case-sensitive, jadi perhatikan huruf besar-kecilnya label kamu.
Klik "Continue" kalau sudah selesai.

Semoga bermanfaat! :D

Tips-Trik

Buku Tamu Tersembunyi Versi 2

AbahVsan | 00.44 | 0 comments

Cara membuatnya:

Masuk ke account Blogger kamu, pilih "Layout" - "Page Elements"
Tambahkan widget baru dengan mengklik "Add a Gadget" - "HTML/JavaScript"

Tidak usah diberi judul, dan copy kode di bawah ini sebagai konten widget kamu:

<style type="text/css">
  .gb_fixed{
      position:fixed;
      top:0px;
      right:0px;
      z-index:+10;
  }
  * html .gb_fixed {position:relative;}
  #hidden_gb2 {
      display:none;
      border:2px solid #88C900;
      background:#E5E5E5;
      padding:10px;
      padding-top:0px;
  }
</style>
<div class="gb_fixed">
  <table id="hidden_gb2" cellpadding="0" cellspacing="0">
    <tr><td>
      <div> <a href="javascript:void(0)" onclick="gb_showHideGB()">[x]</a> </div>

      <!-- Kode buku tamu kamu -->

      <div style="text-align:right; font-size:10px">
          widget by
          <a href="http://infotentangblog.blogspot.com/2009/08/buku-tamu-tersembunyi-versi-2.html">
              Info Blog
          </a>
      </div>
  </table>
</div>

<script src="http://sites.google.com/site/copycatgroup/Home/jsfile/hiddengb2.js">

<div class="gb_fixed" style="z-index:+5">
<a href="javascript:void(0)" onclick="gb_showHideGB()">
  <img border="0" style="border:0px"
       src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyUN2yoRDX00N0ynoGuLpY5aGbbehiMqG-euTtHsEAgArihDqkzv1Luuo92rm-nibCGAsGL7YyywXC583TP3sEmvOVEz3rSgQY25mWtB-Nq7APD9Qt_T5vb-CxGqfSQijrHzGCZQ70lM2u/" />
  </a>
</div>
</script>

Posisi buku tamu jika kamu tidak mengganti kode di atas adalah di bagian kanan atas. Kalau kamu mau mengganti jadi kiri, ubah right jadi left. Dan kalau kamu mau menempatkannya di bawah, ubah top jadi bottom,
Kalau kamu mau mengganti gambar tombolnya, ganti kamu bisa mengganti source gambar yang ditebalkan di atas,
Dan juga jangan lupa untuk mengganti kode  jadi kode buku tamu kamu.
Klik "Save" kalau sudah selesai.

Semoga bermanfaat!