Sabtu, 05 Mei 2012

Show Blogger Image only in Homepage and Hide it in Post Page


To hide images/pictures from our blogger posts and to make them appear only in homepage, we will have to add just a small piece of CSS code in our template and then use the class "hidepic" each time we want to hide an image.

Just follow the next steps:

Step 1. Go to Dashboard - Template - Edit HTML ( click on Proceed button )


 Step 2. Select "Expand Widget Template" (make a backup)

     Step 3. Find (CTRL + F) this code in your template:

        }]]></b:skin>

    Step 4. Copy and paste the following code just below it

    <b:if cond='data:blog.pageType != &quot;index&quot;'>
    <style>
    .hidepic{
    display: none;
    }
    </style>
    </b:if>

    Step 5. Save the Template.

    Now everytime you create a post, firstly add the pic you want to hide and then switch to HTML tab where you'll see the HTML code of the image you have added that will look something like this:

    <div class="separator" style="clear: both; text-align: center;">
    <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2gNrpiXtrivXEuCWpdQCWU5-zafiuk34_YV-DNq8pfJHAQCG_IDNjgPOY3Htv-jby7XNU5VWNG2ThOy8e_CJgJf99sCxxzxTsburr02sFPvGO9VBpTuUnKWvt78QSRVf-X2TOwF_qo_8/s1600/fire_bird_by_fhrankee-d32af8v.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2gNrpiXtrivXEuCWpdQCWU5-zafiuk34_YV-DNq8pfJHAQCG_IDNjgPOY3Htv-jby7XNU5VWNG2ThOy8e_CJgJf99sCxxzxTsburr02sFPvGO9VBpTuUnKWvt78QSRVf-X2TOwF_qo_8/s320/fire_bird_by_fhrankee-d32af8v.png" width="320" /></a></div>

    Note: it should be at the exact location where your image has been added 
    (if the image is at the middle of the text, then the code should be found at the middle)

    Step 6. Replace "separator" with "hidepic" - see the screenshot below:


    If you need more help, please leave a comment below.

    How to Remove Showing Posts With Label in Blogger

    label, blogger, remove, how to

    For any default Blogger layout, the "Showing posts with label" message shows up above the posts whenever you click on a label link. As it's a pretty useless and annoying message, many people like to have it removed. If that is your wish, just follow the tutorial below:

    Removing "Showing post with label...show all posts"

    Step 1. Go to Dashboard - Template - Edit HTML (if necessary, click on Proceed button)


    Step 2. Click somewhere inside the template code, then search - using CTRL+F - this code:

    <b:includable id='status-message'>

    After you found it, click on the sideways arrow next to it, to expand the rest of the code.

    Screenshot:

    Step 3. Below is this code that you need to remove - along with the first one, as well:

         <b:includable id='status-message'>
          <b:if cond='data:navMessage'>
          <div class='status-msg-wrap'>
            <div class='status-msg-body'>
              <data:navMessage/>
            </div>
            <div class='status-msg-border'>
              <div class='status-msg-bg'>
                <div class='status-msg-hidden'><data:navMessage/></div>
              </div>
            </div>
          </div>
          <div style='clear: both;'/>
          </b:if>
        </b:includable>

    Screenshot 

     Step 4. Replace it with this one:

    <b:includable id='status-message'>
    <b:if cond='data:navMessage'>
    <div>
    </div>
    <div style='clear: both;'/>
    </b:if>
    </b:includable>

    Step 5. Save the template. Now view your blog and click on some label....there should be no box anymore.

    Jumat, 04 Mei 2012

    Recent Posts Widget with Thumbnails for Blogger/Blogspot

    A few days ago, I've posted a tutorial about How To Add A Simple Recent Posts Widget but today I want to present to you a very nice Recent Posts widget that comes along with posts thumbnails and post summary as well. If you want to know how to add this Recent Posts widget/gadget to your Blogger blog, then follow the steps below:

    recent posts, blogger widgets

    How to Add the Recent Posts Widget to Blogger

    Step 1. Go To Blogger > Layout and click on "Add a Gadget" link


    Step 2. From the pop-up window, scroll down and choose HTML/JavaScript


    Step 3. Paste inside the empty box, the following code:

    <div class="eggTray">
    <script src="http://helplogger.googlecode.com/svn/trunk/listbadge.js">{"pipe_id":"1a6640e2a78b2c6e736f2220529daae5","_btype":"list",
    "pipe_params":{"URL":"YOUR-BLOG/SITE-URL/feeds/posts/default"},
    "hideHeader":"false","height":"500","count": 8 }</script>
    <div style="font-family: arial, sans-serif; font-size: 9px;" class="ycdr"><a href="http://helplogger.blogspot.com/2012/05/recent-posts-widget-with-thumbnails-for.html" target="_blank" title="Grab this widget">Recent Posts Thumbnails</a> <a href="http://helplogger.blogspot.com/" target="_blank">Blogger Widget</a></div><noscript>Your browser does not support JavaScript!</noscript></div>
    <style type=text/css>
    .eggTray {margin:10px 0px;padding:0px;}
    .ybr li  {border-bottom:0px #cccccc dotted; padding:0px 0px 10px 0px!important;}
    .pipesTitle {padding-top:0px;}
    .pipesDescription {display:true;}
    .ycdr {background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyG0fHKhfEklR-bg3w6g8KK7OP3LX668_BhuUWz6iAiEHD5To5NuXDz0vrbcmEQUwHzl5xxJKoK5m1avUOMzrv6vCIHA4TqUqIbQhbHKRjC0FHofqdZGDeVPCM5n-pnTExOE4xyaHnPBA/s1600/logo.png) 0px 0px no-repeat; padding: 1px 0px 0px 19px; height:14px; margin: 4px 0px 0px 0px;line-height:14px;}
    .ycdr, .ycdr a {color:#999999;}
    .widget .popular-posts ul {padding-left:0;}
    </style>

    Step 4. Change YOUR-BLOG/SITE-URL with the url address of your site/blog (ex: http://helplogger.blogspot.com) and look to have no forward slash symbol "/" at the end of your url

    Note:
    • To disable the scroll bar, remove the number 500
    • By default, this widget is set to display a maximum of 8 recent posts. To change this number, replace the number 8 with the number of posts desired
    • if you want only the posts titles to appear, change true to none and "0" from padding-top:0px with 10

    Step 5. Save your widget. And you're done!

    If you need more help, leave your comment below.

    Kamis, 03 Mei 2012

    Expanding Google Analytics Social Reports: Tracking Links To Your Site Content

    Have you ever wondered which other pages on the web link to your own? Wouldn’t it be nice to know which sites are talking about your content, and in which context? Well, a problem no more: now you can see all the backlink URL’s, post titles, and more right within the new Social reports.

    The concept of trackbacks, a protocol by which different sites could notify each other of referencing links, first emerged back in 2002. Since then, the blogosphere has grown in leaps and bounds, but the requirement for each site to explicitly implement this protocol has always stood in the way of adoption. If only you could crawl the web and build an accurate link graph. The good news is we already do that at Google, and are now providing this insight to Google Analytics users.

       

    If you’re not familiar with Trackbacks, then think of it as automated Google Alerts for all of your pages: you publish new content, we scour the web for pages that link to it and build automated reports for you right within Google Analytics - simple as that.

    These reports provide another layer of social insight showing which of your content attracts links, and enables you to keep track of conversations across other sites that link to your content. Most website and blog owners had no easy mechanism to do this in the past, but we see it as another important feature for holistic social media reports. When you know what your most linked content is, it is then also much easier to replicate the success and ensure that you are building relationships with those users who actively link to you the most.

    To learn more about the new Social and ROI reporting, take a look at our announcement last month, and also take a look at in-depth example of how to use these new reports to measure your user’s engagement in Google+.

    Rabu, 02 Mei 2012

    iPad reviews

    You must have the Flash replication project done and the two coding courses done to do todays assignment.

    I would also like you to help a classmate who may be struggling with the Java work if they need it.

    Today we will work on doing some iPad reviews.  There is some issues with wifi connectivity in the computer lab so I may send you away.

    Please write a review of three iPad apps on your blog.  This review must include:
    • Link to iTunes page for the app.
    • Educational uses for the app.
    • How easy was it to use and any other review.
    Some of the iPads dont have all the apps.  Apps to choose from:
    • Six Strings
    • Morris Lessmore
    • DustBuster
    • My Story or Scribble Press
    • Noteshelf (or any other note program)
    • Skitch
    • Guardian Eyewitness
    • Molecules
    You can write your reviews right on the iPad if you choose (and we have internet connection).

    If you complete the iPad reviews you should head back to codeacademy and work on a new course.

    Marketing Attribution: Questions and Answers

    Last week, we hosted a webinar on marketing attribution. We had a lively discussion about our recent attribution whitepaper, and we looked at Google’s solutions for attribution -- including Search Funnels in AdWords and Multi-Channel Funnels in Google Analytics, and the Attribution Modeling Tool in Google Analytics Premium. During the webinar, many of you wrote in with great questions, and we’ve provided answers below to some of the top questions.

    If you weren’t able to join us last week, you can view a recording of the webinar here.

    Questions & Answers:
    Q: How can I learn more about getting started with attribution using Google’s tools?
    A:This webinar was the first in a series on attribution -- please watch the blog for updates and registration information for our next webinar, “Building Blocks of Digital Attribution.” In the meantime, read on for some more tips.

    Q: Where can I learn more about setting up conversions?
    A: Setting up conversion tracking in Google Analytics is one of the most valuable things you can do to make your reports actionable and meaningful, and getting these set up properly will allow you to use Google’s attribution solutions. There are resources available in the help center to help you set up goals and ecommerce tracking. You can also view the recording of our recent “Reaching your goals with Google Analytics” webinar.

    Q: When should I use AdWords Search Funnels compared to Google Analytics Multi-Channel Funnels? 
    A: Both tools can give you insight into how your customers ultimately end up converting on your site. If you are using AdWords Conversion Tracking today, Search Funnels is available without any additional configuration. You can see the interactions your customers have with your search ads leading up to conversion, including both clicks and impressions. However, you can only see these interactions for paid search on Google AdWords.

    Multi-Channel Funnels in Google Analytics allows you to analyze traffic sources beyond search, including display, social, email, referrals, affiliates and more - putting your conversion path data in a broader context. Using these reports requires installing Google Analytics tracking code on your site, and setting up goals and/or ecommerce tracking (see links above) -- once these are set up, Multi-Channel Funnels reports work automatically. Note that you  are not able to analyze search ad impressions in Multi-Channel Funnels.

    Watch this blog for updates on future webinars in our attribution series that will provide more details on Search Funnels and Multi-Channel Funnels.

    Q: How much of an impact does the use of multiple devices have in skewing the numbers we see in these reports? 
    A: Mobile and other devices are becoming increasingly important. Multi-Channel Funnels will report on conversion paths that take place on a single device, but not across devices. For example, if a user visited your site on a mobile phone, and then completed a purchase in a desktop browser, those interactions would not be included in the same conversion path.

    Q: Can I report on both AdWords Keyword and Matched Search Queries in Google Analytics?
    A: You have the option to view either the AdWords Keyword or the Matched Search Query by choosing these dimensions in the data table. Multi-Channel Funnels and Attribution Modeling support a wide range of AdWords and non-AdWords dimensions for reporting and creating attribution modeling rules.

    Q: Can you add your own models to the Attribution Modeling Tool or they are all built in? 
    A: You can create and save custom models in the Attribution Modeling Tool in Google Analytics Premium. Custom models allow you to create rules that adjust credit based on attributes like the traffic source (e.g. search vs. direct), position (first, middle, last) the level of engagement driven (time on site and page depth), and timing (how much time prior to conversion).

    Q: How do advertisers take action on attribution data?
    A: Attribution data can help advertisers identify marketing efforts that may be undervalued or overvalued under models such as the last click, so they can adjust their marketing programs. For example, a general keyword like “shoes” may show fewer conversions compared to a more specific, branded term for a type of shoe on a last click basis. However, applying a model that gives some credit for searches prior to the last click may show that “shoes” is credited with more conversion value. When making optimization decisions around which keywords to invest in or cut, advertisers can look at multiple models, and then experiment with investing in keywords that show higher value under alternative models. Similar methods apply to channels like display, social, email, and affiliates. This can help identify areas of opportunity that are missed when using only the last click.

    Happy Analyzing!


    Selasa, 01 Mei 2012

    Coding

    We will finish up the initial part of codecademy today.  The javascript is hard!  Keep using the help section and the hints.  It helps to go back and redo some sections to remember the code.  Many of you noticed how easy the HTML section is.  Hopefully the javascript will be easy soon.

    I will grade you today:

    4 = HTML and Javascript courses finished

    3 = One course finished, have over 50 pts.

    2 = No course finished but over 40 pts

    1 = under 40 pts

    0 = under 20 pts

    If you finish up you can:

    • Start a new course.
    • Work on your blog.
    • Do some Flash or Fireworks tutorials.