tag:blogger.com,1999:blog-74667352538708642162011-10-02T01:14:30.448+08:00Tips and Tricks BloggerTips and Tricks Tutorial for Beginner BloggerAuthor'snoreply@blogger.comBlogger691100tag:blogger.com,1999:blog-7466735253870864216.post-15670711002489950842010-04-23T17:30:00.000+08:002010-04-23T17:30:00.575+08:00Creating Thumbnails Related PostThumbnails Related Post is the same like usually related post but thumbnails contain with images. So your blog will make beautifullHow to make this: * Login to account blogger * Select Layout --> Edit HTML* Check "Expand Widget Templates" * Find code </head> and replace with the following script *<b:if cond='data:blog.pageType == "item"'><style type="text/css">#related-posts {Author'snoreply@blogger.com1tag:blogger.com,1999:blog-7466735253870864216.post-72405575539135233762010-04-19T19:53:00.000+08:002010-04-19T19:53:00.326+08:00Install Facebook Share ButtonThis time is discussed tips to put Facebook Share button. By installing this button, we'll know how many times we have articles to share to facebook.Tutorial * Log in to your Blogger * Select Layout -> Edit HTML * Check expand the widget templates * Find code <div class='post-header-line-1'/> * Then copy and paste the following script code, under the code <div class='post-header-line-1'Author'snoreply@blogger.com1tag:blogger.com,1999:blog-7466735253870864216.post-26817038649632370302010-04-17T19:39:00.000+08:002010-04-17T19:39:00.474+08:00Adding Social Bookmarking ButtonOne way to quickly our blog has known by adding a social bookmarking buttons on your blog or on our website like Digg, Deliciaous, Yahoo, facebook, Twitter, Tehcnorati, Google, etc.Let's Go: * Login to Blogger * Select Layout (Layout) -> Edit Html * Check "expand the widget" * Find code <head> * Copy the following script belowthe code <head><script src='http://Author'snoreply@blogger.com2tag:blogger.com,1999:blog-7466735253870864216.post-42577245044627435222010-04-14T19:28:00.000+08:002010-04-14T19:28:00.543+08:00Speed up Mozilla FirefoxSometimes our internet speed is too slow. Is there a trick to increase internet speed? Of course, but just for Mozilla Firefox browser1. Open Mozilla.2. Typing in addres bar "about: config" (without the slave).3. Scroll down your mouse and find "network.http.max-connections", double click and input value "64".4. Search for "network.http.max-connections-per-server", double click and input valueAuthor'snoreply@blogger.com1tag:blogger.com,1999:blog-7466735253870864216.post-27418102697141663052010-04-11T19:27:00.000+08:002010-04-11T19:27:00.210+08:00Creating Popular PostJust a simple tricksLet's Go1. visit http://feedjit.com/joinjs/ 2. Click the Widgets in the top menu3. Copy the script was written there under Page Popularity4. Then paste the script into widgets (page element)5. DoneAuthor'snoreply@blogger.com1tag:blogger.com,1999:blog-7466735253870864216.post-20415756323995500552010-04-08T19:03:00.000+08:002010-04-08T19:03:00.249+08:00Who's most commentators on the Blog?Do you want to find who's the most commentators on the Blog?Let's get started:1. Log into your blogger account2. Select Layout3. Choose a Page Element -> select add a gadgets4. Select the HTML / Javascript type5. Copy and paste the following scripts<script type="text/javascript">function pipeCallback(obj) {document.write("<ol>");var i;for (i = 0; i < obj.count ; i++){var href = "'" + Author'snoreply@blogger.com0tag:blogger.com,1999:blog-7466735253870864216.post-72246788637702033882010-04-06T18:56:00.000+08:002010-04-06T18:56:00.435+08:00Daily TipsDo you want to add daily tips on your blog? like health daily tips...How to make daily tips:1. Log into your blogger account2. Select Layout3. Choose a Page Element -> select add a gadgets4. Select the HTML / Javascript type5. Copy and paste the following scripts<SCRIPT LANGUAGE="JavaScript"><!-- Beginvar Tips = new Array();Stamp = new Date();today = Stamp.getDate();Tips[1] = "Date 1";Tips[2] = Author'snoreply@blogger.com0tag:blogger.com,1999:blog-7466735253870864216.post-33833429135756630572010-04-03T18:31:00.000+08:002010-04-03T18:31:00.754+08:00Label Cloud AnimationTutorial to create Label Cloud Animation:1. Log in to your blogger.2. Click Layout -> Edit HTML3. Save your template first, if later there is something wrong in doing it. Please click download full template to back up your template.4. Find code <b:section class="sidebar" id="sidebar" preferred="yes">5. Then copy the following script below code <b:section class="sidebar" id="sidebar" preferred="Author'snoreply@blogger.com1tag:blogger.com,1999:blog-7466735253870864216.post-7362527466116810782010-03-31T18:26:00.000+08:002010-03-31T18:26:00.198+08:00Welcome SpeechOne day when you blogwalking, sometimes the first time we presented the words "Welcome" as a greeting.Interested to try, oke follow this tutorial:1. Log into your blogger account.2. Choose Layout -> Edit HTML3. Find code </head>4. Copy and paste the following script before the code </head><script language="JavaScript">alert("Wellcome, please give a Comment");</script>5. Save6. DoneAuthor'snoreply@blogger.com0tag:blogger.com,1999:blog-7466735253870864216.post-13390276115995330292010-03-28T18:19:00.000+08:002010-03-28T18:19:00.448+08:00Chat Smiley code in FBDo you often chat with friends on facebook? Actually, facebook also has quite a lot of smileys just a lot of facebook users who do not know the code to display the smiley. Here is the Chat Smiley Code of Facebook :) :( :P :D :O ;) 8) 8| >:( :\ :'( 3:) O:) :-* <3 ^_^ -_- O.o >:o :v :3 :|] :putnam:Author'snoreply@blogger.com1tag:blogger.com,1999:blog-7466735253870864216.post-68290963405233412602010-03-26T18:04:00.000+08:002010-03-26T18:04:00.372+08:00Make Up MybloglogThis tutorial will make over display of Mybloglog .Step I:1. Log into your blogger account2. Select Layout -> Edit HTML3. Find code <b:skin><![CDATA[4. Insert the following script below code below <b:skin><![CDATA[td.mbl_fo_hidden{display:none;}td.mbl_join_img{}td.mbl_join{}tr#tr0{display: none}th.mbl_h{display:none;}5. Save TemplateStep II:1. Select Layout2. Click Add a Gadgets3. Copy paste Author'snoreply@blogger.com0tag:blogger.com,1999:blog-7466735253870864216.post-57138592471395120842010-03-24T17:49:00.000+08:002010-03-24T17:49:00.371+08:00Prevent Copy Paste ArticlesIf your blog is unique, and you worry if your posts copy-pasted by others. There are tricks to disable right click so that your articles can not be copied.1. Log in to your Blogger account2. Select the Layout -> Edit HTML3. Find code <body>4. Replace that code with the following code:<body onmousedown="return false" oncontextmenu="return false" onselectstart="return false" >5. Save the Author'snoreply@blogger.com0tag:blogger.com,1999:blog-7466735253870864216.post-3961386853882112302010-03-22T19:02:00.000+08:002010-03-22T19:02:00.652+08:00Display Visitor's Photo in Side BarBlog will look more beautifull if visitor's photo display on your the blogTutorial to display visitor's photo:Step I:1. Create a yahoo email, if you already have a yahoo email, go the next step.Step II:1. Visit http://www.mybloglog.com/buzz/join/2. Please Log-in to your Yahoo account (you've created this yahoo email, if you have not made this please make it by clicking ... Sign Up3. After that Author'snoreply@blogger.com0tag:blogger.com,1999:blog-7466735253870864216.post-62817478790453468782010-03-20T18:15:00.000+08:002010-03-20T18:15:00.709+08:00Displaying Adsense in the middle PostUsually we put adsense (example: google ads) on the left or right sidebar, bottom or middle. This tutorial how to put ads in the middle of the posts/article.But be careful this trick may be violates TOS (term of service, please consider to apply this trick because it could banned by google.Here are the steps:1. Log into your blogger account.2. Click Settings -> Formatting3. On the Formatting tabAuthor'snoreply@blogger.com0tag:blogger.com,1999:blog-7466735253870864216.post-25234319224972123682010-03-18T17:59:00.000+08:002010-03-18T17:59:00.072+08:00Bali Calendar WidgetsWho does not know Bali? Bali is the paradise island, Bali is one thousand temple...But do you Bali have a unique calender...If you want to display Bali calender Widgets, follow this tutorial:1. Login to your Blogger Account2. Click Layout3. Select Element Page4. Click Add Gadgets -> 'HTML / Javascript' type5. Choose one of the following script, and add to the contentScript 1:<script src="http:/Author'snoreply@blogger.com0tag:blogger.com,1999:blog-7466735253870864216.post-11100875329541301542010-03-14T17:46:00.001+08:002010-03-14T17:46:00.410+08:00Displays Today's Date in BlogDo you want display today's date in your blog.Follow these steps:Step One:1. Log into Blogger2. Select Layout -> Edit HTML3. Copy paste the code below, and save the code between ]]></b:skin> and </head> :<script type="text/javascript" src="http://mizwar.blog.googlepages.com/tampil_tanggal.js"></script>Step Two:This step is to put date position you want. Could put in Header, Footer or the Side Author'snoreply@blogger.com0tag:blogger.com,1999:blog-7466735253870864216.post-90285534354162231272010-03-11T18:45:00.000+08:002010-03-11T18:45:00.643+08:00Install and backup TemplateThis tutorial will explain step by step how to install a new blogger template to your blogger blog.Log in to your Blogger Dashboard.Click on "Layout".Click on "Edit HTML".Click on "Browse".Now select your new blogger template file (it there as a xml file) and click on "Open".Click on "Upload".Now confirmation message will appear.Click on "KEEP WIDGETS".FinishHow To Backup Your Blogger TemplateTo Author'snoreply@blogger.com0tag:blogger.com,1999:blog-7466735253870864216.post-40365190520370240302010-03-07T17:23:00.003+08:002010-03-07T17:44:51.847+08:00Insert Image Before Title PagesIf you want your blog more expressive, its better insert a picture/image or a small icon before title pages.Look this tutorial:1. Log in to your Blogger2. Select Layout -> Edit HTML3. Find the following code or similar like this code.post h3 {margin:.5em 0;padding:30px 0px 0px 45px;font-size:120%;font-weight:bold;font-style:italic;line-height:1.3em;color:#333;}If does not present, find like Author'snoreply@blogger.com0tag:blogger.com,1999:blog-7466735253870864216.post-1969009543225328772010-02-28T06:00:00.000+08:002010-02-28T06:00:00.457+08:00Light Bubble Clock WidgetsDo you want display clock with light bubble backgroud.Look the result below:widgets Bubble Clock by WidgiaTutorial:1. Login to account blogger2. Select Layout --> Page Element3. Select Add a Gadgets --> HTML/Javascript Type4. Copy Paste the following code<img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://counters.gigya.com/wildfire/IMP/CXNID=2000002.0NXC/bTAuthor'snoreply@blogger.com0tag:blogger.com,1999:blog-7466735253870864216.post-4113133065574151422010-02-26T19:56:00.003+08:002010-02-26T20:10:57.067+08:00How To Add Google Buzz ButtonDo you want to add Goggle Buzz Button...?Follow this tutorial:1. Log in to blogger2. Select Layout --> Edit HTML3. Check on "Expand Widget Templates"4. Find code <data:post.body/>5. Copy the following code and paste it just before or above code <data:post.body/><div style='padding: 4px; float: right;'><a expr:href='"http://www.google.com/reader/link?url=" + data:post.url + "&Author'snoreply@blogger.com0tag:blogger.com,1999:blog-7466735253870864216.post-43072455169164694132010-02-09T19:20:00.003+08:002010-02-09T19:35:24.717+08:00Create Popular PostTutorial to create Popular Post:Login to Blogger DashboardSelect "Layout"Click on "Add Gadget".Select "HTML/Javascript" typeCopy the folowing script:<script type="text/javascript">function pipeCallback(obj) {document.write('<ol style="text-transform: capitalize;">');var i;for (i = 0; i < obj.count ; i++){var href = "'" + obj.value.items[i].link + "'";var item = "<li>" + "<a href=" + href + ">" + Author'snoreply@blogger.com0tag:blogger.com,1999:blog-7466735253870864216.post-33412756347363171422009-09-22T09:00:00.001+08:002009-09-22T09:00:00.292+08:00Install Meta TagsWhat is thankfully pairs of Meta Tags??Meta Tags are keywords entered into the template of our blog. This keyword is associated with a search engine / search engines, because the Meta keyword tag will be displayed in the search engine / search engines. The selection of keywords is not arbitrary. So choose the keywords that actually sought.Meta Tag code in the template are usually like this scriptAuthor'snoreply@blogger.com4tag:blogger.com,1999:blog-7466735253870864216.post-55333320345987977482009-09-15T08:50:00.001+08:002009-09-15T08:50:00.860+08:00Changing Nofollow Comment to Follow some people delighted with Nofollow, some are anti with Nofollow. But whatever the choice is up to return to You. If we think positively of course we should turn on NoFollow to Follow. What is benefit ....This trick is a SEO Friendly because if there is to comment on your blog, the commentator will get Backlink. And the advantage is that blog you'll often be given comments by the visitors due Author'snoreply@blogger.com0tag:blogger.com,1999:blog-7466735253870864216.post-56840341045630892372009-09-08T08:14:00.000+08:002009-09-08T08:14:00.435+08:00Creating Falling Stars EffectAfter various effects such as How to Make posted Snow Effect 1, How to Create Snow Effect 2, as well as how to make Falling leaves. now we'll Make Falling Stars Effect.1. Log in to your Blogger account2. Click Layout and choose Page Elements3. Click Add Gadget and select HTML / JavaScript4. Enter the code below into the column HTML / JavaScript<script src="http://h1.ripway.com/infosehatbugar/Author'snoreply@blogger.com0tag:blogger.com,1999:blog-7466735253870864216.post-53070195505113520112009-09-01T07:59:00.004+08:002009-09-01T08:47:05.910+08:00Install Alexa Rank On The Blog Alexa Rank is a parameter to measure the number of visitors coming to a blog, the increase being chased by a lot of people by using a variety of ways, apart from the need for income from the Internet, popularity or recognition for any other purpose. Install Alexa Rank is believed to increase the alexa rank your blog.To install the Alexa widgets: Log into your account bloger Select tLayoutAuthor'snoreply@blogger.com0tag:blogger.com,1999:blog-7466735253870864216.post-14793906634284591952009-08-04T20:43:00.000+08:002009-08-04T20:43:00.632+08:00How Many Weight Loading Your Blog?Sometimes when loading our blog is too hard/weight, it could be because too many widgets so loading our blog is so slow. do you want to check how many weight loading your blog ....Please check below.Enter your blog address, press the button Check!,Results shown are: Size, Load Time, Avarege Speed per KB.Note: if the results of "size" show more than 100 KB, try to minimize it by reducing the Author'snoreply@blogger.com0tag:blogger.com,1999:blog-7466735253870864216.post-18282441124793566262009-07-27T20:43:00.001+08:002009-07-27T20:43:00.385+08:00Authors and Reader : Different BackgroundIn the blog standart, comment of readers and authors usually the same, so many comments that look less beautiful. If you want author's comment has different background from the readers, here's how:Login to blogger accountSelect "Layout --> Edit HTML" menuCheck little box "Expand Widget Templates"You Should back up your template first. Click Download Full TemplateCopy the script below code Author'snoreply@blogger.com0tag:blogger.com,1999:blog-7466735253870864216.post-11606019256602568052009-07-20T20:41:00.000+08:002009-07-20T20:41:00.761+08:00Showing Recent CommentsSometimes, our comments on the blog is too large. If you want show just Recent Comments on your bloge, following this trick....Login to Blogger.comSelect menu LayoutSelect"Add a Gadget --> HTML/Javascript"Enter following this script below:<script style="text/javascript" src="http://www.geocities.com/sehatserasi72/recentcomments.js"></script><script style="text/javascript">var a_rc=10;var m_rc=Author'snoreply@blogger.com0tag:blogger.com,1999:blog-7466735253870864216.post-9833913051612484882009-07-13T04:13:00.000+08:002009-07-13T04:13:00.568+08:00Create Article as Blog TitleTricks Create Articles as Blog Title will improve your blog on blog search engines. Thus, our blog will be better known.If you want your blog enter the Top Ten Google, please try:Login to Blogger.comSelect Layout -->Edit HTMLFind this code <title><data:blog.title/></title>Delete that code and replace with the following code :<b:if cond='data:blog.pageType == "index"'><title><data:Author'snoreply@blogger.com1tag:blogger.com,1999:blog-7466735253870864216.post-74657880765812509382009-07-06T04:13:00.000+08:002009-07-06T04:13:00.299+08:00Display Visitor MapDo you display visitor map on your blog....?First Step:Visit site http://www.clustrmaps.comClick link Get One! (on the top menu)You will be shown in 3 steps to obtain the code HTML / JavaScript to view the visitors map.As shown below:1. To get your free account, REGISTER HERE.[Edublogs.org users: no need to register separately, just add widget - see here.]2. You will be sent a password by emailAuthor'snoreply@blogger.com0tag:blogger.com,1999:blog-7466735253870864216.post-71747350604906252009-06-29T04:13:00.000+08:002009-06-29T04:13:01.085+08:00Unique Icon in the Address BarBlog on blogspot that is still in the default, icon image will appear as the letter "B" on the orange background color. Well, if you're not satisfied and you want to change the icon, hre is how to do it:When we open a website or blog, we often have an image or icon in the address bar (the box to type the web address). We can change the standart icon :Login to your account bloggerClick "Layout --Author'snoreply@blogger.com0tag:blogger.com,1999:blog-7466735253870864216.post-58869354709635696482009-06-22T03:27:00.000+08:002009-06-23T14:31:06.009+08:00Make a Shout BoxDo you want to provide a place to chat on your blog .... Easy, just make Shout Box, so that your friends who want to chat or foreverglo in this box.Follow my step:First Step:Visit this site http://www.shoutmix.comThen do the registration. After successfully registration Shoutbox please select the model you want. :~Click Continue button.After that you will get the greeting "Thank You" then Author'snoreply@blogger.com0tag:blogger.com,1999:blog-7466735253870864216.post-32859117506996782982009-06-15T03:27:00.000+08:002009-06-15T03:27:00.590+08:00Create Horizontal MenuDo you want to create a horizontal menu .............Please see Demo. Okay go ahead we continue...Login to blogger.comSelect Layout --> Edit HTMLCheck the "Expand Widget Templates" box.We recommend backup your template first. Click Download Full TemplateFind code ]]></b:skin>Then copy script below and put the above code ]]></b:skin>/* -- Start horizontal MENU -- */#tabshori {float:left;width:Author'snoreply@blogger.com0tag:blogger.com,1999:blog-7466735253870864216.post-7479950816283279462009-06-08T03:20:00.000+08:002009-06-08T03:20:00.522+08:00Showing Yahoo Messenger StatusIf you want to display the Yahoo Messenger status, so readers know that you are online or offline at this time .....? Next how to do it: Login to your account blogger Click Layout Select Page Elements Select Add a Page Elements ---> HTML/Javascript Copy the following script in the content column.<a href="ymsgr:sendIM?yourname"> <img src="http://opi.yahoo.com/online?u=yourname&m=g&Author'snoreply@blogger.com0tag:blogger.com,1999:blog-7466735253870864216.post-45304171651585656432009-06-01T07:37:00.000+08:002009-06-01T07:37:00.729+08:00Create Search EngineWho does not know Google ..? Surely no one does not know. Google is a search engine is the best and most popular at this time. Well this time we are posting akan Create Search Engine blog readers so you can easily find articles simply by typing keywords.Follow the steps below:Login to bloggeraccountClick Layout Select Page Elements Select Add a Page Elements ---> HTML/Javascript Copy the Author'snoreply@blogger.com0tag:blogger.com,1999:blog-7466735253870864216.post-79676319747850053842009-05-24T08:21:00.001+08:002009-05-31T05:52:29.406+08:00Show Page Rank BlogDo you want Show Page Rank (PR) your blog.Here's how:First Step:Visit site http://www.prchecker.info/pagerank-check-button.phpOn the page that site have any posts Pagerank Icons - Add one to your site - It's FREE!Under that post there is the logo with HTML Code.Please copy the code from the HTML code as you like.Save first in notepad.Second Step:Login to blogger account.Select Layout --> Page Author'snoreply@blogger.com0tag:blogger.com,1999:blog-7466735253870864216.post-70794992960532634862009-05-17T13:52:00.001+08:002009-05-31T05:52:41.304+08:00Create Form "Subscribe Via Email"Do you want to provide a subscription service articles via email to readers. Thus, each new article you post, readers will get the automatic shipment your posting to sender. How do I make it ....First Step:Visit site http://www.feedburner.comAfter entering the site, you must to fill your blog feed address. Usually your blog feed address: http://YOURBLOGNAME.blogspot.com/feeds/posts/default, Author'snoreply@blogger.com0tag:blogger.com,1999:blog-7466735253870864216.post-84796388408681176742009-05-10T13:46:00.001+08:002009-05-31T05:53:32.480+08:00Large First Letter at Your ArticlesSometimes we are bored with the look or style of any posts on our posting. If you want to display different text styles like in the newspaper, which is where the initial article that is usually used LARGE letters. Follow the tutorial How to Create the first large Letter of articles.As below.Want to create a style of writing, such as above?1. Sign in to account blogger2. Click Layout3. Select EditAuthor'snoreply@blogger.com0tag:blogger.com,1999:blog-7466735253870864216.post-66231277908778067562009-05-03T11:59:00.001+08:002009-05-31T05:53:41.874+08:00Displaying the Users OnlineWidget user online is required to learn about the number of visitors who are online in our blog. Do you want to show the user online ...?If so, follow these steps:First step:Visit site http://whos.amung.comWe immediately brought on a page that displays the widget user online black picture have a red circle with a white any postsLook like this:WAU_classic('fzximh44uqai')If you want to change theAuthor'snoreply@blogger.com0tag:blogger.com,1999:blog-7466735253870864216.post-31321333410098313232009-04-30T11:38:00.001+08:002010-03-08T20:01:46.082+08:00Create Table of Blog ContentSometimes if we have a blog contains many articles, we will be overwhelmed continue to update the list of contents manually. Besides, the visitor may feel confuse search of the articles. To overcome this, you should attach a list of contents automatically. Please see Demo Table Of Content here.I would like to know how create it?First Step:1. Login to your account Blogger2. Select Layout --> Author'snoreply@blogger.com0tag:blogger.com,1999:blog-7466735253870864216.post-22991693185257846522009-04-27T11:09:00.000+08:002009-04-27T11:09:00.224+08:00Display Visitors StatisticsHow to know where are from your visitors? or what are the visitors click on your Blog. please display visitor statistics.How do I want it?.....First step:Visit this site www.sitemeter.comClick SignUp on the left side barThen click SIGN UP button green. Located on the right. After that the form will appear. Please fill Your URL Blog, Your Blog name, code name that you want, and change the Author'snoreply@blogger.com0tag:blogger.com,1999:blog-7466735253870864216.post-35512278815574551402009-04-25T10:58:00.001+08:002009-04-30T11:03:17.170+08:00Create Snow Effect 2After some time ago that we make a snow effect (Do you have read it, if not read here). If you would like to see an example click here. Have seen that the effect of the snow-large. Well following this we will create the effect of snow grain is smaller. Please see Demo. Visible grain snow small:Do you want to create it:Please Download Create Snow Effect 2 Script and Instruction Author'snoreply@blogger.com1tag:blogger.com,1999:blog-7466735253870864216.post-1227270016123715712009-04-23T10:13:00.000+08:002009-04-23T10:42:49.758+08:00Create View TabWhat is the View tab ...? See Demo Here, see the Content in the right side bar. In the View tab we can show links, Banner, comments, posting articles, etc.How do I it?:The first step:Login to Your Account Blogger.comClick ”Layout ” --> "Edit HTML"Find this code ]]></b:skin>Copy the following script, insert before or above code ]]></b:skin>div.TabView div.Tabs{height: 24px;overflow: hidden;}Author'snoreply@blogger.com4tag:blogger.com,1999:blog-7466735253870864216.post-8460925264885007672009-04-22T19:43:00.002+08:002009-04-23T14:59:25.335+08:00Display Calendar on the BlogDo you want to place a calendar on the your blog .....Easy and simple....First step:Visit this site http://www.free-blog-content.comOn this site There are Animated Calendars, Nature Calendars, Car Calendars, Abstract Calendars, Girl Calendars, Plain Calendars, Animal Calendars, Calendar with Clock.Copy HTML code of calender that you like.Paste the code and save on notepad first.Second Step:Author'snoreply@blogger.com0tag:blogger.com,1999:blog-7466735253870864216.post-68518711747414656012009-04-19T18:44:00.000+08:002009-04-19T19:25:44.782+08:00Create Vertical MenuDo you want to Create a Vertical Menu ... ..? On Vertical menu you fill, such as links, articles, label or category and others. Please see demo here, located on the right side bar there is a red vertical menu.Following the step:First Step:Login to your account BloggerClick LayoutSelect Edit HTMLFind code ]]></b:skin>Copy the following script, insert above code ]]></b:skin>#vertikal-kuning{Author'snoreply@blogger.com3tag:blogger.com,1999:blog-7466735253870864216.post-55560184181928240332009-04-19T17:58:00.000+08:002009-04-19T18:27:27.468+08:00Automatic Read MoreSome people may feel a little difficult if they make read more, because if we post the article will use the code<span class="fullpost">…… Passage article........</span>Look at again Making Read More. Now, for the not-so difficult to want to make the code, we will create Read More faster than before. We only need to set up the number of letters / characters that need to appear before shown any Author'snoreply@blogger.com0tag:blogger.com,1999:blog-7466735253870864216.post-65535708796327790222009-04-19T17:19:00.000+08:002009-04-19T17:54:34.487+08:00Create Blogroll BoxAfter previously posted Create Dropdown Menu, this time we posted Create Blogroll Box. As the name, on the box we fill link. But other than link, we can fill such as Content Articles etc.How to make it :Login to Blogger.com / Blogspot.comClick "Page Element"Select Add Page Elements --> HTML/JavaScriptCopy the following script:<div style="overflow:auto;width:95%;height:130px;padding:10px;border:Author'snoreply@blogger.com2tag:blogger.com,1999:blog-7466735253870864216.post-66954310167703273252009-04-19T09:23:00.000+08:002009-04-19T09:44:39.715+08:00Create Dropdown MenuThe dropdown menu can be made in order to save space our blog, especially the sidebar we have already met with various widgets to be so crowded.How to make it.....? Follow the steps:First, login to Blogger.com / Blogspot.comClick "Page Element"Select Add Page Elements --> HTML/JavaScriptThen enter the following script:<form>onChange="document.location.href=this.options[this.selectedIndex].value;Author'snoreply@blogger.com1tag:blogger.com,1999:blog-7466735253870864216.post-28740493369536646912009-04-17T18:27:00.000+08:002009-04-19T18:39:52.992+08:00Removing Numbers On LabelLabel or the "category" in the standard number of blogspot usually display the number of posts in a label / category. Well, if you want to delete the numbers on the label, just following this step:First, login to Blogger.com / Blogspot.comClick Layout --> Edit HTMLCheck Expand Widget Templates Find code (<data :label.count/>)Delete code (<data :label.count/>)Save TemplateAuthor'snoreply@blogger.com0tag:blogger.com,1999:blog-7466735253870864216.post-73512907971240677262009-04-16T17:06:00.000+08:002009-04-19T17:16:00.592+08:00Making Nav Bar Becoming TransparentSome time ago I have posted Remove Blogspot Nav Bar, so now we will create a Nav Bar or Navigation Bar becoming transparent. Follow the steps below :1. Login to your Account Blogger2. Click Layout3. Select Edit HTML4. Find code ]]></b:skin>5. Copy the following Script, above code ]]></b:skin>#navbar-iframe{opacity:0.2;filter:alpha(Opacity=0)}#navbar-iframe:hover{opacity:0.5;filter:alpha(OpacityAuthor'snoreply@blogger.com1tag:blogger.com,1999:blog-7466735253870864216.post-40692346102777610892009-04-16T14:23:00.000+08:002009-04-19T14:34:11.184+08:00Display Recent PostDo You want display Recent Post on your blog....?Follow the steps below:Login to Account BloggerClick Layout Select Page Element Click Add a GadgetCopy the following script :<script src="http://www.geocities.com/sehatserasi72/recentpost.js"></script><script>var numposts = 10; var showpostdate = false; var showpostsummary = false; var numchars = 100; </script><script src="http://Author'snoreply@blogger.com1tag:blogger.com,1999:blog-7466735253870864216.post-17147001747360388112009-04-16T14:00:00.000+08:002009-04-19T14:18:49.715+08:00Making Walking Text on BlogNever see any posts on the blog is running. If you have not, see an example here. Welcome any posts appear under the header. How do I make it ...?Script 1.<marquee>Example Walking Text</marquee>Result :Example Walking TextThis will run from left to right.Script 2.<marquee direction="right">Example Walking Text</marquee>Result:Example Walking TextThis will run from right to left.Script 3.<marquee Author'snoreply@blogger.com0tag:blogger.com,1999:blog-7466735253870864216.post-29419099223461224092009-04-15T13:32:00.000+08:002009-04-19T13:54:37.597+08:00Make Read More (Article Snippet)Making Read More or Artikel Snippet, follow the steps below :Login to account bloggerFirst, backup your template, click Download Full TemplateSelect "Layout --> Edit HTML"Check the box "Expand Widget Template"Find the folowing script<data:post.body/> or <p><data:post.body/></p>Remove the script above, and change with the script below<b:if cond='data:blog.pageType == "item"'><style>.fullpost{Author'snoreply@blogger.com0tag:blogger.com,1999:blog-7466735253870864216.post-83837175375545645832009-04-14T10:06:00.000+08:002009-04-19T10:20:52.680+08:00Make Up Anime BlogDo you want your blog more attractive. Just create animated images that it can move in the blog page..You can put it in the top left corner, bottom left, top right or bottom right.How to make it.....?Follow the steps below.Step I:1. Login to Account Blogger2. Click Layout 3. Click Edit HTML4. Check Expand Template Widget in the top corner5. Find code ]]></b:skin>6. Before or above code ]]></b:Author'snoreply@blogger.com0tag:blogger.com,1999:blog-7466735253870864216.post-416435887589198082009-04-13T11:30:00.000+08:002009-04-13T11:52:47.675+08:00Install Google Translator 2Some time ago I've posted Install Google Translator version 1. Display version 1 may be less interesting. Now we post version 2, more interesting from the previous version, because there are pictures of all the state flag.Login to Account BloggerSelect LayoutSelect Add a Gadget --> HTML/JavascriptThen insert the following script<style>.google_translate img {filter:alpha(opacity=100);-moz-opacityAuthor'snoreply@blogger.com0tag:blogger.com,1999:blog-7466735253870864216.post-18583942889020593892009-04-10T13:40:00.001+08:002009-05-01T08:41:01.983+08:00Create Related PostTips to create a related article (related post), is quite simple, follow the steps below:Login to Account Blogger.Click "Layout-->Edit HTML"Check the box "Expand Template Widgets".Download Script Related Post file hereFind code <data:post.body/>.Insert Script Related Post below code <data:post.body/>Save TemplateNote:The blog that has "Readmore" usually has 2 code <data:post.body/>. Put Author'snoreply@blogger.com0tag:blogger.com,1999:blog-7466735253870864216.post-91224097461450277322009-04-09T11:58:00.000+08:002009-04-13T12:10:40.689+08:00Create Rainbow Text LinkYou may seen the Text Link, when you clickable text link, its blinking like rainbow. It seems nice...... If you want to know how to make it, follow these steps:First, login to your account http://blogger.com Click Layout --> Edit HTMLFind code <head>Copy the following script, insert below code <head><script src='http://www.geocities.com/sehatserasi72/rainbow.js'></script>Save TemplateAuthor'snoreply@blogger.com1tag:blogger.com,1999:blog-7466735253870864216.post-777550437050721042009-04-08T03:48:00.011+08:002009-04-13T11:20:19.113+08:00Give Highlight The ArticlesThe function of Highlight is to clarify the words that is shown by author. This tricks will enhance to your blog.To make it follow the following steps:Login to Blogger accountSelectLayout--> Edit HTML"Find code ]]></b:skin>Then copy the following code, insert before or above the code ]]></b:skin>.alert { background: #DDE4FF;text-align: left;padding: 5px 5px 5px 5px;border-top: 1px dotted Author'snoreply@blogger.com0tag:blogger.com,1999:blog-7466735253870864216.post-29257951078549241882009-04-07T10:40:00.000+08:002009-04-13T11:34:12.869+08:00Install the Google TranslatorSometimes our blog that in English Language, visit by the person who is a foreign language ..... How do these people so that they understand any posts. Let install the Google Translator . How do I do it? Follow the steps below:1. Login to Blogger2. Click Layout2. Select Add a Gadget --> HTML/Javascript3. Copy the following script<script src="http://www.gmodules.com/ig/ifr?url=http://Author'snoreply@blogger.com0tag:blogger.com,1999:blog-7466735253870864216.post-76276314394116885052009-04-06T13:09:00.000+08:002009-04-13T10:21:17.659+08:00Displaying IP AddressDo you want to show the IP address on your webblog ......Here's how to do:First Step :Visit the site http://www.infosniper.net/Select or Click GADGETSThere are various options IP Address Please Copy the code what you wantSecond Step :Login to your Blogger Account Select LayoutClick Add a Gadget Select HTML/Javascript"Paste the IP Address code that you copy beforeSaveResult :<iframe src="http://Author'snoreply@blogger.com1tag:blogger.com,1999:blog-7466735253870864216.post-6840476654412895202009-04-05T12:40:00.000+08:002009-04-13T10:09:05.610+08:00Create Snow Effect On Your Blog (1)Snow is no longer in a foreign country that have 4 seasons. Although the blog does not recognize season, we can make a snow effect on our blog. So, our blog is beautifully. Do you want see Demo, click here. So....? You want to do. Following this step:First, Login to your account BloggerClick Layout --> Page ElementsSelect Add Page Elements --> HTML/JavaScriptCopy the script below to the Author'snoreply@blogger.com0tag:blogger.com,1999:blog-7466735253870864216.post-28922805222967185892009-04-04T09:04:00.000+08:002009-04-13T09:39:41.496+08:00Install Time on BlogDo you want show time or clock on your blog, like this:Example Time Analog 0034Example Time Animation 8002Example Time Animal 2002Following this steps, please:First Step:Please visit this site http://clocklink.com/ Then click any post Want a clock on your Website ? on the right side bar. You see models of the available clock, such as Newest, Analog, Animal, Animation, Count Down &Author'snoreply@blogger.com1tag:blogger.com,1999:blog-7466735253870864216.post-43445876731659316092009-04-03T14:08:00.000+08:002009-04-11T14:40:55.473+08:00Making Text AreaYou certainly have seen any posts that are in the box or in the text area. In the text area can be filled any posts article, Text Links, Banner Links, and others. Text can modify the size of the area so that it can save space / blog space. Here's how to make it?, you can copy the following code.Text Area Standart<textarea rows="3" cols="40" name="Secret Tips and Tricks Blogger">Save Your Post, Author'snoreply@blogger.com0tag:blogger.com,1999:blog-7466735253870864216.post-80899358564606284622009-04-03T14:00:00.000+08:002009-04-10T15:38:21.483+08:00Making Label CloudOn a wordpress blog you can create a tag cloud label. But generally on a blogger blog, we can’t see it, You can modify your Label in a blogger blog.Here are the steps:First, make sure that you have added label element in your blog.Sign in into blogger AccountClick Layout menu --> Edit HTML tabBack Up Your Template with Click Download Full Template (if you make mistakes in editing the template Author'snoreply@blogger.com4tag:blogger.com,1999:blog-7466735253870864216.post-44106464843175696072009-04-01T14:16:00.000+08:002009-04-01T14:48:30.155+08:00Making Border StyleThere are several types of border styles, such as:Example 1.<div style="border: 3px solid rgb(51, 51, 153); padding: 10px; overflow: auto; width: 95%; height: 30px;"></div>Result:Example 2.<div style="border: 3px dotted rgb(51, 51, 153); padding: 10px; overflow: auto; width: 95%; height: 30px;"></div>Result:Example 3.<div style="border: 3px ridge rgb(51, 51, 153); padding: 10px; overflow: auto; Author'snoreply@blogger.com0tag:blogger.com,1999:blog-7466735253870864216.post-38096794141667907222009-03-30T09:43:00.007+08:002010-02-16T22:05:38.121+08:00HTML Color Code Table Kode warna yang terpilih : Author'snoreply@blogger.com3tag:blogger.com,1999:blog-7466735253870864216.post-66347902337419991262009-03-25T22:01:00.000+08:002009-06-05T22:02:01.191+08:00Search EngineAuthor'snoreply@blogger.comtag:blogger.com,1999:blog-7466735253870864216.post-16186837349811014402009-03-25T12:39:00.000+08:002009-04-13T10:08:57.262+08:00Remove Blogspot Navigation BarNavbar or Navigation Bar, a frame that is located on a blog, there are generally on the top (above) a blog. If you feel upset you can remove it.Steps to remove the Navbar is as follows: First, Login in Blogger.com / Blogspot.comClik Layout --> Edit HTMLDo not forget to check Expand Widget Templates to be able to edit the template as a whole. Enter the following code into the tag head; or You Author'snoreply@blogger.com2tag:blogger.com,1999:blog-7466735253870864216.post-20644566998902146482009-03-13T16:04:00.001+08:002009-06-13T16:08:35.690+08:00Link ExchangeLink Secret Blogger Tips and TricksMy friend who want to link exchange please give comment on the box comment, and please make the link from your blog to here (http://secretbloggertips.blogspot.com).Please copy and paste the script below:Link ExchangeTips and Trick BloggerWe will create a backlink to your blog, if your blog have a link back here. Thank you.Author'snoreply@blogger.com0