Blog

  • Adding Blackrock Networks as a Manager to Google+ Pages

    Adding Blackrock Networks as a Manager to Google+ Pages

    To Add Blackrock Networks, Inc. as a manager to your Google+ Page please follow the instructions below.

    Step 1:

    From the drop down menu on the right select the page you want us to manager. If you don’t see this make sure to scroll all the way to the top of the page.

    Click > Mangersstep1addgooglemanager

    Step 2:

    Click > Add Manager

    step2addgooglemanager

    Step 3:

    Enter our email address and click > Invite

    step3addgooglemanager

     

  • Get a Vanity URL for Google+

    Get a Vanity URL for Google+

    So you would think that if Google is trying to get more people to use their Social Network service called Google+ they would make it easy for people and business to promote their pages via easy to remember URL’s. Facebook, Twitter, Pinterest, LinkedIn do it. So why not Google+? I can’t answer the why but I can help with the process of getting ready for the day they allow all users to get a Vanity URL.

    Right Now Google’s official line is: “Your Google+ page must already have a meaningful number of followers.” What that magic # is is also a mystery but it is safe to assume that 5 or 10 does not qualify. If we get info that there is a magic # we will update the article. Some lucky brands were part of a beta roll-out that Google determined could have their own Vanity URL. They are below. If you aren’t one on the lucky few here are some steps to follow to get you ready.

    Step 1: Get your Google+ page verified.

    Google+ verification confirms the identity of the business and places an official check mark at the top of your Google+ page. At the time of the post business  that do not have a physical location can not get a verified Google+ page. They will need to  opt for displaying their physical address. Follow the instructions below to submit your business to become verified.

    Step1verifiedbusiness

    Part A: You need to have a link to your website in the “About” section of your Google+ Page.

    Step1websiteurl

    Part B: Add Code Snippet

    Next add the code required to your website so Google can verify you own the site. Contact your web developer if you need help adding the code to your website. http://support.google.com/webmasters/bin/answer.py?hl=en&answer=1708844

    Step 2:Request Verification at http://support.google.com/plus/bin/request.py?hl=en&contact_type=page_verification&rd=1

    Step 3:

    Wait for an email verification that your Google+ Page has been verified. It will usually say something like:

    “Dear User,
    Congratulations! Your page is now verified.
    Please note that any changes to the name of your page will result in a loss of your verified status.
    Sincerely,
    Google+ Support Team”

    Step 4: Last but not least, check your Google+ page frequently.

    If Google decides that you have met their criteria one day you may see a link that says “claim your URL”. Once you do, click this, and you will be one of the luck few to get a Vanity URL from Google.

    step4

     

     

     

  • How to reset your browser view

    How to reset your browser view

    Lately this question has been coming up a little more often from clients. I don’t know if recently it has become easier for people to accidentally zoom in on their browser window or perhaps people are clicking on the zoom control some mouse’s now have; but either way here is how to get your browser back to where you want it.

    For Mozilla Firefox:

    You can either select Ctrl + 0 while the browser window is open or follow the instructions below.

    Go to View > Zoom > Reset

    resetview

    For Internet Explorer

    You can either select Ctrl + 0 while the browser window is open or follow the instructions below.

    Go to View > Zoom > 100%

    resetviewIE

  • Outlook 2010: How to change your default Contacts Address Book

    Outlook 2010: How to change your default Contacts Address Book

    Periodically people have to setup their email accounts again, either because they get a new computer or have to reinstall software. Sometimes it is just an update installed on an exchange server. Either way sometimes some settings may need to be reset.

    One of the most common questions we get is, “Where did my address book go? “. Usually people can see their contacts, but with an exchange server sometimes the default address book when you click “To” shows no contacts. By default the Exchange Global Address Book is the first source of contacts.

    In order to resolve this you just need to change the default address book in Outlook 2010.

      1. In Outlook 2010, Select Contacts in the navigation pane

    step1-defaultaddressbook

    2. Select Address Book from the ribbon menu

    step2-defaultaddressbook

    3. The Address Book window opens
    4. Select the Tools Menu
    5. Select Options

    step3-defaultaddressbook

    6. Choose Start with contact folders

    step4-defaultaddressbook

    7. Click OK

    From now on when you click the “To” button your default address list will be the outlook contacts folder.

  • How to prevent spam form submissions

    reCAPTCHA is a free CAPTCHA service that protects your site against spam, malicious registrations and other forms of attacks where computers try to disguise themselves as a human; a CAPTCHA is a Completely Automated Public Turing test to tell Computers and Human Apart. reCAPTCHA comes  can be added to your blog, forum, registration form, etc.

    In addition to protecting your site, reCAPTCHA also helps us digitize old books and newspapers. Learn More at http://www.google.com/recaptcha/learnmore

    Fight Spam and Save Shakespeare

  • WordPress – Theme Options

    WordPress – Theme Options

    The given theme contains the Settings option. These settings allow for easy and quick change of the theme color palette, the items order, items on /off etc. In order to use these settings please go to Appearance > Theme Options.

    General settings

    • Body styling – you can select the body color and background pattern.
    • Header background color – Header background color
    • Buttons and links color – Buttons and links color
    • Typography – a set of Typography settings
    • Display search box? – show/hide the search bar in the header
    • Custom CSS – if you need to add some css rules but you don’t want to mess with the main css file, you can use this field. Just insert your new css rules

    Logo

    • What kind of logo? – indicates what kind of logo to use, whether the text one or the image logo.
    • Logo URL – with Image logo selected you can upload the new image with the help of the ‘upload’ feature or use any pic from the Media Library

    Main Navigation

    • Delay – delay in milliseconds that defines when the menu hides
    • Fade-in animation – enabe/disable the fade-in animation
    • Slide-down animation – enabe/disable the slide animation
    • Speed – the speed of the submenu expanding
    • Arrows markup – enabe/disable arrows for the menu items that have submenus
    • Drop shadows – show/hide the submenu shadow

    Slider Settings

    • Slider effects – slider transition effect
    • Number of slices – amount of slices in the slider
    • Box columns – amount of box columns in the slider (for effects based on box animation only)
    • Box rows – amount of box rows in the slider (for effects based on box animation only)
    • Animation speed – the speed of the animation (ms)
    • Pause time – delay between slides (ms)
    • Display Next & Prev navigation – show/hide the Next & Prev buttons
    • Display Next & Prev navigation only on hover? – this options allows to specify when the Next & Prev navigation is displayed
    • Show Pagination – show or hide pagination (e.g. 1, 2, 3, 4 …)
    • Opacity of caption – caption opacity

    Blog section

    • Sidebar position – you can select the position for the sidebar(right or left)
    • Blog image size – the Image size (Normal size or Large size) for the Blog page
    • Single post image size – the image size (Normal size or Large size) for the single post page
    • Enable Meta for blog posts? – display meta for posts
    • Enable excerpt for blog posts? – display excerpt for posts

    Footer

    • Footer copyright text – footer text content. If the text field is empty, the default content will be displayed. It is located in the footer.php file
    • Google Analytics Code -you can put a code for gathering your site’s SEO stats. . For instance, Google Analytics Code
    • Feedburner URL – Feedburner is a Google service that takes care of your RSS feed. Paste your Feedburner URL here to let readers see it in your website
    • Display Footer menu – enable or disable the footer menu

    Please note, these are common/standard theme options of our templates. Your particular template may include different options panels with different names and functionality. Please refer to your template documentation for the most accurate information.

  • WordPress – Plugins and Custom Widgets

    WordPress – Plugins and Custom Widgets

    The most common widgets used in the templates are listed below

    WP PageNavi

    Download: http://wordpress.org/extend/plugins/wp-pagenavi/
    Description: For page navigation.

    Contact Form 7

    Download: http://wordpress.org/extend/plugins/contact-form-7/
    Description: Contact form for contact page.

    Please note, these are the most used plugins of our templates. Your particular template may include different plugins with different names and functionality. Please refer to your template documentation for the most accurate information.

    Widgets

    The following widgets are also used in the theme:

    My – Recent Comments

    Displays recent comments in a more convenient format. The given widget includes the following options:

    • Title: – Widget Title
    • Number of comments to show: – Number of Columns.

    My – Popular Posts Widget

    Displays popular posts. The following options are displayed:

    • Title: – Widget Title
    • Posts per page: – the number of posts to display.
    • Link Text: – the Link Text that is displayed in the Popular Posts.
    • Link Url: – the Link URL that is displayed in the Popular Posts.

    My – Post Cycle

    Displays recent posts, you can also display custom posts. The Widget is used for the slideshow because of Cycle plugin in its structure. The given widget contains the following options:

    • Title: – Widget Title
    • Limit Text: – the number of words in the brief post description.
    • Posts per page: – the number of posts to display.
    • Post Type: – a Post Type selection.

    My – Recent Posts

    Displays recent posts. You can also show custom posts of certain categories and add a read more link. The given Wdiget contains tge following options:

    • Title: – Widget Title
    • Category Slug: – Post Category Slug.
    • Posts per page: – the number of posts to display.
    • Link Text: – the Link Text that is displayed after the Recent Posts.
    • Link Url: – Link URL that is displayed after the Recent posts.

    My – Request a Quote

    An advanced text widget with a whole lot of extra fields. The given Widget contains the following fields:

    • Title: – Widget Title
    • Text: – Widget Text.
    • Button Text: – Button Text
    • Button URL: – Button URL

    My – Advanced Cycle

    The multifunctional widget used to display different post types including the blog posts, as well as the functionality of settings display. The given widget contains the following options:

    • Title: – Widget Title
    • Posts type: – select Posts type
    • Number of posts to show: – the number of posts
    • Sort by: – Post selection option
    • Reverse sort order (ascending): – reverse sort order
    • Show number of comments – show the number of comments
    • Show meta – show meta
    • Container class: – wrapper class. Set to featured_custom_posts by default
    • Show post title – show post title.
    • Date as title – for date usage instead of the title
    • Before title: – custom HTML-markup before Title
    • After title: – custom HTML-markup after Title
    • Show post excerpt – show excerpt
    • Excerpt length (words): – excerpt length (the number of words)
    • Excerpt as link – convert excerpt into a link
    • Show “More link” – show link More link after the post
    • Link text: – Link Text
    • Link class: – CSS-class for the link More link
    • Show post thumbnail – show thumbnail for a post
    • Width: – Image Width
    • Height: – Image Height
    • Thumbnail as link – convert the image into a link
    • Show global link to all posts – Show global link to all posts
    • Link text: – the text of the given link
    • Link URL: – Link URL

    My – Social Networks

    This is the Widget that allows linkage to your social network accounts. The widget contains the following options:

    • Title: – Widget Title
    • Facebook URL, Twitter URL, Flickr URL etc. – the links to your Social Network accounts
    • Display: the way of icons display.
      • Icons – icons only.
      • Labels – text only.
      • Both – icons and text.

    My – Twitter

    This is the Widget that displays latest twitts from your twitter account. The widget contains the following options:

    • Title: – Widget Title
    • Twitter Name: – your twitter name
    • Twitts number: – amount of twitts to show.

    My – Flickr

    This is the Widget that displays photos from your flickr gallery. The widget contains the following options:

    • Title: – Widget Title
    • Flickr ID: – your flickr ID
    • Images count: – amount of photos to show.
    • Link Text: – text of link under flickr photos.

    Please note, these are standard and the most used widgets of our templates. Your particular template may include different widgets with different names and functionality. Please refer to your template documentation for the most accurate information.

  • WordPress – Shortcodes

    WordPress – Shortcodes

    Shortcode is a powerful content building tool http://codex.wordpress.org/Shortcode.Shortcodes are easy to use. First please make sure that the editing mode is set to visualThen please click the button for the shortcodes.

    Please select the shortcode you want to insert.

    There are following shortcodes available:

      1. Basic
        • Recent Posts – for recent shortcodes with a number of settings.
        • Recent Testimonials – for recent testimonials
        • Popular Posts – for the popular posts
        • Recents Comments – for the recent comments
        • Tags – for the TagCloud
      2. Grid columns
        • grid_1
        • grid_2
        • grid_3
        • … – the given shortcodes are used for the layout framework on the basis of 960gs.
      3. Fluid columns
        • 1/2
        • 1/3
        • 2/3
        • … – the given shortcodes are used for the layout framework on the basis of fluid columns
      4. HTML
        • Button – the shortcode for the button
        • Drop Cap – to make the first letter in the paragraph an uppercase letter.
        • Blockquote – for a quotation
        • Frame – a wrapper for the image or any other object
        • Frame Left – a wrapper for the image or any other object with the left side location
        • Frame Right – a wrapper for the image or any other object with the right side location
        • Horizontal Rule – the horizontal separation line
      5. Alert Boxes
        • Alert – the Error Box
        • Approved – the Approve Box
        • Attention – the Attention box
        • Notice – the Notice Box
      6. Audio & Video
        • Audio – insert audio (HTML support)
        • Video – insert video. Youtube, Vimeo files can be embedded as well as any file located on your server.
      7. Tabs
        • Shortcode for Tabs.
      8. Toggle
        • Shortcode for toggle-script. With a number of such scripts added you can get Accordion.

    Please note, these are standard and the most used shortcodes of our templates. Your particular template may include different shortcodes with different names and functionality. Please refer to your template documentation for the most accurate information.

  • WordPress – Creating Portfolio Pages

    WordPress – Creating Portfolio Pages

    Portfolio pages can be created with the help of page templates

    1. Log in to your WordPress Administration Panel (Dashboard).
    2. Click the Pages tab
    3. Click the Add New tab
    4. Type in your page name, for example Portfolio page
    5. Select your page template ( Portfolio 1 column, Portfolio 2 columns, Portfolio 3 columns or Portfolio 4 columns in the Page Attributes drop-down menu)
    6. The following custom fields are available for Portfolio page template:
      • page-desc – page description
      • category-include – name of the category that is displayed on this Portfolio page. You need to use the slug of the category here.
    7. With that done, click the Publish button

    Note: Please do not post any content to the editor field if you use one of the pages templates.

    Please note, portfolio page templates and portfolio custom post type may have different names, e.g.: Gallery, Services, Project etc.

  • WordPress – Posts and Categories

    WordPress – Posts and Categories

    Adding a category

    Review the following link for more info on adding categories: http://codex.wordpress.org/Manage_Categories_SubPanel

    1. Log in to your WordPress Administration Panel (Dashboard).
    2. Click the Post tab
    3. That done, click Categories for blog posts
    4. Type in the name of your new category
    5. With that done, click the Add New Category button

    Creating a blog post

    1. Log in to your WordPress Administration Panel (Dashboard).
    2. Click the Posts tab
    3. And click the Add New tab
    4. Type in your post content. For more info on adding posts, please review the following link http://codex.wordpress.org/Posts_Add_New_SubPanel
    5. And finally click the Publish button

    Creating a blog post

    Review the following link for more info about post formats: http://codex.wordpress.org/Post_Formats

    Creating a slider post (slide)

    Slides are essentially custom post types http://codex.wordpress.org/Post_Types#Custom_Types. which means that they are different from common posts, such as blog posts, portfolio posts etc. That allows us to manage the content of the site really easy.

    The following slider runs on Nivo Slider.

    Please note, your template may use another slider plugin. Please refer to your template documentation for the most accurate information.

    1. Log in to your WordPress Administration Panel (Dashboard).
    2. Click the Slider tab
    3. And now click the Add New tab
    4. Insert your slider title.
    5. Upload your image with the help of the Featured Image option (click the Set featured image link)
    6. You can use the following custom fields for your slider:
      • slider-url – link for the slider image.
    7. For the slider description please use the post edit option. The slider description can contain the HTML-markup, f.e:
      1
      2
      3
      <h2>Integrate.</h2>
      <p>Lorem ipsum dolor sit amet, consec tetuer adipiscing elit.</p>
      <a href="#" class="button">Read More</a>
    8. And click the Publish button

    Adding a portfolio post

    Portfolio items are essentially custom post types http://codex.wordpress.org/Post_Types#Custom_Types. which means that they are different from common posts, such as blog posts, portfolio posts etc. That allows us to manage the content of the site really easy.

    1. Log in to your WordPress Administration Panel (Dashboard).
    2. Click the Portfolio tab
    3. And now the Add New one
    4. Fill in all the required fields (title, content)
    5. Upload your image with the help of the Featured Image option (click the Set featured image link)
    6. The following options are available for a porfolio post:
      • lightbox-url – path to the large image. Once clicked it’ll pop up with the help of prettyPhoto
    7. And push the Publish button

    Adding a Testimonials post

    1. Log in to your WordPress Administration Panel (Dashboard).
    2. Click the Testimonials tab
    3. And click the Add New tab
    4. Fill in all the required fields (title, content)
    5. Upload your image with the help of the Featured Image option (click the Set featured image link)
    6. You can use the folowing custom fields for this sort of posts:
      • testimonial-name – authors’s name
      • testimonial-url – author’s link
    7. Hit the Publish button

    Adding an FAQs post

    1. Log in to your WordPress Administration Panel (Dashboard).
    2. Click the FAQs tab
    3. And now the Add New button
    4. Since it is a question/answer type of post, the title of the post is the question and the content is the answer.
    5. Click Publish

    Adding an Our Team post

    1. Log in to your WordPress Administration Panel (Dashboard).
    2. Click the Our Team tab
    3. And now the Add New button
    4. Fill in all the required fields (title, content)
    5. Upload your image with the help of the Featured Image option (click the Set featured image link)
    6. Click Publish

    Adding a Service post

    1. Log in to your WordPress Administration Panel (Dashboard).
    2. Click the Services tab
    3. And now the Add New button
    4. Fill in all the required fields (title, content)
    5. Upload your image with the help of the Featured Image option (click the Set featured image link)
    6. Click Publish

    Please note, these are the most used custom posts types of our templates. Your particular template may include different posts types with different names and appearance. Please refer to your template documentation for the most accurate information.

  • WordPress Page Templates and Sidebars

    WordPress Page Templates and Sidebars

    Please note, these are the most used page templates of our templates. Your particular template may include different page templates with different names. Please refer to your template documentation for the most accurate information.

    Page Templates

    • Default Template (the default page template with a right sidebar position)
    • Full Width (a page template with one column and no sidebar positions)
    • Portfolio 1 column (the page template for 1 column portfolio display)
    • Portfolio 2 columns (the page template for 2 columns portfolio display)
    • Portfolio 3 columns (the page template for 3 columns portfolio display)
    • Portfolio 4 columns (the page template for 4 columns portfolio display)
    • Page Testimonials (the page template for testimonials posts display)
    • Page FAQs (the page template for displaying FAQs)

    Sidebar Position

    Please note, these are the most used sidebar positions of our templates. Your particular template may include different sidebar positions with different names. Please refer to your template documentation for the most accurate information.

    • Header – Located at the top of pages
    • Before Home Page Content – Located at the top of the Home Page content.
    • Home Page Content – Located at the middle of the Home Page content.
    • After Home Page Content – Located at the bottom of the Home Page content.
    • Sidebar – Located on the right hand side or left hand side of pages
    • Footer – Located at the bottom of pages.
  • Separate mobile site versus responsive site

    Updated:

    Is responsive design really the way to go? Would you be better having a separate mobile website? Its all about return on investment.

    Although I love the idea of responsive design, and find it very rewarding when it all comes together I must say I agree with many of the things that Jakob has written in his post.

    The most important thing that has come up very little when people talk about separate versus responsive is about the cost involved. From a business perspectives, and lets face it is business’ that put most mobile sites online, that should be the first question.

    (more…)

  • Tribute to Boston

    At Blackrock Networks, Inc. our hearts and prayers go out to all the families whose lives have been touched by the events in Boston on Monday.

    The other night on The Colbert Report, Stephen Colbert opened the show with a tribute to Boston.

  • Ending Support for Older Browsers

    Many people ask why we don’t continue to support older web browsers when it comes to email or website development. The answer is simple. You can’t live in the past forever.

    Our webmail is supported in the following browsers, but even the list below can be challenging when you have multiple tool-bars and plugins installed. These all can effect how your email and websites run within the browser.

    • Windows—Internet Explorer 7+, Firefox 3.6+, Google Chrome
    • Mac OSX—Safari 4+, Firefox 3.6+, Google Chrome

    As newer technologies become available that allow us to develop sites for mobile, or add fancy slide shows without the use of flash there will always be older technologies that just don’t know what to do with the new code. In these cases we make calculated decisions based on whether the time and cost associated with building for multiple platforms and versions of browsers makes sense, or does prompting users to upgrade become a better alternative.

    For Website development we use the latest industry standards for browser support. The Compatibility View feature in Internet Explorer is not supported.

    We make our best effort given our clients budget to support older browsers to a certain degree, such as Internet Explorer 8. Often the best way to deal with issues arising from older browsers is to tell the browser to disable the feature, such as shadow borders and opt for a solid outline. Of course, given enough resources and time we can try to account for every nuance of a browser, however many of our clients do not have the budget associated with firms such as Amazon, Microsoft or CNN so instead we make calculated decisions and compromises to get the best value for our clients.

    This is not a new idea, it has been going on since computers began. The difference now is it more obvious to the average users because the speed of changes in technology happens so quickly. Only a year ago Facebook allowed pages without SSL and now that is no longer possible. You now require SSL for any custom pages.

    An example of some other site standards are at: http://meta.stackoverflow.com/questions/56161/which-browsers-are-officially-supported-and-what-else-do-i-need

    We are not the only company either, Microsoft will be ending support for Windows XP in the upcoming year. Salesforce.com does not support older web browsers for most of their system functionality. Even if a company can support multiple browsers the support might be feature specific such as Adobe lists.

     

  • Windows 8 and Internet Explorer 10

    There have been  reports that  drop-down menus on some website aren’t working with Windows 8. The issue in not Windows 8 per say, but with the version of  Internet Explorer 10 that it ships with.  To fix this, open up Internet Explorer from the desktop. Go to the menu bar, click > Tools > Compatibility > View Settings. Add the website you have having problems with to that list and then click close. This should bring the drop-down menu back. Now it is time to contact us to bring your website up to speed with the latest browsers so your users don’t have to do this.