tag:blogger.com,1999:blog-76246606598441617852024-03-08T09:27:12.927-08:00Hack A Blog : The X-FilesA Compilation From Famous Blogger Beta HackersLuqhttp://www.blogger.com/profile/04406107663473101942noreply@blogger.comBlogger10125tag:blogger.com,1999:blog-7624660659844161785.post-90766447460993120492006-10-10T13:11:00.000-07:002006-10-10T13:18:57.062-07:00Pullquotes from BeautifulBetaAnother great news from BeautifulBeta.<br /><span class="pullquote">It is definitely an oldy, but it is an oldy I really like. I first encountered it at AnnieBlueSky's <a href="http://bloggeruniversity.blogspot.com/">BlogU</a>. It is an easy trick to let your post jump out of the screen, by showing an interesting quote, that gives the essential idea of the post itself. The pullquotes are easy to implement: you only have to add some CSS to your template, so strictly speaking it is not even hacking. Or maybe we could call it soft-hacking.<br />:) Hans</span><br />Is't interesting!!!! Hack this at <a href="http://beautifulbeta.blogspot.com/2006/10/pullquotes-for-your-blog.html">BeautifulBeta</a><br /><br />Applied: Hack A BlogLuqhttp://www.blogger.com/profile/04406107663473101942noreply@blogger.com0tag:blogger.com,1999:blog-7624660659844161785.post-69628950910832945302006-10-10T12:42:00.000-07:002006-10-10T13:05:42.202-07:00Free 3-Column Template with Fluid Design and Super Peek-A-BooThis is reaaaaaaaaaaaally great, a template by <span style="font-weight: bold;">Hans</span> from <span style="font-weight: bold;">BeautifulBeta</span>. Yes! You're now seeing his masterpiece in your computer screen. Currently it's hard to find a nice 3-column beta template but thanks Hans, you made it (another great hack from guru). If you want to have a template like this, just go to <a style="font-weight: bold;" href="http://beautifulbeta.blogspot.com/2006/09/new-3-column-fluid-peek-boo-template.html">BeautifulBeta</a> and if you done with it, tell me OK!<br /><br />Applied: Hack A BlogLuqhttp://www.blogger.com/profile/04406107663473101942noreply@blogger.com1tag:blogger.com,1999:blog-7624660659844161785.post-91971757094584752082006-10-08T13:26:00.000-07:002006-10-08T13:27:17.240-07:00Labels As Navigation TabsIf you like to do something with your labels or to make it easier for yor reader to follow your article, here it is something from <span style="font-weight: bold;">Hoctro</span>. Your labels will have maximum 100 sub-labels. I did not apply the hack here because I don't want to mix it with CLOUD Labels but you can see the result in my other site <a href="http://luqluqq.blogspot.com/">here</a>. If you clik on horizontal label ex: <span style="font-weight: bold;">Europe</span>, you will see <span style="font-weight: bold;">UK</span> as a sub-label.<br /><br />Note again if you have applied hacks on Turning Label into Tabs before, you still can try this hack. First go to <a href="http://hoctro.blogspot.com/2006/09/tweaking-new-blogger-labels-as.html">Hoctro</a> to try the hack and rename the label as label 3 or label 4 or etc. After it's all done just delete your existing label hack and drag your new label to the previous label. (below blog title)Luqhttp://www.blogger.com/profile/04406107663473101942noreply@blogger.com1tag:blogger.com,1999:blog-7624660659844161785.post-74669490144149301442006-10-02T15:54:00.000-07:002006-10-02T16:25:43.625-07:00Free Template with 3-Columns and Peekaboo PostSome of you emailed me asking for free templates. Well the timing is right. <span style="font-weight: bold;">Hackosphere</span> just realesed a few build-in templates (hacked) which have the following:<br /><br />1. 3-COLUMN conversion with additional sidebar<br />2. Peekaboo posts with summary in main page<br />3. Peekaboo posts in label/archive pages<br />4. Multi-style Labels widget<br />5. Del.icio.us and Digg hotlinks in post footer<br /><br />It's suitable for new blogger beta user who does not have time or has difficulty to apply all the hack him self. It's still free (I hope for ever, Ramani) so go get your high end free template now <a href="http://hackosphere.blogspot.com/">here</a>.<br /><br />Save your time and money!!Luqhttp://www.blogger.com/profile/04406107663473101942noreply@blogger.com0tag:blogger.com,1999:blog-7624660659844161785.post-11104509499331944042006-09-30T14:08:00.000-07:002006-09-30T14:27:40.970-07:00Turning Labels into CloudI've just completed hacking cloud labels by Master <span style="font-weight: bold;">Phydeaux3</span>. This is really great. It is suitable with any blog categories but I think it will look nice in jurnal or diary blog (make it more colorful). You can find how to hack cloud label in <a href="http://phydeaux3.blogspot.com/2006/09/code-for-beta-blogger-label-cloud.html">Phydeaux3</a><br /><br />Applied: HackablogLuqhttp://www.blogger.com/profile/04406107663473101942noreply@blogger.com0tag:blogger.com,1999:blog-7624660659844161785.post-64076890620042479042006-09-30T13:16:00.000-07:002006-09-30T13:28:41.463-07:00Turning Labels into Tabs (Vertical)<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://photos1.blogger.com/blogger2/249/930744709453633/1600/tabs-vertical.jpg"><img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer;" src="http://photos1.blogger.com/blogger2/249/930744709453633/320/tabs-vertical.jpg" alt="" border="0" /></a><br />Hoctro do it again. If you want to play and tweak with labels (Tabs), <a href="http://hoctro.blogspot.com/2006/09/tweaking-new-beta-adding-vertical-tabs.html">Hoctro's place</a> is the right place especially for beginners.<br /><br /><span style="font-style: italic;">Pic. from Hoctro's Place.<br /></span>Your labels will be like this. Is it nice?<span style="font-style: italic;"><br /></span>Luqhttp://www.blogger.com/profile/04406107663473101942noreply@blogger.com0tag:blogger.com,1999:blog-7624660659844161785.post-1785786739063842902006-09-30T01:56:00.000-07:002006-09-30T02:11:49.922-07:00Turning Labels into Tabs (Horizontal)<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://photos1.blogger.com/blogger2/249/930744709453633/1600/tabs1.jpg"><img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 257px; height: 199px;" src="http://photos1.blogger.com/blogger2/249/930744709453633/320/tabs1.jpg" alt="" border="0" /></a>This is what I like most, I spend the whole night to follow the instruction given by master<span style="font-weight: bold;"> Hoctro</span>. I can't apply the original tabs hack because some problem with border color but with the help from him, it became an easy task. Thanks to <a href="http://hoctro.blogspot.com/2006/09/tweaking-new-blogger-turning-labels.html">Hoctro.</a><br /><br /><span style="font-style: italic;">Pic. from Hoctro's place<br /></span>*Noticed that horizontal label tabs under blog's description?<br /><br />Applied: Hackablog,<a href="http://luqluqq.blogspot.com/"> link</a>Luqhttp://www.blogger.com/profile/04406107663473101942noreply@blogger.com0tag:blogger.com,1999:blog-7624660659844161785.post-25779576096516008812006-09-30T00:56:00.001-07:002006-09-30T00:56:34.429-07:00Converting to 3-Column TemplateAnother hack by <span style="font-weight: bold;">Mr. Ramani</span> suitable for one who have a lot of items to be seperated in the sidebar. You can find the original hack <a href="http://hackosphere.blogspot.com/3006/09/3-column-templates-for-blogger-beta_01.html">here</a>.<br /><br />Applied: <a href="http://luqluqq.blogspot.com/">link</a>Luqhttp://www.blogger.com/profile/04406107663473101942noreply@blogger.com0tag:blogger.com,1999:blog-7624660659844161785.post-22733529177692667472006-09-19T22:44:00.000-07:002006-09-19T23:14:23.620-07:00Multi-Style Labels WidgetThis is my first hacking applied from <strong>Mr. Ramani</strong> <a href="http://hackosphere.blogspot.com/">(http://hackosphere.blogspot.com)</a>, and it's widening my perception about the fun of hacking. It supports 2 custom styles (zoom style!, menu style) and the default list style provided by Blogger. The idea is to allow your blog's visitors to choose the style that they like instead of you fixing one particular style. The original article can be found in <a href="http://hackosphere.blogspot.com/2006/09/multi-style-labels-widget-for-blogger.html">hackosphere</a>.<br /><br />Happy hacking!!!<br /><br />Applied: <a href="http://luqluqq.blogspot.com/">link</a>Luqhttp://www.blogger.com/profile/04406107663473101942noreply@blogger.com0tag:blogger.com,1999:blog-7624660659844161785.post-33616176500051405822006-09-19T22:21:00.000-07:002006-09-19T22:43:59.014-07:00Why?After reading articles about hacking and making trial and error with my new <em>blogger beta blog</em>, I'm very excited about the result, so I decided to compile some of these valuable information from a group of these <em><strong>genius</strong></em> to make it easier for blogger beta users. In fact I don't even have technical background, so what is so difficult with<span style="font-weight: bold;"> CSS, </span><strong>HTML</strong>, <strong>Javascript</strong> and so on (I don't care what program they are using).<br /><br />I'm still in the learning process and these<em><strong> genius</strong></em> make all the complicated things become easier and friendly user. Believe me, it will be fun. Thanks you guys! Let's start with my first hack.Luqhttp://www.blogger.com/profile/04406107663473101942noreply@blogger.com0