Product Connect makes it easier to design with real products

Wednesday, March 28, 2012

Last April, our friends (and partners) at Igloo Studios released Product Connect for Google SketchUp to help designers document the product choices made in their SketchUp models. Today, I’m happy to report a new version of Product Connect is now available for download from the Igloo Studios website. This version makes it even easier to design with real products.

This video provides a nice overview of the new release:


The new version of Product Connect features thousands of product models and these three plugin-based tools:

Get Products

Use Get Products to browse nearly 300 collections of branded and generic products

Get Products is a new tool that makes it dead simple to add pre-existing product models from the Google 3D Warehouse. Like the Get Models tool in SketchUp currently, Get Products launches the Google 3D Warehouse but directs you to a collection with nearly 300 sub-collections of branded and generic product models. You can choose products from a Product Connect enabled catalog and you'll find that product information has already been added for you. Or, choose other Building Product models and add the information yourself.

Product Editor

Product Editor being used to specify a Delta faucet

With the new Product Editor tool, you can now create your own Product Connect enabled models. Just take any SketchUp component (including materials), launch Product Editor, and add any information you need such as product type, name and description. Product Editor can also be used to add or edit info in pre-existing Product Connect enabled models such as project specific notes or price.

Report Maker

Report Maker created product schedule, pasted into a LayOut presentation

When you’ve finished your design, and filled it with Product Connect enabled components, the new and improved Report Maker tool allows you to save organized product schedules in .csv format. With just a few clicks, product lists can be included in construction document sets, edited to create pricing estimates, and even used to place and manage orders.

If you have an existing collection of SketchUp components that you’d like to enable for Product Connect, Igloo Studios offers a service for upgrading existing components. Or if you don’t already have product models created, Igloo Studios can help you with that too. Contact them for more information

Thanks again to Igloo Studios for another great launch that will help SketchUp users everywhere streamline the product selection and specification process.

Posted by Gopal Shah, SketchUp marketing

Awesome Stylish 404 Error Pages For Blogger

Sunday, March 25, 2012

Custom 404 Error Page for Blogger
404 Error or Page Not Found Error generated by Blogger when a user enters an invalid URL or 404 Error is an HTTP status code that means the page you are trying to reach on your Blog couldn't found or Page not exist in the Server.
By Default Blogger shows Error page message in a box and its not look Style.
Here I am saying about how to Customize it much better...




Only Custom message [No Style]

If you want to show only a custom message then First Go to updated Blogger Interface
Then Go to Setting->Search Preferences

Error Message with Stylish 404 images

If you want Colorful Stylish  404 page do the following.
  • Go to Design->Edit HTML
  • Find </head> and copy the below code just above it.
<b:if cond='data:blog.pageType == "error_page"'>
<style type="text/css">.status-msg-wrap{font-size:100%;margin:none;position:static;width:100%}.status-msg-border{display:none}.status-msg-body{padding:none;position:static;text-align:inherit;width:100%;z-index:auto}.status-msg-wrap a{padding:none;text-decoration:inherit}</style>
</b:if>
  • Save the Template

Error Page Style 1

Custom 404 error page for blogger 1

  •  Go to Setting->Search Preferences
  • Copy below code in Custom Page Not Found section [as shown in fig. first]
<h2 style="font-size: 35px;margin: 0;text-align: center;">Oops..! </h2>
<h3 style="font-size:17px;">Sorry,You are trying to reach an invalid page...!<br><a href="/">Click here</a> to go to Homepage <br> Have a nice Day...</h3><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNRIG9flD7QNgSNM6Z3gaavlJgC3IGrI_jZZ7BPwpkP6D1tgHfasaf_AUJ_xCLNrKOPhPEbFDAfVlwZX1VOdoOQoxy19DMfcarwSWhfZtMIwmM-hRfp0MyvK9ExdkqgbbpDIl8M9ZpU0o/s1600/404+error+page+1.jpg"/>

Error Page Style 2

Blogger custom Error page
  • Go to Setting->Search Preferences
  • Copy below code in Custom Page Not Found section [as shown in fig. first]
<h2 style="font-size: 35px;margin: 0;text-align: center;">Oops..! </h2>
<h3 style="font-size:17px;">Sorry,You are trying to reach an invalid page...!<br><a href="/">Click here</a> to go to Homepage <br> Have a nice Day...</h3><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1nm_2yrboKO0B1ABYLjkKOwYrYbedmFX7caBX8lhgG0r2Kt2O41gCIANM_Yy_q5mwL44B6MajP6oBZUIL5_Cn4F6H-40hG-IbtOI9Si0FBvVQ7OGANxgFMUcarBw2A0YKAZwyWj0r29U/s1600/404+error+page+2.jpg"/>

Error Page Style 3


  • Go to Setting->Search Preferences
  • Copy below code in Custom Page Not Found section [as shown in fig. first]
<h2 style="font-size: 35px;margin: 0;text-align: center;">Oops..! </h2>
<h3 style="font-size:17px;">Sorry,You are trying to reach an invalid page...!<br><a href="/">Click here</a> to go to Homepage <br> Have a nice Day...</h3><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjriE4N7UFc7IO9U-zO3-xPeFt7O9FHl_mZ36-ykAAJL1ipeaVpgMgRX7zQG1_JGt6YJBaNdqWYa2Hs4rW34O-LlSXLAgl5DVaoVkIO0W3aypcWST9S9gDQ6TXBujG8BgFqvTSQg0h4T74/s1600/404+error+page+4.jpg"/>

Error Page Style 4

blogger custom 404 error page
  • Go to Setting->Search Preferences
  • Copy below code in Custom Page Not Found section [as shown in fig. first]
<h2 style="font-size: 35px;margin: 0;text-align: center;">Oops..! </h2>
<h3 style="font-size:17px;">Sorry,You are trying to reach an invalid page...!<br><a href="/">Click here</a> to go to Homepage <br> Have a nice Day...</h3><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjS7URx96x74puicRij3CgRDbq7co5qNwSwxwp5837cCsWx80z_NRTj3zck7VdEZ1fuurJtpOHJj0HAaAU6fwcAf0GuH_o4NhGKfIWaHGMp_9Xmr8QbDEJBzsUZhFMNX9mbC3OnYqAUKHw/s320/404+error+page+6.jpg"/>

Error Page Style 5


  • Go to Setting->Search Preferences
  • Copy below code in Custom Page Not Found section [as shown in fig. first]
<h2 style="font-size: 35px;margin: 0;text-align: center;">Oops..! </h2>
<h3 style="font-size:17px;">Sorry,You are trying to reach an invalid page...!<br><a href="/">Click here</a> to go to Homepage <br> Have a nice Day...</h3><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5xRKbLfXBufg4aK4tqp1ZqHKoQ3kABcgLl11J1PB5ZTa2aERlSDJKXds-Dgq6JeOkD5jmjJ_c1-pgNi4O5THQddTXjTUpAn95uUPxs4f-wIF1ZXHqKQBCg5llWNgN2bYYyRO7bw1nlvk/s1600/404+error+page+7.jpg"/>

Error Page Style 6


  • Go to Setting->Search Preferences
  • Copy below code in Custom Page Not Found section [as shown in fig. first]
<h2 style="font-size: 35px;margin: 0;text-align: center;">Oops..! </h2>
<h3 style="font-size:17px;">Sorry,You are trying to reach an invalid page...!<br><a href="/">Click here</a> to go to Homepage <br> Have a nice Day...</h3><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnF7WCv76jnxd33_9vdiVC5whsCYXMJxFX1hciVQf_MM12nXn0m4Ew5o_0bKa3iKkP1SweSFfm0J1GPQOqbpzZ9BYaSJOsSO7hnwRzOEv9RQkUR-cJPsli9wA2vCvBm5y2OUKM9PC2e-Y/s1600/404+error+page+3.jpg"/>

Then Click Save..That all..
First thanks to Bloggerplugins.com for the custom error page code, visit here. Then i made some changes and add beautiful 404 images that i was inspired from HongKiat .

I thinks this article helped you..If any bugs of doubts don't hesitate to ask..do comment...
Like and share...

'Save a Copy As' is my new favorite command

Friday, March 23, 2012

Every time I talk to Mitchel Stangl, I learn something new. Mitchel’s a mechanical engineer who uses SketchUp Pro to build massively intricate models of processing and manufacturing facilities. On his last visit to SketchUp HQ, Mitchel helped me improve my workflow by telling me about the File > Save A Copy As… command (which we apparently added at his suggestion).

When I’m working on a big model in SketchUp, I like to save a new copy of my file every few hours. Doing so lets me easily go back to a previous version in case I’ve accidentally deleted something I need — this happens more often than I care to admit. It also provides a measure of protection against file corruption, which isn’t common, but can be devastating.

For the last eight years, I’ve been choosing File > Save As… and creating a numbered copy in the folder that contains my project. The result is a long, long list of sequentially numbered files. The most recent is the one with the highest number appended to the end, as you can see in the screenshot below. Simple, no?

Using File > Save As... to create a sequential archive of files is straightforward, but there's a more efficient way to work.

There are two problems with this system (as I’ve come to find out the hard way): First, when I come back to a project after a hiatus, I’m never 100% sure that I’m working on the latest version of my file. Maybe I saved a newer version somewhere else? Second, when I’m working on a set of drawings in LayOut, the linked SketchUp file always needs to be the most recent one. Every time I change the name of the SketchUp file (three or four times a day), I need to manually re-link the new model to my LayOut file. Yech.


If you periodically "Save As" your SketchUp model with a new version number, the workflow with LayOut is awkward. You'll spend a lot of time relinking your current model to your LayOut file.

Using the Save A Copy As… command (instead of Save As…) takes care of both these issues. It lets you save a version of your model as a new file without renaming the one you’re working on. The saved versions can be numbered and archived, but the “master” version is always called the same thing. There’s no confusion about which is the latest, and working with LayOut is twenty times easier. Presto.

Choosing Save A Copy As... allows you to save "snapshots" of your model while continuing to work on the same file. I like to keep an archive of old versions in a separate folder, just to keep things tidy.

I love it when answers to complicated problems are so simple. Thanks Mitchel!

Awesome CSS3 animated Menu for blogger Blog

css3 sliding menus for blogger blog
There are many menus available on internet .Here I am saying about some pure css3 menus for your Blogger Blog.Here is a collection of pure css3 sliding animation menus.Let us see how to setup a beautiful menu for your Blogger Blog.










Want to see demo??Click the link below.
  • Go to Design->Page Elements [Take Layout in new template]
  • Click on Add gadget just below the Header
  •  Select HTML/Javascript and leave title as blank and copy the corresponding code of menu listed below
  • You can change RED highlighted text with your Menu title and GREEN with LINK

Add Elemic Blue Menu


<style type="text/css">.menu li{list-style:none;display:inline}.menu li a{-moz-transition:all 270ms ease-in-out 0s;-webkit-transition:all 310ms ease-in-out;-o-transition:all 270ms ease-in-out;background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaXLva3u-uzP12qR3ED_CLauyn9hq_21XfJffHICyzBmYS_il6Ib_J92jJ08-LyPwhnIQL0oWmuvojaXEx-neF6zNWxFvvCDEGo05vlZOJv-2ma59014JVikKsephn0H9DaDOm7RZKORk/s1600/noop-menu-blogger.png") repeat scroll 0 0 transparent;border:1px solid #1357AF!important;border-radius:3px 3px 3px 3px;color:#FFFFFF!important;font:14px arial!important;padding:10px 38px!important;text-decoration:none;text-shadow:1px 1px 0 #000;margin-left:-5px}.menu li a:hover{background-position:right center!important}</style><a href="http://netoopsblog.blogspot.com" style="position: absolute;z-index:-11;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuoV1911LslaRA8LnGxUxm_2RxE2KjkNWrSMuJnB23RLHDObILFFn9ED_NhZfaaheMAA9_cwuR1xsDIbXtCdfc1SLpfEjEk_9YyWw5A-5kaCnsEGuBsAOGuLtgGR6e83b9_llElbDDHIc/s1600/1x1juice.png" /></a>

<div class="noop-menu-blue">
    <ul class="menu">
        <li><a href="http://netoopsblog.blogspot.com/">Home</a></li>
        <li><a href="#">Features</a></li>
        <li><a href="http://netoopsblog.blogspot.in/search/label/Spice%20your%20Blog">Products</a></li>
        <li><a href="http://netoopsblog.blogspot.in/search/label/Blogger%20Widgets">Contact</a></li>
        <li><a href="http://netoopsblog.blogspot.in/search/label/Blogger%20Tips">Tips</a></li>
        <li><a href="http://netoopsblog.blogspot.in/search/label/Blogger%20Tricks">Tricks</a></li>
        <li><a href="#">About</a></li>
    </ul>

</div>


Add Green Menu


<style type="text/css">.menu li{list-style:none;display:inline}.menu li a{-moz-transition:all 270ms ease-in-out 0s;-webkit-transition:all 310ms ease-in-out;-o-transition:all 270ms ease-in-out;background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhv5V0fSqEWdrt_oFEpijLMW_UT8tCv2Nf8CvT7cSk1axam0JmvY4e0KBb_D1eT6u1jZEaUdAKH2x7kG9nFSWKafoEMqw2RODA8fpkGDmNCrS7Z7Q4XKLhc_h36P1MBQNxHMu5QELdLGx0/s1600/netoops-menu-blogger+green.png") repeat scroll 0 0 transparent !important;
border: 1px solid #0E8410 !important;border-radius:3px 3px 3px 3px;color:#FFFFFF!important;font:14px arial!important;padding:10px 38px!important;text-decoration:none;text-shadow:1px 1px 0 #000;margin-left:-5px}.menu li a:hover{background-position:right center!important}</style><a href="http://netoopsblog.blogspot.com" style="position: absolute;z-index:-11;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuoV1911LslaRA8LnGxUxm_2RxE2KjkNWrSMuJnB23RLHDObILFFn9ED_NhZfaaheMAA9_cwuR1xsDIbXtCdfc1SLpfEjEk_9YyWw5A-5kaCnsEGuBsAOGuLtgGR6e83b9_llElbDDHIc/s1600/1x1juice.png" /></a>

<div class="noop-menu-green">
    <ul class="menu">
        <li><a href="http://netoopsblog.blogspot.com/">Home</a></li>
        <li><a href="#">Features</a></li>
        <li><a href="http://netoopsblog.blogspot.in/search/label/Spice%20your%20Blog">Products</a></li>
        <li><a href="http://netoopsblog.blogspot.in/search/label/Blogger%20Widgets">Contact</a></li>
        <li><a href="http://netoopsblog.blogspot.in/search/label/Blogger%20Tips">Tips</a></li>
        <li><a href="http://netoopsblog.blogspot.in/search/label/Blogger%20Tricks">Tricks</a></li>
        <li><a href="#">About</a></li>
    </ul>

</div>




Add Grape Purple Menu


<style type="text/css">.menu li{list-style:none;display:inline}.menu li a{-moz-transition:all 270ms ease-in-out 0s;-webkit-transition:all 310ms ease-in-out;-o-transition:all 270ms ease-in-out;background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2k9uRokeFpi02TBVID07wP9bYcNKZN-mKiWkj8TLCmfa7OieQ4x1bzaTBd186p385_FxbdC1FYVAPkLVWTl1-PVq0tf6M3MAV49OlEmV1lgut6E-ZR5oRcCqh5VDP4ik2Sm_3leS2rr4/s1600/netoops-menu-blogger+purple.png") repeat scroll 0 0 transparent !important;
border: 1px solid #7D0FAF !important;border-radius:3px 3px 3px 3px;color:#FFFFFF!important;font:14px arial!important;padding:10px 38px!important;text-decoration:none;text-shadow:1px 1px 0 #000;margin-left:-5px}.menu li a:hover{background-position:right center!important}</style><a href="http://netoopsblog.blogspot.com" style="position: absolute;z-index:-11;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuoV1911LslaRA8LnGxUxm_2RxE2KjkNWrSMuJnB23RLHDObILFFn9ED_NhZfaaheMAA9_cwuR1xsDIbXtCdfc1SLpfEjEk_9YyWw5A-5kaCnsEGuBsAOGuLtgGR6e83b9_llElbDDHIc/s1600/1x1juice.png" /></a>

<div class="noop-menu-purple">
    <ul class="menu">
        <li><a href="http://netoopsblog.blogspot.com/">Home</a></li>
        <li><a href="#">Features</a></li>
        <li><a href="http://netoopsblog.blogspot.in/search/label/Spice%20your%20Blog">Products</a></li>
        <li><a href="http://netoopsblog.blogspot.in/search/label/Blogger%20Widgets">Contact</a></li>
        <li><a href="http://netoopsblog.blogspot.in/search/label/Blogger%20Tips">Tips</a></li>
        <li><a href="http://netoopsblog.blogspot.in/search/label/Blogger%20Tricks">Tricks</a></li>
        <li><a href="#">About</a></li>
    </ul>

</div>




Add Light-Dark SkyBlue Menu


<style type="text/css">.menu li{list-style:none;display:inline}.menu li a{-moz-transition:all 270ms ease-in-out 0s;-webkit-transition:all 310ms ease-in-out;-o-transition:all 270ms ease-in-out;background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiS0-QPhwDCNhwZmeF7fWn1Qy4zG-Uj2aQK3TlVUZDwineaF9CpT6lkKHc3jAwmamNok2HZwBNbm2SVj0al7wsDcNES05NBmipRFppyODynlpeSLugmOjYdbRb7yUjD67575vuJ4Jj_pxM/s1600/netoops-menu-blogger+skyblue.png") repeat scroll 0 0 transparent !important;
border: 1px solid #138F93 !important;border-radius:3px 3px 3px 3px;color:#FFFFFF!important;font:14px arial!important;padding:10px 38px!important;text-decoration:none;text-shadow:1px 1px 0 #000;margin-left:-5px}.menu li a:hover{background-position:right center!important}</style><a href="http://netoopsblog.blogspot.com" style="position: absolute;z-index:-11;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuoV1911LslaRA8LnGxUxm_2RxE2KjkNWrSMuJnB23RLHDObILFFn9ED_NhZfaaheMAA9_cwuR1xsDIbXtCdfc1SLpfEjEk_9YyWw5A-5kaCnsEGuBsAOGuLtgGR6e83b9_llElbDDHIc/s1600/1x1juice.png" /></a>

<div class="noop-menu-skyblue">
    <ul class="menu">
        <li><a href="http://netoopsblog.blogspot.com/">Home</a></li>
        <li><a href="#">Features</a></li>
        <li><a href="http://netoopsblog.blogspot.in/search/label/Spice%20your%20Blog">Products</a></li>
        <li><a href="http://netoopsblog.blogspot.in/search/label/Blogger%20Widgets">Contact</a></li>
        <li><a href="http://netoopsblog.blogspot.in/search/label/Blogger%20Tips">Tips</a></li>
        <li><a href="http://netoopsblog.blogspot.in/search/label/Blogger%20Tricks">Tricks</a></li>
        <li><a href="#">About</a></li>
    </ul>

</div>




Add Tree Brown Menu


<style type="text/css">.menu li{list-style:none;display:inline}.menu li a{-moz-transition:all 270ms ease-in-out 0s;-webkit-transition:all 310ms ease-in-out;-o-transition:all 270ms ease-in-out;background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsBaQY3hFFla82LhOlrMUYsGsBBUW0Or8KESgNlpUEqUb9uA202f8HnBsa3jvB__E-ebSI7GAu9FIVlsbcoyhKd0FZHTyTFiruo-KmL9plR8-u1I00InLdXmIj6dtlcYt79kgrUawGNuc/s1600/netoops-menu-blogger+brown.png") repeat scroll 0 0 transparent !important;
border1px solid #7C4B12 !important;border-radius:3px 3px 3px 3px;color:#FFFFFF!important;font:14px arial!important;padding:10px 38px!important;text-decoration:none;text-shadow:1px 1px 0 #000;margin-left:-5px}.menu li a:hover{background-position:right center!important}</style><a href="http://netoopsblog.blogspot.com" style="position: absolute;z-index:-11;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuoV1911LslaRA8LnGxUxm_2RxE2KjkNWrSMuJnB23RLHDObILFFn9ED_NhZfaaheMAA9_cwuR1xsDIbXtCdfc1SLpfEjEk_9YyWw5A-5kaCnsEGuBsAOGuLtgGR6e83b9_llElbDDHIc/s1600/1x1juice.png" /></a>

<div class="noop-menu-brown">
    <ul class="menu">
        <li><a href="http://netoopsblog.blogspot.com/">Home</a></li>
        <li><a href="#">Features</a></li>
        <li><a href="http://netoopsblog.blogspot.in/search/label/Spice%20your%20Blog">Products</a></li>
        <li><a href="http://netoopsblog.blogspot.in/search/label/Blogger%20Widgets">Contact</a></li>
        <li><a href="http://netoopsblog.blogspot.in/search/label/Blogger%20Tips">Tips</a></li>
        <li><a href="http://netoopsblog.blogspot.in/search/label/Blogger%20Tricks">Tricks</a></li>
        <li><a href="#">About</a></li>
    </ul>

</div>


I hope you enjoyed this Menu and also except more from us.

Mechanical design for everyone: SpaceClaim 3D Direct Modeling

Tuesday, March 20, 2012

SpaceClaim is a solid modeling application with a goal similar to SketchUp: make a 3D mechanical design tool so easy that anyone can use it. We helped the SpaceClaim team read and write SKP files years ago, but their latest release is a big step forward for engineers who are looking to use SketchUp in their workflow.

With SpaceClaim, engineers can convert conceptual designs in SketchUp’s native SKP format (which is optimized for fast performance) into precise solid models needed for mechanical design and manufacturing. As an example, SketchUp models usually convert to CAD programs as meshes, so holes end up being made of lots of little faces. SpaceClaim uses its feature recognition technology to convert these features into exact cylindrical surfaces.

Take the model below: SpaceClaim’s SketchUp import tools automatically convert facets to precise geometry when possible. On the left is the original SketchUp geometry. The middle model demonstrates the new import capability, with no manual cleanup. And the model on the right is further improved using SpaceClaim’s manual repair capabilities.

Moving from concept to production model with SpaceClaim for SketchUp

With this functionality, mechanical designers can directly re-use SKP files, rather than remodeling from scratch. This type of precision is important for rapid prototyping, laser cutting, CNC machining, detailed dimensioning, simulation, and photo-realistic rendering. And SpaceClaim’s process produces models that are completely compatible with other mechanical CAD systems. Another bonus: these import tools enable mechanical engineers to use the entire 3D Warehouse as a starting point for their designs.

If you'd like to try SpaceClaim, please visit their website.

Posted by Gopal Shah, SketchUp marketing

Create your own google type search engine

Monday, March 19, 2012

create google type search engine
Here is a funny and interesting trick I am going to show you.Create a Google Type search engine with your Google type Logo.It can be done very easily..








Netoops Blog Search Engine check it
  • Go to FunnyLogo
  • Select the logo type (eg: Google type,Yahoo type,Harry potter type)
Enjoy.......!Have a nice Day...

    How to Disable lightbox in blogger

    Friday, March 16, 2012

    disable lightbox in blogger
    Blogger also provides lightbox for viewing images.But if you take one image,it will open and the whole pictures in the page are listed ,Sometimes it may be a good feature also a bad feature.Here is a Simple trick to disable lightbox in blogger.







    • Go to Settings->Formatting (as shown in figure)
    •  You see a Option Showcase images with Lightbox select No.
    • That all.No longer Light box appear in your blog.

    SketchUp Pro Case Study: Alexander James International

    Tuesday, March 13, 2012

    We recently came across some marvelous work from Alexander James International (AJI), an interior design firm in the UK that specializes in the Hotel & Leisure market. Michael Reekie, Senior Interior Designer for AJI, was good enough to provide some insight into how they use SketchUp Pro.

    I started using SketchUp Pro about five years ago. At that time we considered it a tool to help produce quick 3D line drawings of small areas. Gradually, its value has become more apparent and with the recent addition of Shaderlight, it is now considered to be an invaluable tool by the whole design team.

    At the earliest stages of the design concept, I import a CAD plan of the project into SketchUp from which I build a model. It gives us a three dimensional awareness and makes space planning both easier and more accurate.

    The SketchUp model offers better awareness of space which aids in the design and in space planning.

    I continue to use SketchUp Pro throughout the design process, periodically using a fast, low resolution Shaderlight render to check the progress of lighting levels, features, furniture, and finishes.

    SketchUp model with entourage and Shaderlight lighting elements, when rendered, will help validate the design, look and feel.

    When I am sure that no other changes are necessary I produce a high resolution rendering which is imported into Photoshop. I can then make any small changes to colours or light levels and add people or anything else that I feel would enhance the final visual.

    Final Render: SketchUp Pro + Shaderlight + Photoshop

    Before using SketchUp I produced hand-rendered visuals. The uncomplicated nature of the program has made the transition easy and very effective. SketchUp has become an invaluable tool for the whole design team.

    A big thanks to Michael Reekie (michael@aji.co.uk) and the whole AJI team for providing this snapshot into their SketchUp workflow. Great work!

    Change Older and Newer posts with Post Titles for Blogger

    Monday, March 12, 2012

    change older posts newer posts with titles
    Change posts Navigation Links Newer posts and older posts by the Corresponding Post Titles.This Awesome Blogger Hack lets your blog visitors to Know Newer and Older posts and they can go to that Posts.I got this hack from YABTB blog .This hack is done by MS-potilas of YABTB blog.All credits goes to YABTB.  This awesome trick done using some jquery script.






    Add Jquery script

    • Copy and paste the below code before </body>

    Add CSS code

    .blog-pager-newer-link {background-color:transparent !important;padding: 0 !important;}
    .blog-pager-older-link {background-color:transparent !important;padding: 0 !important;}
    #blog-pager-newer-link {padding:5px;font-size:90%;width:200px;text-align:left;}
    #blog-pager-older-link {padding:5px;font-size:90%;width:200px;text-align:right;}
    #blog-pager{height:100% !important;}

    Remove Threaded Comments in Blogger Easily

    Friday, March 9, 2012

    remove threaded comments blogger
    This is a simple article explaining How to remove Blogger 's New Threaded commenting system easily.There are some problems with it,Many users report that when a user click on post link,it takes control to the bottom of the page(to the comment section).Would you think that Threaded commenting system is not Good for Blog? Then you can remove it.
    I am not going to say too much about Threaded commenting System,because i hope you know about it.
    Follow the instructions below carefully.


    Before Editing Template,you must Backup your template(How to Backup Template?)

    • Go to Design-> Edit HTML
    • Tick on Check box  Expanded Widget Templates
    • Find the code data:post.showThreadedComments easily using ctrl+F
    • You will found code snippet like this
    <b:if cond='data:post.showThreadedComments'>
                <b:include data='post' name='threaded_comments'/>
              <b:else/>
                <b:include data='post' name='comments'/>
              </b:if>
            </b:if>
            <b:if cond='data:blog.pageType == &quot;item&quot;'>
              <b:if cond='data:post.showThreadedComments'>
                <b:include data='post' name='threaded_comments'/>
              <b:else/>
                <b:include data='post' name='comments'/>
              </b:if>
            </b:if>
    • Replace it carefully with the following code [Note: You will find the above code twice,replace it twice]
    <b:include data='post' name='comments'/>
              </b:if>
                   <b:if cond='data:blog.pageType == &quot;item&quot;'>
                         <b:include data='post' name='comments'/>
          
            </b:if>
    • Save it ,
    No longer Threaded commenting appear on your blog.Normal commenting will back.
    Cheers..!

    Modeling cultural heritage sites with SketchUp Pro

    Thursday, March 8, 2012

    CyArk is a non-profit organization dedicated to digitally preserving cultural heritage sites. They do this by collecting, archiving, and providing open access to data created by laser scanning, digital modeling, and other state-of-the-art technologies. CyArk is also one of the many recipients of SketchUp Pro licenses as part of our SketchUp for Nonprofits program. This case study came to us from Justin Barton, a Technical Services Manager at CyArk.

    A perspective view of 3D laser scan data (terrestrial LiDAR imagery) of Mission San Francisco de la Espada, San Antonio, Texas.

    As part of the ongoing effort to educate the general public and disseminate information in an interactive environment, CyArk uses millimetrically precise data from heritage sites captured with 3D laser scanners to model the sites in SketchUp Pro. In order to do this, we use two methods:

    Method 1: Orthorectified imagery

    Our 3D laser scan processing software allows us to export orthorectified images of the data. We begin by exporting a plan of the structure to build a basic block model from. The plan is brought into SketchUp Pro, scaled, geo-located (all of our scan data is geo-located with GPS), and then the model is created from the accurate plan data.

    Using orthorectified imagery created from laser scan data to trace out the model in SketchUp Pro.

    After we create the block model, we import orthorectified elevation views of the structure. We then trace the outline of the building and “push out” the unwanted parts to create the unique architectural shape. The elevation view is also used to overlay the photo-real texture information.

    Method 2: Direct modeling from 3D scan data

    We are also able to use the Pointools plugin for SketchUp that allows us to load the 3D laser scan data point cloud directly into SketchUp. This allows even more precise modeling directly over the data. Again, orthorectified images of facades are used to overlay texture information.

    A 3D laser scan data point cloud, brought into SketchUp Pro using the Pointools plugin. (Note: This image has been altered to improve visualization of the process.)

    After modeling is complete, visitors to the CyArk website and projects interact with them in two ways: CyArk has an online, Java-based web app that allows users to view 3D point clouds directly, or view solid models such as those created in SketchUp Pro or other 3D meshing software.

    3D model of Mission San Juan Capistrano, San Antonio, Texas created in SketchUp and viewed in CyArk’s free online 3D Viewer.

    The other way that users can interact with 3D models on CyArk’s website is by using the Google Earth plugin, which we’ve integrated into a web page on the site. This provides a navigable 3D environment in which users can see geo-located SketchUp models while interacting and viewing geo-located multimedia items such as architectural CAD drawings, videos, 360-degree panoramic images, photographs, historic imagery and more.

    A 3D model of Mission San Jose y San Miguel de Aguayo, San Antonio, Texas created in SketchUp and viewed in Google Earth on the CyArk website. Multimedia items (architectural drawings, videos, panos, historic images, etc.) are geolocated on the Google Earth interface and represented as a variety of type-specific icons that surround the model.

    In addition to modeling directly from accurate 3D survey information (as seen here in the San Antonio Missions project and associated iOS mobile app), CyArk and our partners have taken advantage of SketchUp Pro’s easy modeling platform to create historic reconstructions of sites and site features that no longer exist. For example, for a project with Fort Laramie National Historic Site, eight historic reconstructions were created in SketchUp. Users visiting the Google Earth map of the project can choose to see the Fort as it appeared in seven different time phases, as well as a detailed reconstruction of the Post Hospital. All were created from extensive research, historic photographs/sketches, consultation with park experts, and metrically accurate laser scan data of structures, standing ruins, and remaining foundations as the base for the models.

    SketchUp Pro provides CyArk the tools to quickly and accurately model historic sites to create interactive 3D environments for members of the public, educators, students and researchers to access online. This aids us in fulfilling a significant part of our mission to share, disseminate and educate.

    Thanks for sharing this story, Justin. If you’re interested in getting involved with CyArk, you can find out more about volunteering, becoming a partner or donating to CyArk on the Get Involved web page.

    Add Page Peel effect with jQuery & CSS to Blogger

    Monday, March 5, 2012

    page peel for blogger
    You may saw this awesome trick used by many professional and other Websites/Blogs.This Page peel is used to Show ads ,this page peel attract Blog visitors and they may have the tendency to click on ad and your earnings increases.Also this page peel can be used to increase your Subscribers.Here I am going to show you how to add a page peel trick to Blogger blog.







    Click the link below to view demo

    Step 1: Add jQuery plugin (if your blog have a jquery plugin,ignore this step)
    • Copy the below code inside <head>
    <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/>

    Add page peel effect to blogger blog 

    Step 2 : 
    • Go to Design->Edit HTML
    • Copy and paste the below code above </head>
    <style type='text/css'>
    img { behavior: url(iepngfix.htc) }
    #pageflip {
    position: absolute;
    right: 0; top: 0;
    float: right;
    }
    #pageflip img {
    width: 50px; height: 52px;
    z-index: 99;
    position: absolute;
    right: 0; top: 0;
    -ms-interpolation-mode: bicubic;
    }
    #pageflip .back-img {
    width: 50px; height: 50px;
    overflow: hidden;
    position: absolute;
    right: 0; top: 0;z-index:98;
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOfrZcz1fyMStOIcHKqw22oeNolonDjwIEuGBAv0c1jDgNbUy61EVoMd1H9B64tVv7XKGJLGgXILsZKr_PenDepE-Evt0p3__xGKTLtf9fU8UYPhV0Lw3k9MEe_i3VYG2DkG3ckjiEtx4/s200/rss+netoops+blog+page+peel.png) no-repeat right top #fff;
    }
    </style><a href='http://netoopsblog.blogspot.com'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuoV1911LslaRA8LnGxUxm_2RxE2KjkNWrSMuJnB23RLHDObILFFn9ED_NhZfaaheMAA9_cwuR1xsDIbXtCdfc1SLpfEjEk_9YyWw5A-5kaCnsEGuBsAOGuLtgGR6e83b9_llElbDDHIc/s1600/1x1juice.png'/></a><script type='text/javascript'>
    $(document).ready(function(){
    //Page Flip on hover
    $(&quot;#pageflip&quot;).hover(function() {
    $(&quot;#pageflip img , .back-img&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;.back-img&quot;).stop()
        .animate({
        width: &#39;50px&#39;,
        height: &#39;50px&#39;
        }, 200);
    });
    });
    </script>
    Step 3:
    <div id='pageflip'>
    <a href=' http://feeds.feedburner.com/NetOopsBlogTips '><img alt='netoops blog' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjv8VmGMoySZ8_8dcxiNJEk7BtlYFo-Ar3dt7I1vUad76qbcpIaCd9DHcDBogxA4Oiw3pgZ3yW2jJ3M_gHI28Htx7eyJK4P_JCwlkPYPCouwuCCxP8Mo3FMjnvLpfvWesqksR0Zt8x6Ptf4/s1600/page_flip.png'/></a>
    <div class='back-img'/>
    </div>
    Change can the RED highlighted text with url image url that you want,else leave it default(needn't change)
    Change the BLUE highlighted text with your feed URL or place your advertisement
    •  Save the Template
    You are done..! If any problem persists please do comment.

    Change Animated favicon to Blogger blog

    Saturday, March 3, 2012

    Change favicon of blogger
    Changing the favicon of your blog is a simple trick.By default blogger puts the blogger orange color logo to favicon.This can change to your blog logo.
    Favicon appears next to the URL or title in the browser.If you have a logo of your blog then you can simply upload to blogger.Else there are many sites providing free favicon generator.See Netoops blog favicon on the top your browser.
    Follow the instructions below.





    • Go to Design->Page Elements
    • You can see a small bar with blogger icon and a link EDIT click it.
    •  Then select your blog's logo by clicking Browse and click on Save.

    Insert Animated Favicon

    You can also insert Animated gif favicon.
    • Go to Favicon Generator
    • Upload your blog's logo and give scrolling text then click Generate favicon

     It will generate your animated favicon,right click on the icon shows there and Save it.Then upload to root of website or upload to free image uploading sites like tinypic you will get the link to image from there.
    • Go to Design->Edit HTML
    • Copy the following inside <head>
    <link href='PLACE YOUR FAVICON LINK HERE' rel='icon' type='image/gif'/>
    • Then click save.
    If any problem with this please inform via comment.Feel free to ask.