Tampilkan postingan dengan label Tutorial. Tampilkan semua postingan
Tampilkan postingan dengan label Tutorial. Tampilkan semua postingan

Insert Video Widgets From blinkx

Posted by Unknown Minggu, 17 Januari 2010 0 komentar
Sony Walkman X Series 16 GB Video MP3 Player w/ OLED DisplayIn this opportunity I will give you tutorial about how to insert video widgets from blinkx. This widgets appears only icon, so will not interfere with loading capacity of blog pages and no need a big space.

The blinkx it widget lets you embed a link to related videos, directly into your own blog or site. blinkx it will retrieve results based on the text it finds on the URL you give it. Even if the website changes, blinkx it will still retrieve the most relevant results for it.


You can embed the blinkx it widget on your Blogger template so that every blog post you write will have an automatically generated list of related videos. The widget works by reading the text of each individual post and finding videos that are about the same topic. If, for example, you've blogged about your favorite sports team, it will find videos related to them; if you're blogging about your favorite hobby, then it'll link to videos on that hobby instead. To embed the blinkx it widget in Blogger and get related videos, just follow the instructions below.


To automate the addition of suggested videos to each post in Blogger, you'll need to add the correct code to your template. To do this, follow the simple instructions below:


1. Sign into Blogger and navigate to your blog.


2. Click 'Customize' in the top right corner of the screen.



3. Click 'Edit HTML' underneath the Template tab.



4. Make sure the 'Expand Widget Templates' checkbox is checked.



5. Find the section of code in the template containing <data:post.body/> (there should be one and only one) and replace with the following code:
<div id='blinkxit-start'></div><data:post.body/><div id='blinkxit-end'></div><br/><embed type="application/x-shockwave-flash" expr:src='"http://www.blinkx.com/blinkxitswf?urlToSearch=%27" + data:post.url + "%27"' style="position:absolute;" name="blinkxit" wmode="transparent" height="300" allowscriptaccess="always" width="300"></embed><img src="http://cdn.blinkx.com/images/tv/backdrop.gif" style="border:none;"/>


6. Please see sample result widget position under the article after installation in this blog.






Good Luck


Baca Selengkapnya ....

Make Favicon Blog

Posted by Unknown 1 komentar
TurboTax Deluxe Federal + State 2009 + efileMake a Favicon? What is Favicon? Maybe you are asking about this ... Well I'll explain a little what it Favicon. Favicon is the symbol / logo / identity of a website or blog that can provide a separate feature for visitors or subscribers website / blog us. Favicon will appear when visitors open a site in your browser's menu such as Internet Explorer, Firefox, Google Chrome, Safari or any other media browser. Incidentally I now use Google Chrome browser. You already know? If you do not understand, immediately send comments to this post ....

A few tips and tricks from some blogger's to put Favicon on Blog / Website have been I try, but most of it is less successful. Favicon appears only on the front page (home page), but does not appear in some other pages, and this time I have found the answer and try to share it to fellow readers, it's certainly my trial it will work also. Please, following details on the sample picture Favicon Website or Blog.

Perhaps the picture above you already know what that little Favicon, but how do I create? Let us begin making:
1. Open Google Draft
2. Click Layout>>>Edit HTML
3. Save your template before beginning this trial, click "Download Full Template" and save
    to your computer
4. Let's start making Favicon:
  • Make your first Logo/Image your Website/Blog, convert image files/logo files to http://www.favicon.cc you must sign-in a member in this site.
  • Or you make convert file in here without registering a member.
  • Save your file favicon in Site Google (if not yet have this site, you must registered to make private website before, caused this site as hosting your favicon file). Your website of your create can you publish or not is up to you. A very important thing in this website is can be used to get money, find out how here.
  • After create a website in Google Site, please following this  instructions:
  • Upload favicon file from your computer to Site Google.
  • After finished upload, click view and you can see screenshot bellow:

  • Appear in screenshot above, your URL favicon file after upload in Google Site.
  • For use in Blogger, you must use the red writing only, see the script bellow (this script is sample from my site, you must change with your hosting URL:
http://1272212021810775358-a-1802744773732722657-s-sites.googlegroups.com/site/bestinfofootball/favicon.ico?attachauth=.....etc...

  • Find Edit HTML script :  <title><data:blog.pageTitle/></title>
  • Position in your HTML script would be like below:
    <title><data:blog.pageTitle/></title>
    <link href='URL favicon' rel='shortcut icon' type='image/x-icon'/>
    • Change URL Favicon with your address hosting.
    • Save and see the result.
    • If you want make animation favicon, position in your HTML script would be like bellow:
    <title><data:blog.pageTitle/></title>
    <link href='URL animasi favicon' rel='shortcut icon' type='image/gif'/>
    • Before you make favicon animation, you must save as your file in extension gif. Because file animation using extension gif, and you can hosting your file in free image hosting such as TinyPic.

    Good Luck

    Baca Selengkapnya ....

    Background Color Effect

    Posted by Unknown Rabu, 30 Desember 2009 6 komentar
    20 Million Miles to Earth (Colorized Version)This session I want help you to make Background Color Effect in your blog.
    Please following the instructions :
    1. Open Blogger Draft
    2. Click Layout --> Edit HTML and "Download Full Template", save to computer your template to be on guard if this experiment fails
    3. Encode first script bellow to Centricle.Com, than copy-paste to your template.
    4. Placement script before script:  </head>
    <script language="JavaScript">
    <!--
    //you can assign the initial color of the background here
    r=255;
    g=255;
    b=255;
    flag=0;
    t=new Array;
    o=new Array;
    d=new Array;


    function hex(a,c)
    {
    t[a]=Math.floor(c/16)
    o[a]=c%16
    switch (t[a])
    {
    case 10:
    t[a]='A';
    break;
    case 11:
    t[a]='B';
    break;
    case 12:
    t[a]='C';
    break;
    case 13:
    t[a]='D';
    break;
    case 14:
    t[a]='E';
    break;
    case 15:
    t[a]='F';
    break;
    default:
    break;
    }
    switch (o[a])
    {
    case 10:
    o[a]='A';
    break;
    case 11:
    o[a]='B';
    break;
    case 12:
    o[a]='C';
    break;
    case 13:
    o[a]='D';
    break;
    case 14:
    o[a]='E';
    break;
    case 15:
    o[a]='F';
    break;
    default:
    break;
    }
    }


    function ran(a,c)
    {
    if ((Math.random()>2/3||c==0)&&c<255)
    {
    c++
    d[a]=2;
    }
    else
    {
    if ((Math.random()<=1/2||c==255)&&c>0)
    {
    c--
    d[a]=1;
    }
    else d[a]=0;
    }
    return c
    }
    function do_it(a,c)
    {
    if ((d[a]==2&&c<255)||c==0)
    {
    c++
    d[a]=2
    }
    else
    if ((d[a]==1&&c>0)||c==255)
    {
    c--;
    d[a]=1;
    }
    if (a==3)
    {
    if (d[1]==0&&d[2]==0&&d[3]==0)
    flag=1
    }
    return c
    }
    function disco()
    {
    if (flag==0)
    {
    r=ran(1, r);
    g=ran(2, g);
    b=ran(3, b);
    hex(1,r)
    hex(2,g)
    hex(3,b)
    document.body.style.background="#"+t[1]+o[1]+t[2]+o[2]+t[3]+o[3]
    flag=50
    }
    else
    {
    r=do_it(1, r)
    g=do_it(2,g)
    b=do_it(3,b)
    hex(1,r)
    hex(2,g)
    hex(3,b)
    document.body.style.background="#"+t[1]+o[1]+t[2]+o[2]+t[3]+o[3]
    flag--
    }


    setTimeout('disco()',0)
    }
    //-->
    </script>

    5. Add the below script after this script:      <body>
    <body onload='disco()'/>

    6. Save your template and see the result.
    7. See Test Page for your reference result.

    Good Luck

    Baca Selengkapnya ....

    Page Peel Effect For Blogger

    Posted by Unknown 1 komentar
    The Bells of Tomorrow (peel Through the Cities of Today)This session I would give you tricks how to make Page Peel Effect for Blogger on the top right corner with the FeedBurner display result.
    Please, following this instructions:

    1. Open Blogger Draft
    2. Click Layout --> Edit HTML and "Download Full Template", save to computer your template to be on guard if this experiment fails
    3. Encode first script bellow to Centricle.Com, if your template non compatible with this script.
    4. Copy-paste script to your template
    5. Add this script below on above script :  
    </head>


    <style type='text/css'> img { behavior: url(iepngfix.htc) } #pageflip { position: relative; right: 0; top: 0; float: right; } #pageflip img { width: 50px; height: 52px; z-index: 1500; position: fixed; right: 0; top: 0; -ms-interpolation-mode: bicubic; } #pageflip .msg_block { width: 50px; height: 50px; overflow: hidden; position: fixed; right: 0; top: 0; background: url(http://i45.tinypic.com/nn09hi.jpg) no-repeat right top; } </style> <script src='http://code.jquery.com/jquery-latest.js' type='text/javascript'/> <script type='text/javascript'> $(document).ready(function(){ //Page Flip on hover $(&quot;#pageflip&quot;).hover(function() { $(&quot;#pageflip img , .msg_block&quot;).stop() .animate({ width: &#39;307px&#39;, height: &#39;319px&#39; }, 500); } , function() { $(&quot;#pageflip img&quot;).stop() .animate({ width: &#39;50px&#39;, height: &#39;52px&#39; }, 220); $(&quot;.msg_block&quot;).stop() .animate({ width: &#39;50px&#39;, height: &#39;50px&#39; }, 200); }); }); </script>


    6. Than add this script below after script :       <body>

    <div id='pageflip'> <a href='http://feeds.feedburner.com/SmartBestInfo'><img alt='' src='http://i48.tinypic.com/k06fps.jpg'/></a> <div class='msg_block'/> </div>


    7. Change red color script with your own URL
    8. Save your template
    9. See test page for your reference result


    Good Luck.

    Baca Selengkapnya ....

    Setting DNS Telkom Untuk Pengguna Speedy

    Posted by Unknown Senin, 28 Desember 2009 5 komentar

    Setting DNS Telkom Untuk Pengguna Speedy

    Tahukah Anda bagaimana mempercepat browsing internet Anda....?
    Pernahkah anda mengalami masalah, internet anda tidak dapat membuka suatu site dengan sempurna?
    Inilah jawabannya, Smart Best Info mendapatkan Info dari Situs Telkom Speedy
    Salah satunya adalah setting DNS (Domain Name Server) yang sesuai area lokasi pemasangan Speedy Anda, meskipun pada dasarnya secara otomatis DNS pengguna Speedy telah diset pada Perangkat Network Speedy (Broadband Acess Server).
    Sebagai informasi bahwa PT Telekomunikasi Indonesia, tbk memiliki sejumlah DNS yang dapat digunakan oleh pengguna Speedy, berikut infonya.



    No Lokasi DNS IP Address
    1. Medan 203.130.206.250
    2. Batam 203.130.193.74
    3. Jakarta 1 202.134.0.155
    4. Jakarta 2 203.130.196.155
    5. Bandung 222.124.204.34
    6. Surabaya 202.134.1.10
    7. Balikpapan 203.130.209.242
    8. Denpasar 61.94.192.12

    Setting DNS Telkom Untuk Pengguna Speedy

    Setting DNS dapat dilakukan pada modem pelanggan atau pada komputer pelanggan. Pada Artikel ini yang akan dijelaskan adalah cara Setting DNS di Komputer dengan tahapan sebagai berikut :

    1. Pilih menu Setting > Network Connection > Local Area Connection


    2. Pilih Internet Protocol (TCP/IP)


    3. Setting DNS, sesuai dengan lokasi pemasangan Speedy Anda.

    Contoh misalnya setting DNS untuk lokasi Bandung :

    Selamat Mencoba
    Setting DNS Telkom Untuk Pengguna Speedy

    Baca Selengkapnya ....

    Make Snow Effect in Blogger

    Posted by Unknown Sabtu, 26 Desember 2009 0 komentar
    In accordance with the theme this time on Christmas Day and welcome the New Year 2010, this time I will discuss how to make a snow effect on the blog with pictures of our own creation, without having to use javascript borrow to another blogger's files, we just need to hosting images on free image hosting like TinyPic.
    Follow instructions bellow:
    1. Open Blogger Draft 
    2. Click Layout --> Edit HTML and "Download Full Template", save to computer your template to be on guard if this experiment fails
    3. Create a snow image creation itself, can be made on Logo Maker, its software can be downloaded here
    4. After the image is created, and save on free image hosting such as TinyPic
    5. Encode first script bellow to Centricle.Com, than copy-paste to your template.
    6. Placement script under the script:       <body>

    <script type="text/javascript">
    //Configure below to change URL path to the snow image
    var snowsrc="YOUR_IMAGE_URL"
    // Configure below to change number of snow to render
    var no = 10;
    // Configure whether snow should disappear after x seconds (0=never):
    var hidesnowtime = 0;
    // Configure how much snow should drop down before fading ("windowheight" or "pageheight")
    var snowdistance = "pageheight";
    ///////////Stop Config//////////////////////////////////
    var ie4up = (document.all) ? 1 : 0;
    var ns6up = (document.getElementById&&!document.all) ? 1 : 0;
    function iecompattest(){
    return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
    }
    var dx, xp, yp; // coordinate and position variables
    var am, stx, sty; // amplitude and step variables
    var i, doc_width = 800, doc_height = 600;
    if (ns6up) {
    doc_width = self.innerWidth;
    doc_height = self.innerHeight;
    } else if (ie4up) {
    doc_width = iecompattest().clientWidth;
    doc_height = iecompattest().clientHeight;
    }
    dx = new Array();
    xp = new Array();
    yp = new Array();
    am = new Array();
    stx = new Array();
    sty = new Array();
    snowsrc=(snowsrc.indexOf("dynamicdrive.com")!=-1)? "snow.gif" : snowsrc
    for (i = 0; i < no; ++ i) {
    dx[i] = 0; // set coordinate variables
    xp[i] = Math.random()*(doc_width-50); // set position variables
    yp[i] = Math.random()*doc_height;
    am[i] = Math.random()*20; // set amplitude variables
    stx[i] = 0.02 + Math.random()/10; // set step variables
    sty[i] = 0.7 + Math.random(); // set step variables
    if (ie4up||ns6up) {
    if (i == 0) {
    document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><a href=\"http://dynamicdrive.com\"><img src='"+snowsrc+"' border=\"0\"><\/a><\/div>");
    } else {
    document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+snowsrc+"' border=\"0\"><\/div>");
    }
    }
    }
    function snowIE_NS6() { // IE and NS6 main animation function
    doc_width = ns6up?window.innerWidth-10 : iecompattest().clientWidth-10;
    doc_height=(window.innerHeight && snowdistance=="windowheight")? window.innerHeight : (ie4up && snowdistance=="windowheight")? iecompattest().clientHeight : (ie4up && !window.opera && snowdistance=="pageheight")? iecompattest().scrollHeight : iecompattest().offsetHeight;
    for (i = 0; i < no; ++ i) { // iterate for every dot
    yp[i] += sty[i];
    if (yp[i] > doc_height-50) {
    xp[i] = Math.random()*(doc_width-am[i]-30);
    yp[i] = 0;
    stx[i] = 0.02 + Math.random()/10;
    sty[i] = 0.7 + Math.random();
    }
    dx[i] += stx[i];
    document.getElementById("dot"+i).style.top=yp[i]+"px";
    document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i])+"px";
    }
    snowtimer=setTimeout("snowIE_NS6()", 10);
    }
    function hidesnow(){
    if (window.snowtimer) clearTimeout(snowtimer)
    for (i=0; i<no; i++) document.getElementById("dot"+i).style.visibility="hidden"
    }
    if (ie4up||ns6up){
    snowIE_NS6();
    if (hidesnowtime>0)
    setTimeout("hidesnow()", hidesnowtime*1000)
    }
    </script>

    7. Change "YOUR_IMAGE_URL" (script purple color) with image hosting where you save the image file
    8. Save your template, and see the results.

    Similarly tutorials, tips and tricks can be useful for colleagues Blogger as well.
    Good Luck

    Baca Selengkapnya ....

    Best Widget For Your Blog / Website

    Posted by Unknown Minggu, 20 Desember 2009 2 komentar
    Widgets are a handy, easy and simple way to add some flare to your blog. Whether you’d like to display the number of currently online visitors to your site or simply the weather report for Los Angeles, you can do it with widgets. We’ve assembled a list of 47 useful or simply cool widgets for your pleasure. And remember, the first rule of widgetizing your blog is don’t over do it!


    1. MyBlogLog’s Recent Readers - this widget can easily be called a hit amongst blog owners; its popularity even managed to convince Yahoo into buying MyBlogLog. The widget lets you see the avatars of recent visitors to your blog, provided they’re also members of MyBlogLog.

    2. Mashable - get the latest social networking news from this very site.

    3. Flickr Flash Photo Stream Badge - display images from your Flickr profile with a handy Flash photo stream.

    4. Preview Anywhere - see a live preview of outgoing links in a small popup which activates on mouseover. Some find this annoying, while others might find it useful.

    5. Twitter Badge - if your life is so interesting that everyone must know what you’re up to all the time, then a Twitter badge is the ideal counterpart to your blog. It’ll proudly displays your recent tweets.

    6. Digg News - display the latest Digg links on your blog. Themeable and fully customizable.

    7. FEEDJIT - real time traffic data directly in your blog’s sidebar.

    8. LineBuzz - inline comments for your blog. Very handy for blogs with frequent lively discussions.

    9. Flixn - display a stream directly from your webcam, so your blog visitors can always see what you’re up to.

    10. 3Jam - lets your visitors send messages to your mobile phone, without them knowing your phone number.

    11. Jaxtr - with Jaxtr, your visitors can actually call you to your mobile phone; again, your number stays private.

    12. LinkedInABox - show off your LinkedIn profile. Perfect for personal blogs.

    13. Box Widget - enable visitors to use box.net’s online storage directly on your web site.

    14. Price of gas - displaying gas prices on your blog might seem unnecessary to some, but it’s cool if you have a traffic/travel related blog.

    15. iBegin Weather Widget - Display weather information in your sidebar. Just like with Price of Gas, works great with travel-related blogs.

    16. Film Loops - display the latest loops from your FilmLoops account.

    17. Daily Painters - display paintings from famous painters on your blog.

    18. WhoLinked - show your visitors which sites have recently linked to your web site. Works with all major blog platforms.

    19. Criteo AutoRoll - displays links to blogs similar to your blog.

    20. Bitty Browser - embed a cute, fully functional mini web browser to your blog.

    21. Leafletter - create a mini website and embed it into your blog.

    22. WikiSeek - search Wikipedia with this simple widget.

    23. FeedCount - show off the number of visitors to your blog with this handy little button.

    24. Technorati Link Count - display the number of links your website has from one of the biggest blog authorities - Technorati.

    25. MyPageRank - another good way to show how “big” your blog is is to show off your Google PageRank.

    26. CheckPageRank - in addition to showing your PageRank, this widget also shows your Alexa ranking.

    27. BlinkxIt - embed a link to related videos directly into your website.

    28. Skype button - display your Skype online/offline status on your blog.

    29. RockYou Horoscope - not something I would personally use, but some people are into horoscope. Hell, most people are into horoscope. Anyway, this widget shows horoscope (doh!) and does it in a nicely designed colorful box.

    30. del.icio.us Tagometer - display how many times have del.icio.us users saved your page.

    31. del.icio.us Linkrolls - this badge shows your latest bookmarks from del.icio.us.

    32. Timelines - need to create a timeline? Seek no further. This widget makes it really easy.

    33. PollDaddy - PollDaddy lets you create beautiful polls in no time, and display them at your blog.

    34. Vizu - another poll-making widget, compatible with all major blog platforms.

    35. AnswerTips - display definitions from Answers.com for various terms on your blog. The definitions are shown in bubbles which are activated on doubleclick.

    36. AnswerBoxes - give your visitors a chance to enter a term themselves, and get a definition from Answers.com

    37. Now Playing - if you got to share your current playlist contents with the world, Sigamp will do the trick. Works with most popular music players, including Foobar, Winamp, iTunes and others.

    38. BuzzBoost - display headlines from your RSS feed on any website.

    39. LibraryThing - show off the latest books you’ve been reading.

    40. Plaxo Address Book - let your most faithful visitors access their address books direclty from your site.

    41. AuctionAds - a widget that displays auctioned items on eBay, and gives you a percentage of the price paid when sometimes buys an item.

    42. aStore - similar to AuctionAds, only for Amazon. Create a mini-store on your site and receive profit when someone buys an item through your store.

    43. Plazes - show your current location on a Plazes map.

    44. Stockalicious - track your portfolio with this widget, and share it with others. Let everyone know how much money you’ve lost.

    45. Yahoo! For Good - create a charity badge and ask for donations for a worthy cause.

    46. Giftspace - your friends never know what to buy you for birthday? Let them know what you really want with this nifty widget.

    47. MixMap - see where are the visitors to your MySpace profile from on a map.



    Do you add this info? Please comment in this post

    Baca Selengkapnya ....

    How To Make Guest Book Hidden

    Posted by Unknown 1 komentar
    Maybe you're finding out how to create a Guest Book / ShoutMix hidden such as in this blog page.
    This function will be help you to adjust the settings of your blog pages so it takes up less space.

    For make this function please following the instructions bellow:
    1. Login to Blogger in Draft
    2. Save your template before (select Layout than Edit HTML, select "Download Full Template" and save to your hard disk)
    3. Select Page Element "Add a Gadget" in anywhere, than select "HTML/JavaScript".
    4. Copy-paste this script bellow:


    <style type="text/css"> #gb{ position:fixed; top:0px; z-index:+1200; } * html #gb{position:relative;}  
    .gbtab{ height:200px; width:40px; float:left; cursor:pointer; background:url('YOUR URL IMAGE HOSTING') 
    no-repeat; } .gbcontent{ float:left; border:2px solid #ADD8E6; background:#F5F5F5; padding:0px; } 
    </style> <script type="text/javascript"> function showHideGB(){ var gb = document.getElementById("gb"); var w = gb.offsetWidth; gb.opened ? moveGB(0, 40-w) : 
    moveGB(40-w, 0); gb.opened = !gb.opened; } function moveGB(x0, xf){ var gb = document.getElementById("gb"); var dx = Math.abs(x0-xf) > 10 ? 8 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; gb.style.right = x.toString() + "px"; if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 5);} } </script> <div id="gb"> <div class="gbtab" onclick="showHideGB()"> </div> <div class="gbcontent">  


    <!-- Begin ShoutMix - ....YOUR FULL CODE SCRIPT FROM ShoutTMix...............<!-- End ShoutMix -->  


    <div style="text-align:right"> <a href="javascript:showHideGB()"> [close] </a> </div> </div> </div> <script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.right = (40-gb.offsetWidth).toString() + "px"; </script>


    5. Change script (brown color of script above) accordance with your own
    6. Setting position in accordance with the circumstances of your blog compiled such as position of top, bottom or middle, left or right position, etc.
    7. Setting height position (50px, 100px, 150px, etc)
    8. Setting color, see the Color Code


    Good Luck





    Baca Selengkapnya ....

    Software Tab Menu CSS

    Posted by Unknown Rabu, 18 November 2009 1 komentar

    Who are interested in web design course using tab menu is very important as the menu navigation for the web that we will make, but often times when we were more taken to make the menu layout or images with image processing such as adobe photoshop, gimp, or another image processing have not we change it into the form of CSS.

    This time I found one for tools to facilitate blogger buddies in this tab to customize this menu, which will make it easier to mate in the menu tab for our web design, especially this tool can also converted into the CSS code form so that we do not need to bother again with the hand coded which would need extra effort for a beginner like me. This tool is quite light with a file size of 1.45 MB and CSS menu tab software is very easy to use software especially in this application is FREEWARE!

    CSS menu tab software provides a few CSS style menu is quite interesting innate, whether it is a model horizontal menu tab or vertical tab menu, so just stay put because it was in the provided HTML and CSS code was really very simple and effective in my opinion, because theCSS menu tab software facilitates us in making CSS menus without having to worry about with us in hand coded or write HTML or CSS code it. If interested please blogger buddies directly download a free application CSS menu tab click below:








     CSS File Download



    Baca Selengkapnya ....

    Cara Buat Blog di Blogger dot Com

    Posted by Unknown Selasa, 17 November 2009 0 komentar

    Blog adalah Media dalam ber-Komunikasi dan Informasi yang sangat besar perannya dalam kehidupan sosial kita, tempat berbagi, bertukar pikiran serta bertukar pengalaman yang dapat menambah ilmu dan pengetahuan kita, disamping itu Google bagi-bagi rejeki untuk pemilik Blog yang Web Blog - nya di klik oleh pembaca.
    Oleh karena sangat pentingnya untuk hubungan sosial dan income kantong kita, maka dalam kesempatan ini saya berbagi sedikit pengetahuan saya yaitu membahas bagaimana cara membuat Blog dengan singkat, cepat dan paling utama adalah bisa dibuat oleh siapa saja. Singkat saja prakata ini, mari kita mulai mencoba membuat Blog...


    Baca Selengkapnya ....

    Submit Sitemap di Google Webmaster

    Posted by Unknown Kamis, 05 November 2009 0 komentar
    Pada dasarnya tujuan semua blogger rata - rata hampir sama, yaitu SEO dan Backlink. Untuk urusan search engine, memasang meta tag dan penggunaan keyword yang benar adalah salah satu cara agar blog kita menjadi yang terbaik dimesin pencari. Banyak hal yang terjadi pada blogger pemula, mereka lupa atau tidak tahu caranya agar blog lebih cepat terindeks oleh Google. Bagaimana bisa menjadi blog terbaik jika hal seperti ini saja tidak tahu.
    Sedikit berbagi, saya akan menjelaskan salah satu cara agar blog kita cepat terindeks oleh google dengan mudah dan cepat, yaitu dengan cara memasang sitemap webmaster ke blog kita.

    Langsung saja pada tujuan utama. silahkan sobat buat account gmail terlebih dahulu, tapi biasanya sudah pada punya ya, kan sudah punya blog.
    1. Silahkan login ke Google Webmaster dengan account sobat.
    2. Pada halaman depan, klik tombol Add a site.
    3. Kemudian isi alamat blog sobat pada kolom kosong yang tersedia.

      Isi domain tanpa 
      www, contoh : smart-best-info.blogspot.com
    4. Klik Continue.
    5. Kemudian akan muncul kode meta tag seperti contoh berikut :
    6. Login ke Blogger.
    7. Klik Tata Letak.
    8. Klik Edit HTML.
    9. Kemudian tambahkan kode meta tag tersebut tepat dibawah <head>, sedikit informasi buat blogger pemula, kode  terletak di bagian atas template.
    10. Sehingga hasilnya menjadi seperti ini :
    11. Kemudian Simpan Template sobat.
    12. Kembali ke halaman webmaster, lalu klik Verify.
    13. Kemudian akan muncul halaman baru, cari tombol yang bertuliskan Submit a sitemap.
    14. Klik Submit a sitemap.       
    15. Masukkan Url blog sobat, jika sobat menggunakan blogspot, tambahkan alamat Url blog sobat seperti contoh berikut ini :
      http://namablogsobat.blogspot.com/atom.xml
      http://namablogsobat.blogspot.com/rss.xml
      http://namablogsobat.blogspot.com/atom.xml?redirect=false&start-index=1&max-results=100
      http://namablogsobat.blogspot.com/feeds/posts/default?orderby=updated
    16. Tambahkan pada kolom kosong yang tersedia, kemudian klik tombol Submit a sitemap.
    Nah langkah selanjutnya adalah menunggu dengan sabar, apakah prosesnya berhasil atau tidak.


    Selamat Mencoba


    Baca Selengkapnya ....