Categories
Bloggers
Blogs RSS feed

Creating Responsive Sitefinity Navigation

by Grigori Karanikolov
Web analysts and experts have already overloaded us with statistics showing that worldwide by 2014, mobile devices will dominate over desktops and laptops in terms of usage for accessing websites. That pushes web administrators worldwide to create their mobile strategy and make their websites partially or fully mobile friendly. Sitefinity shines here, as its built-in responsive design capabilities and mobile app builder together address all major concerns and approaches for supporting mobile devices with minimum amount of effort.

One of the most important elements when designing a website to be mobile friendly is of course, the navigation. A common complication with the navigation menu turns out to be the different intended behaviors. For instance,  you might want to have a dropdown menu with one or more sublevels available


Sitefinity Dropdown nav

While on a mobile device, the navigation should be easily usable via the touchscreen, so you might want to have something like this:

Sitefinity Responsive navigation in iPhone

Or even like this:

Sitefinity Responsive navigation in Android

Is it possible? Definitely! Is there a one-size-fits-all kind of solution? Hardly. There are different cases we need to consider: what’s your original navigation like? Is it a flat, single level tabstrip?

Sitefinity TabStrip Navigation

Or is it a dropdown or even a mega menu?

Sitefinity MegaMenu

These are all separate scenarios that require a different approach. We’ll revise them all.
 Let’s start with the more simplistic one, like a single level menu. In this example, we’ll address the built-in navigation widget in Sitefinity and using the “horizontal” behavior:

Sitefinity Navigation Widget Options

The markup looks something like this:

Sitefinity Navigation Widget Markup

As you can see, the generated output is a standard unordered list (ul) with each option in the menu being another list item (li). Remember that all CSS skin file selectors that are embedded in the control are fully documented, and you can create your CSS to control the appearance of each element.  We have done this to design the menu like we see on the screenshot above.
               
Now, if we need to have different behavior on mobile devices, the easiest and cleanest thing we could do is use a CSS media query, which would specify different CSS styling when the website is viewed on a smaller screen. For example, we could have our menu become something like this:

Sitefinity Responsive Navigation

whenever viewed on a screen, that’s less than 640 px in width. It’s a matter of a few lines of CSS:

@media screen and (max-width: 640px) {

.RadTabStrip_Zenlike li {

             width: 100%;

             border-top: groove 2px;

             border-bottom-color: #767676;

        }

.RadTabStrip_Zenlike .rtsLevel .rtsUL li.rtsLI .rtsLink .rtsOut .rtsIn {

            padding-left: 10px;

            text-align: left;

            display: block;

        }

}

For these of you, eager to see the full Sitefinity template with the theme’s CSS – the link to it is at the bottom of this page.

Let’s take a look at what happens here: using a media query, we detect whenever the screen size is 640 px. or less in width. If the condition is met, we set the list items in our unordered list to be displayed as a block, so they appear  one per row. Also, we force them to fill up 100% of the width of the containing block (the width: 100%; property.) That would set each menu item to be easily accessible by touching anywhere on the row it’s on. 

Simple, neat and no duplicate content - just restyling.

Something similar is possible in cases, when you have a dropdown or mega menu - check out the menu on http://www.sitefinity.com/ and see how you can toggle it. It’s again a matter of creating the CSS. There are lots of samples for similar styling across the web.

If togglable menus are not the preferred solution for the mobile version of your page, or if restyling your dropdown/mega menu is too much, there is another approach. Simply have two navigation widgets, of which only one would be visible at a time. How? Easy – simply put each widget into a container and change the “display” settings for them when viewed in large or small screen:

  @media screen and (max-width: 640px) {

div.MegaMenu {
   display:none;

div.MobileMenu {

   display:block;

}

Hottest trends lately, however, suggest using native interface representation, that’s typical for mobile devices. “Select” dropdown lists are a great example – if we can convert a menu to a <select> dropdown list, we will have a native user interface on iOS and Android, that will represent our information in an even more user-friendly and sleek way.

Sitefinity  Navigation in a Select Dropdown

Here’s How:
First, we start off by adding our <select> dropdown list to our template. Again, using the hide/display option using display:none; settings and media queries, we toggle the visibility of our main menu and the select dropdown.

But wait, does that mean that we have to manually manage that dropdown and populate it with options every time we add or remove pages? Not necessarily – with a simple Javascript we can dynamically generate the <select> list from our original navigation. Chris Coyier from CSS Tricks has a neat sample for this.

One thing that I still haven’t found a definitive answer for is this: do the hidden navigation menus and their anchors affect SEO somehow? I’ve consulted with SEO experts and the answer I’ve received so far is the same – no one can tell for sure, as search engine algorithms are kept in secret. Common belief is that user experience is more important.

What do you think?

8 comments

Leave a comment
  1. Steve Apr 23, 2013
    I'm a huge fan of <select> navigation on mobile...it'd be really great if you made that a default option in one of your mobile stories.  Enable a property and it'll generate is the nav menu in <select> form

    Sure jquery can do it to, but modifying the dom is an expensive operation when you have other things going too...and you guys know the sitemap nodes ALREADY on databound in the backend...why not just render it out for us? :)
  2. Grisha 'Greg' Karanikolov Apr 23, 2013
    Good suggestion, Steve - I'm passing it on to our devs for consideration.
    One thing that would be useful as a feedback, though, would be the logic. It's clear, when you have a simple flat 1 level menu. What should happen when you have more sublevels, though?
  3. Shane May 29, 2013
    I'm a UX/interaction designer, not a Sitefinity dev at all, but I have to weigh in here and say using select for navigation is something you want to avoid as a design decision - user acceptance is poor, navigation speed is reduced, and accessibility/screen readers suffers, especially if Javascript is turned off. There are some references/articles about this on Smashing and UX Matters, amongst others. I've also seen this a couple of times with my own clients.
  4. Grisha 'Greg' Karanikolov Jun 03, 2013
    Hi Shane,
    Thank you for the information! Could you please pass on some links to these articles for a reference?
    The idea here is that standard navigation menu, which can be set up in accordance to all accessibility standards would be converted into a <select> menu on smaller devices, like smartphones, etc. Would that affect screen readers? Not being an expert in this myself, this would be useful info for me and I believe for other folks that follow this post.
    My personal impression is that it's easier to use "native" interfaces that the smartphones (or at least my android device)  provide - dropdowns, checkboxes or radio button lists. But I might be an exception from the general rule, so any further info on that topic would be great! Thanks!
  5. VigRx Jan 02, 2014
    妖姫:http://www.hakanpo.com/p/pro481.html
    花痴:http://www.hakanpo.com/p/pro312.html
    D10催情剤:http://www.hakanpo.com/p/pro282.html
    淫インモラル:http://www.hakanpo.com/p/pro482.html
    インモラル:http://www.hakanpo.com/p/pro482.html
    威哥王:http://www.hakanpo.com/p/pro96.html
    紅蜘蛛:http://www.hakanpo.com/p/pro311.html
    巨人倍増:http://www.hakanpo.com/p/pro138.html
    紅蜘蛛:http://www.hakanpo.com/p/pro311.html
    威哥王:http://威哥王.kanpocom.com
    D10催情剤:http://www.hakanpo.com/p/pro282.html
    花痴:http://www.hakanpo.com/p/pro312.html
    妖姫:http://www.hakanpo.com/p/pro481.html
    淫インモラル:http://www.hakanpo.com/p/pro482.html
    淫インモラル:http://www.hakanpo.com/p/pro482.html
    インモラル:http://www.hakanpo.com/p/pro482.html
    蟻力神:http://www.hakanpo.com/p/pro132.html
    三便宝:http://www.hakanpo.com/p/pro149.html
    VigRx:http://www.hakanpo.com/p/pro222.html
    RU486:http://www.hakanpo.com/p/pro113.html
    D10媚薬:http://www.hakanpo.com/p/pro282.html
    三體牛鞭:http://www.hakanpo.com/p/pro331.html
    三体牛鞭:http://www.hakanpo.com/p/pro331.html
    狼1号:http://www.hakanpo.com/p/pro330.html
    狼一号:http://www.hakanpo.com/p/pro330.html
    夜狼神:http://www.hakanpo.com/p/pro574.html
    アフリカ超人:http://www.hakanpo.com/p/pro573.html
    中華牛鞭:http://www.hakanpo.com/p/pro167.html
    蔵秘雄精:http://www.hakanpo.com/p/pro575.html
    悦可亭:http://www.hakanpo.com/p/pro118.html
    女性用バイアグラ:http://www.hakanpo.com/p/pro579.html
    止血薬カルバゾクロム錠:http://www.hakanpo.com/p/pro580.html
    媚薬:http://www.hakanpo.com/CL05/38.html
    精力剤:http://www.hakanpo.com/CL02
    天天素:http://www.hakanpo.com/p/pro58.html
    リドスプレー:http://www.hakanpo.com/p/pro374.html
    LIDO SPRAY:http://www.hakanpo.com/p/pro374.html
    花之欲:http://www.hakanpo.com/p/pro292.html
    ビグレックス:http://www.hakanpo.com/p/pro386.html
    VVK:http://www.hakanpo.com/p/pro325.html
    男露888:http://www.hakanpo.com/p/pro243.html
    Wenickman:http://www.hakanpo.com/p/pro325.html
    MaxMan:http://www.hakanpo.com/p/pro97.html
    vigrxプラス:http://www.hakanpo.com/p/pro222.html
    モチベーター:http://www.hakanpo.com/p/pro327.html
    勃動力三體牛鞭:http://www.hakanpo.com/p/pro331.html
    中華牛鞭:http://www.hakanpo.com/p/pro167.html
    新一粒神:http://www.hakanpo.com/p/pro476.html
    五便宝:http://www.hakanpo.com/p/pro157.html
    三鞭粒:http://www.hakanpo.com/p/pro450.html
    男宝:http://hakanpo.com/p/pro375.html
    魔根:http://www.hakanpo.com/p/pro360.html
    壮天根:http://www.hakanpo.com/p/pro329.html
    黒倍王:http://www.hakanpo.com/p/pro337.html
    九鞭粒:http://www.hakanpo.com/p/pro437.html
    男露888:http://www.hakanpo.com/p/pro243.html
    西班牙蒼蝿水:http://www.hakanpo.com/p/pro284.html
    西班牙蒼蝿粉:http://www.hakanpo.com/p/pro254.html
    性霸2000:http://www.hakanpo.com/p/pro147.html
    Xing霸:http://www.hakanpo.com/p/pro147.html
    情愛芳香劑 :http://hakanpo.com/p/pro551.html
    絶對高潮:http://www.hakanpo.com/p/pro133.html
    D10:http://www.hakanpo.com/p/pro282.html
    D8 催情剤:http://www.hakanpo.com/p/pro343.html
    FLY D5:http://www.hakanpo.com/p/pro318.html
    D5原液:http://www.hakanpo.com/p/pro318.html
    蒼蝿水:http://www.hakanpo.com/p/pro318.html
    花之欲:http://www.hakanpo.com/p/pro292.html
    美人豹:http://www.hakanpo.com/p/pro320.html
    福源春:http://www.hakanpo.com/p/pro313.html
    魔鬼天使性欲粉:http://hakanpo.com/p/pro309.html
    SEX DROPS:http://www.hakanpo.com/p/pro322.html
    小情人:http://www.hakanpo.com/p/pro322.html
    中絶薬:http://www.hakanpo.com/CL06/42.html
    避妊薬:http://www.hakanpo.com/p/pro117.html
    天天素:http://www.hakanpo.com/p/pro58.html
    超級脂肪燃焼弾:http://www.hakanpo.com/p/pro52.html
    韓国痩身一号:http://www.hakanpo.com/p/pro20.html
    韓国痩身1号:http://www.hakanpo.com/p/pro20.html
    痩身一号:http://www.hakanpo.com/p/pro20.html
    痩身1号:http://www.hakanpo.com/p/pro20.html
    V26:http://www.hakanpo.com/p/pro48.html
    悦可亭:http://www.hakanpo.com/p/pro118.html
    唯美OB:http://www.hakanpo.com/p/pro29.html
    ペニス増大:http://www.hakanpo.com/p/pro325.html
    催情剤:http://www.hakanpo.com/p/pro282.html
    催情粉:http://www.hakanpo.com/p/pro288.html
    女性催情剤:http://www.hakanpo.com/CL05
    催情薬:http://www.hakanpo.com/p/pro159.html
    催淫:http://www.hakanpo.com/p/pro133.html
    催淫通販:http://www.hakanpo.com/p/pro133.html
    西班牙昆虫粉:http://www.hakanpo.com/p/pro316.html
    VigRx:http://www.hakanpo.com/p/pro222.html
    RU486:http://www.hakanpo.com/p/pro113.html

    悦可亭:http://www.kanpocom.com/pro/yueke.html
    悦可亭:http://www.kanpocom.com/pro/yueke.html
    悦可亭:http://www.kanpocom.com/pro/yueke.html
    悦可亭:http://www.kanpocom.com/pro/yueke.html
    悦可亭:http://www.kanpocom.com/pro/yueke.html


    巨人倍増:http://www.hikanpou.com/product/巨人倍増.html
    威哥王:http://www.hikanpou.com/product/weige.html
    花痴:http://www.hikanpou.com/product/花痴.html
    紅蜘蛛:http://www.hikanpou.com/product/紅蜘蛛.html
    妖姫:http://www.hikanpou.com/product/youhi.html 
    インモラル:http://www.hikanpou.com/product/immoral.html
    淫インモラル:http://www.hikanpou.com/product/immoral.html 
    巨人倍増:http://www.hakanpo.com/p/pro138.html 
    威哥王:http://www.hakanpo.com/p/pro96.html
    花痴:http://www.hakanpo.com/p/pro312.html 
    淫インモラル:http://www.hakanpo.com/p/pro482.html
    妖姫:http://www.hakanpo.com/p/pro481.html
    VigRx:http://www.hikanpou.com/product/VigRx.html
    リドスプレー:http://www.hikanpou.com/product/LIDOSPRAY.html
    レディーチャイナ:http://www.hikanpou.com/product/蒼蝿水5.html
    D10媚薬:http://www.hikanpou.com/product/D10.html
    D10催情剤:http://www.hikanpou.com/product/D10.html
    RU486:http://www.hikanpou.com/product/RU486.html
    RU486:http://www.mykanpou.com/product/RU486.html
    妖姫:http://www.hikanpou.com/product/youhi.html
    淫インモラル:http://www.hikanpou.com/product/immoral.html
    淫インモラル:http://www.hikanpou.com/product/immoral.html
    三便宝:http://www.hikanpou.com/product/三便宝.html
    蟻力神:http://www.hikanpou.com/product/蟻力神1.html
    五便宝:http://www.hikanpou.com/product/五便宝.html
    三體牛鞭:http://www.hikanpou.com/product/三体牛鞭.html 
    絶對高潮:http://www.hikanpou.com/product/絶對高潮.html
    夜狼神:http://www.hikanpou.com/product/yelangshen.html
    アフリカ超人:http://www.hikanpou.com/product/chaoren.html
    中華牛鞭:http://www.hikanpou.com/product/中華牛鞭.html
    悦可亭:http://www.hikanpou.com/product/悦可亭.html
    女性用バイアグラ:http://www.hikanpou.com/product/nvweige.html 



    MaxMan:http://www.hikanpou.com/product/MaxMan.html
    リドスプレー:http://www.hikanpou.com/product/LIDOSPRAY.html
    VVK:http://www.hikanpou.com/product/Wenickman.html  
    Wenickman:http://www.hikanpou.com/product/Wenickman.html   
    モチベーター:http://www.hikanpou.com/product/Motivat.html
    蔵秘男宝:http://www.hikanpou.com/product/zangminanbao.html
    頂点3000:http://www.hikanpou.com/product/CROWN3000.html
    D8 催情剤:http://www.hikanpou.com/product/SpanishFliegeD8.html
    セックスドロップ:http://www.hikanpou.com/product/SEXDROPS5.html
    夜狼神:http://www.hikanpou.com/product/yelangshen.html
    アフリカ超人:http://www.hikanpou.com/product/chaoren.html
    セフラジン:http://www.hikanpou.com/product/cefradine.html
    女性用バイアグラ:http://www.hikanpou.com/product/nvweige.html
    力多精:http://www.hikanpou.com/product/力多精.html
    勃動力三體牛鞭:http://www.hikanpou.com/product/三体牛鞭.html  
    奇果:http://www.hikanpou.com/product/奇果.html
    夜夜堅:http://www.hikanpou.com/product/夜夜堅.html
    中華牛鞭:http://www.hikanpou.com/product/中華牛鞭.html
    好漢哥:http://www.hikanpou.com/product/好漢哥.html
    魔根:http://www.hikanpou.com/product/魔根金中草.html
    性霸2000:http://www.hikanpou.com/product/Xing霸.html
    Xing霸:http://www.hikanpou.com/product/Xing霸.html
    FLY D5:http://www.hikanpou.com/product/蒼蝿水5.html
    黑色風暴:http://www.hikanpou.com/product/黑色風暴.html
    蒼蝿水:http://www.hikanpou.com/product/蒼蝿水.html
    花之欲:http://www.hikanpou.com/product/花之欲.html
    妻之友:http://www.hikanpou.com/product/妻之友.html
    蟻王:http://www.hikanpou.com/product/アリ王蟻王,ANTKING.html
    アリ王:http://www.hikanpou.com/product/アリ王蟻王,ANTKING.html
    片仔廣:http://www.hikanpou.com/product/片仔廣.html
    中絶薬:http://www.hikanpou.com/pills/避妊中絶.html
    愛妻楽:http://www.hikanpou.com/product/愛妻楽.html
    縮陰膏:http://www.hikanpou.com/product/縮陰膏.html
    牛黄清心丸:http://www.hikanpou.com/product/牛黄清心丸.html
    消渇丸:http://www.hikanpou.com/product/消渇丸.html
    韓国痩身一号:http://www.hikanpou.com/product/韓国痩身一号.html
    粉剤媚薬:http://www.hikanpou.com/product/蒼蝿粉.html
    催情:http://www.hikanpou.com/product/D10.html
    壮陽一号:http://www.hikanpou.com/product/壮陽一号.html
    金威龍:http://www.hikanpou.com/product/金威龍.html
    中華牛鞭:http://www.hikanpou.com/product/中華牛鞭.html
    蔵秘雄精:http://www.hikanpou.com/product/蔵秘雄精.html
    悦可亭:http://www.hikanpou.com/product/悦可亭.html
    止血薬カルバゾクロム錠:http://www.hikanpou.com/product/止血薬カルバゾクロム錠.html
    徳国黒金:http://www.hikanpou.com/product/徳国黒金BLACKGOLD.html

    淫インモラル:http://www.hikanpou.com/product/immoral.html
    妖姫:http://www.hikanpou.com/product/youhi.html
    妖姫:http://www.hikanpou.com/product/youhi.html
    VigRx:http://www.hikanpou.com/product/VigRx.html 
    巨人倍増:http://巨人倍増.hikanpou.com 
    紅蜘蛛:http://紅蜘蛛.hakanpo.com
    威哥王:http://威哥王.kanpocom.com
    威哥王:http://xn--kwrt2jp9z.kanpocom.com/
    淫インモラル:http://www.hikanpou.com/product/immoral.html
    妖姫:http://www.hikanpou.com/product/youhi.html
    威哥王:http://www.hikanpou.com/product/weige.html
    威哥王:http://www.hikanpou.com/product/weige.html
    巨人倍増:http://www.hikanpou.com/product/巨人倍増.html  
    巨人倍増:http://www.hikanpou.com/product/巨人倍増.html 
    VigRx:http://www.hikanpou.com/product/VigRx.html
    リドスプレー:http://www.hikanpou.com/product/LIDOSPRAY.html
    レディーチャイナ:http://www.hikanpou.com/product/蒼蝿水5.html
    花痴:http://www.hikanpou.com/product/花痴.html
    紅蜘蛛:http://www.hikanpou.com/product/紅蜘蛛.html
    三便宝:http://www.hikanpou.com/product/三便宝.html
    蟻力神:http://www.hikanpou.com/product/蟻力神1.html
    五便宝:http://www.hikanpou.com/product/五便宝.html
    三體牛鞭:http://www.hikanpou.com/product/三体牛鞭.html 
    絶對高潮:http://www.hikanpou.com/product/絶對高潮.html
    漢方薬:http://www.hikanpou.com/kanpouyaku/漢方薬.html

    D10 催情剤:http://www.hikanpou.com/product/D10.html
    D10媚薬:http://www.hikanpou.com/product/D10.html
    D10催情剤:http://www.hikanpou.com/product/D10.html
    RU486:http://www.hikanpou.com/product/RU486.html
    RU486:http://www.mykanpou.com/product/RU486.html
    妖姫:http://www.hikanpou.com/product/youhi.html
    淫インモラル:http://www.hikanpou.com/product/immoral.html
    淫インモラル:http://www.hikanpou.com/product/immoral.html
    インモラル:http://www.hikanpou.com/product/immoral.html
    インモラル:http://www.hikanpou.com/product/immoral.html
    妖姫:http://www.hakanpo.com/p/pro481.html
    巨人倍増:http://www.hakanpo.com/p/pro138.html 
    威哥王:http://www.hakanpo.com/p/pro96.html 
    淫インモラル:http://www.hakanpo.com/p/pro482.html
    花痴:http://www.hikanpou.com/product/花痴.html
    花痴:http://www.hikanpou.com/product/花痴.html
    紅蜘蛛:http://www.hikanpou.com/product/紅蜘蛛.html
    三便宝:http://www.hikanpou.com/product/三便宝.html
    蟻力神:http://www.hikanpou.com/product/蟻力神1.html
    五便宝:http://www.hikanpou.com/product/五便宝.html
    三體牛鞭:http://www.hikanpou.com/product/三体牛鞭.html  
    三体牛鞭:http://www.hikanpou.com/product/三体牛鞭.html  
    D10:http://www.hikanpou.com/product/D10.html
    狼1号:http://www.hikanpou.com/product/狼1号.html
    狼一号:http://www.hikanpou.com/product/狼1号.html
    天天素:http://www.hikanpou.com/product/天天素.html
    中絶薬:http://www.hikanpou.com/pills/避妊中絶.html
    避妊薬:http://www.hikanpou.com/pills/避妊中絶.html
    九鞭粒:http://www.hikanpou.com/product/jiubianli.html
    三鞭粒:http://www.hikanpou.com/product/weige.html
    韓国痩身一号:http://www.hikanpou.com/product/韓国痩身一号.html
    痩身1号:http://www.hikanpou.com/product/韓国痩身一号.html
    V26:http://www.hikanpou.com/product/V26.html
    勃動力三體牛鞭:http://www.hikanpou.com/product/三体牛鞭.html  
    蔵秘男宝:http://www.hikanpou.com/product/zangminanbao.html
    中華牛鞭:http://www.hikanpou.com/product/中華牛鞭.html
    絶對高潮:http://www.hikanpou.com/product/絶對高潮.html
    消渇丸:http://www.hikanpou.com/product/消渇丸.html
    新一粒神:http://www.hikanpou.com/product/新一粒神.html
    男宝:http://www.hikanpou.com/product/男宝5箱.html
    壮天根:http://www.hikanpou.com/product/壮天根.html
    FLY D5:http://www.hikanpou.com/product/蒼蝿水5.html
    D5原液:http://www.hikanpou.com/product/蒼蝿水.html
    蒼蝿水:http://www.hikanpou.com/product/蒼蝿水.html
    超級脂肪燃焼弾:http://www.hikanpou.com/product/FAT-BURNERS―3.html
    SUPER FAT BURNING:http://www.hikanpou.com/product/SUPERFATBURNING.html
    終極痩身:http://www.hikanpou.com/product/zhongjishoushen.html
    威哥王:http://www.hikanpou.com/product/weige.html
    巨人倍増:http://www.hikanpou.com/product/巨人倍増.html
    レディーチャイナ:http://www.hikanpou.com/product/蒼蝿水5.html
    花之欲:http://www.hikanpou.com/product/花之欲.html
    媚薬:http://www.hikanpou.com/biyaku/女性媚薬.html
    精力剤:http://www.hikanpou.com/seiryokuzai/精力剤.html
    美人豹:http://www.hikanpou.com/product/美人豹.html
    魔根:http://www.hikanpou.com/product/魔根金中草.html
    妻之友:http://www.hikanpou.com/product/妻之友.html
    福源春:http://www.hikanpou.com/product/福源春.html
    早漏防止:http://www.hikanpou.com/seiryokuzai/早漏防止.html
    蟻王:http://www.hikanpou.com/product/アリ王蟻王,ANTKING.html
    アリ王:http://www.hikanpou.com/product/アリ王蟻王,ANTKING.html
    韓国痩身1号:http://www.hikanpou.com/product/韓国痩身一号.html
    痩身一号:http://www.hikanpou.com/product/韓国痩身一号.html
    男露888:http://www.hikanpou.com/product/男露888.html
    蔵八宝:http://www.hikanpou.com/product/蔵八宝.html
    法国性奴:http://www.hikanpou.com/product/fagou.html  
    西班牙蒼蝿水:http://www.hikanpou.com/product/魔力蒼蝿水5.html
    性霸2000:http://www.hikanpou.com/product/Xing霸.html
    Xing霸:http://www.hikanpou.com/product/Xing霸.html
    奇果:http://www.hikanpou.com/product/奇果.html
    夜夜堅:http://www.hikanpou.com/product/夜夜堅.html
    小情人:http://www.hikanpou.com/product/sex-drops.html
    SEX DROPS:http://www.hikanpou.com/product/SEXDROPS5.html
    MaxMan:http://www.hikanpou.com/product/MaxMan.html
    リドスプレー:http://www.hikanpou.com/product/LIDOSPRAY.html
    LIDO SPRAY:http://www.hikanpou.com/product/LIDOSPRAY.html
    ビグレックス:http://www.hikanpou.com/product/VigRx.html
    VVK:http://www.hikanpou.com/product/Wenickman.html   
    Wenickman:http://www.hikanpou.com/product/Wenickman.html   
    壮三天:http://www.hikanpou.com/product/zhuangsantian.html
    モチベーター:http://www.hikanpou.com/product/Motivat.html
    金博郎:http://www.hikanpou.com/product/JinBoLang.html
    男根増長素:http://www.hikanpou.com/product/ngzzw.html
    催情剤:http://www.hikanpou.com/product/D10.html
    催情:http://www.hikanpou.com/product/D10.html
    セックスドロップ:http://www.hikanpou.com/product/SEXDROPS5.html
    催情粉:http://www.hikanpou.com/product/紅蜘蛛30.html
    催淫剤:http://www.hikanpou.com/biyaku/催淫.html
    威哥王:http://www.hikanpou.com/product/weige.html
    巨人倍増:http://www.hikanpou.com/product/巨人倍増.html  

    RU486:http://www.hikanpou.com/product/RU486.html
    妖姫:http://www.hikanpou.com/product/youhi.html
    淫インモラル:http://www.hikanpou.com/product/immoral.html
    ペニス増大:http://www.hikanpou.com/seiryokuzai/性器増大.html
    力多精:http://www.hikanpou.com/product/力多精.html
    procomil spray:http://www.hikanpou.com/product/procomilspray.html
    プロコミルスプレー:http://www.hikanpou.com/product/procomilspray.html
    立挺90度:http://www.hikanpou.com/product/立挺90度.html
    黒倍王:http://www.hikanpou.com/product/黒倍王.html
    金動力:http://www.hikanpou.com/product/jingdong.html
    黑色風暴:http://www.hikanpou.com/product/黑色風暴.html
    頂点3000:http://www.hikanpou.com/product/CROWN3000.html
    鹿茸腎宝:http://www.hikanpou.com/product/鹿茸腎宝.html
    情愛芳香劑 :http://www.hikanpou.com/product/rush724.html
    魔鬼天使性欲粉:http://www.hikanpou.com/product/魔鬼天使.html
    VOV催情粉:http://www.hikanpou.com/product/VOV.html
    漢方薬:http://www.hikanpou.com/kanpouyaku/漢方薬.html
    片仔廣:http://www.hikanpou.com/product/片仔廣.html
    へんしこう:http://www.hikanpou.com/product/片仔廣.html
    同仁堂牛黄清心丸:http://www.hikanpou.com/product/牛黄清心丸2.html
    牛黄清心丸:http://www.hikanpou.com/product/牛黄清心丸.html
    潤滑剤:http://www.hikanpou.com/product/潤滑剤.html
    コンドーム:http://www.hikanpou.com/product/早漏防止.html
    减肥薬:http://www.hikanpou.com/daietto/ダイエット.html
    日本秀身堂:http://www.hikanpou.com/product/秀身堂救急箱.html
    大印象ダイエット茶:http://www.hikanpou.com/product/dayinxiang.html
    御秀堂:http://www.hikanpou.com/product/御秀堂養顔痩身.html
    唯美OB:http://www.hikanpou.com/product/唯美OB蛋白痩身素.html
    精力剤:http://www.hikanpou.com/seiryokuzai/精力剤.html
    ed治療薬:http://www.hikanpou.com/seiryokuzai/ED治療.html
    勃起不全:http://www.hikanpou.com/seiryokuzai/勃起不全薬.html
    勃起障害:http://www.hikanpou.com/seiryokuzai/勃起不全薬.html
    ペニス増大:http://www.hikanpou.com/seiryokuzai/性器増大.html
    ED治療:http://www.hikanpou.com/seiryokuzai/ED治療.html
    ED改善:http://www.hikanpou.com/seiryokuzai/ED治療.html
    媚薬:http://www.hikanpou.com/biyaku/媚薬.html
    悍馬壹號:http://www.hikanpou.com/product/hanma.html
    金威龍:http://www.hikanpou.com/product/金威龍.html
    威龍:http://www.hikanpou.com/product/aeilong.html
    イリュウ:http://www.hikanpou.com/product/金威龍.html
    野生虫草王:http://www.hikanpou.com/product/野生虫草丸.html
    東方神龍生精:http://www.hikanpou.com/product/東方神龍生精.html
    房事神油:http://www.hikanpou.com/product/fangshi.html
    性福三宝:http://www.hikanpou.com/product/性福三宝.html
    同仁烏鶏白鳳丸:http://www.hikanpou.com/product/烏鶏白鳳丸.html
    婦科千金片:http://www.hikanpou.com/product/婦科千金片.html
    999皮炎平軟膏:http://www.hikanpou.com/product//999皮炎平.html
    悦可亭の長効避妊薬:http://www.hikanpou.com/product/悦可亭.html
    OOMPH TESTICLE CARE CAPSULE カプセリ:http://www.hikanpou.com/product/OOMPH.html
    五夜神:http://www.hikanpou.com/product/天宝五夜神.html
    香港宝和堂海狗丸:http://www.hikanpou.com/product/香港宝和堂海狗丸.html
    花痴:http://www.hikanpou.com/product/花痴.html
    紅蜘蛛:http://www.hikanpou.com/product/紅蜘蛛.html
    虎力士:http://www.hikanpou.com/product/hulishi.html
    壮陽一号:http://www.hikanpou.com/product/壮陽一号.html
    マカ[MACA]まか:http://www.hikanpou.com/product/MACA.html
    USA GOOD MAN:http://www.hikanpou.com/product/USAGOODMAN.html
    ビビッドビリリティ:http://www.hikanpou.com/product/vivid60.html
    vivid:http://www.hikanpou.com/product/vivid60.html
    ULTRA RUSH:http://www.hikanpou.com/product/rush731.html
    RUSH BLUE:http://www.hikanpou.com/product/rush693.html
    RUSH BLUE BOY:http://www.hikanpou.com/product/rush732.html
    芳香劑 JUNGLE 青アップ:http://www.hikanpou.com/product/rush693.html
    ラッシュ芳香劑:http://www.hikanpou.com/rush/ラッシュ芳香剤.html
    vigrxプラス:http://www.hikanpou.com/product/VigRx.html
    D10媚薬:http://www.hikanpou.com/product/D10.html
    D10催情剤:http://www.hikanpou.com/product/D10.html

    ウェイカワン:http://www.hikanpou.com/product/weige.html
    威哥王:http://www.hikanpou.com/product/weige.html
    威哥王販売:http://www.hikanpou.com/product/威哥王.html
    キョジンバイゾウ::http://www.hikanpou.com/product/巨人倍増.html
    巨人倍増 正規品::http://www.hikanpou.com/product/巨人倍増.html
    巨人倍増 効果::http://www.hikanpou.com/product/巨人倍増.html
    巨人倍増カプセル::http://www.hikanpou.com/product/巨人倍増.html
    キョジンバイゾウ::http://www.hikanpou.com/product/巨人倍増.html
    巨人倍増 販売::http://www.hikanpou.com/product/巨人倍増.html
    巨人倍増 激安::http://www.hikanpou.com/product/巨人倍増.html
    巨人倍増 通販::http://www.hikanpou.com/product/巨人倍増.html
    三便宝カプセル::http://www.hikanpou.com/product/三便宝.html
    三便宝販売::http://www.hikanpou.com/product/三便宝.html
    三便宝 激安::http://www.hikanpou.com/product/三便宝.html
    さんべんぼう::http://www.hikanpou.com/product/三便宝.html
    五便宝カプセル:http://www.hikanpou.com/product/五便宝.html
    五便宝 通販:http://www.hikanpou.com/product/五便宝.html
    ナンパオ:http://www.hikanpou.com/product/男宝5箱.html
    しんいちつぶしん:http://www.hikanpou.com/product/新一粒神.html
    イーリーシン:http://www.hikanpou.com/product/蟻力神1.html
    勃動力三體牛鞭:http://www.hikanpou.com/product/三体牛鞭.html
    勃動力三体牛鞭:http://www.hikanpou.com/product/三体牛鞭.html
    消渇丸 輸入:http://www.hikanpou.com/product/消渇丸.html
    福源春カプセル:http://www.hikanpou.com/product/福源春.html
    vigrx 効果:http://www.hikanpou.com/product/VigRx.html
    プロコミルスプレー:http://www.hikanpou.com/product/procomilspray.html
    ハナチ:http://www.hikanpou.com/product/花痴.html
    紅蜘蛛液体:http://www.hikanpou.com/product/紅蜘蛛.html
    紅蜘蛛 通販:http://www.hikanpou.com/product/紅蜘蛛.html
    紅蜘蛛 激安:http://www.hikanpou.com/product/紅蜘蛛.html
    紅蜘蛛 媚薬:http://www.hikanpou.com/product/紅蜘蛛.html
    紅蜘蛛 販売店:http://www.hikanpou.com/product/紅蜘蛛.html
    妖姫 効果:http://www.hikanpou.com/product/youhi.html
    妖姫 販売:http://www.hikanpou.com/product/youhi.html
    媚薬 妖姫:http://www.hikanpou.com/product/youhi.html
    妖姫 通販:http://www.hikanpou.com/product/youhi.html
    淫インモラル 販売:http://www.hikanpou.com/product/immoral.html
    インモラル 販売:http://www.hikanpou.com/product/immoral.html
    媚薬 淫イン モラル:http://www.hikanpou.com/product/immoral.html
    媚薬 インモラル:http://www.hikanpou.com/product/immoral.html
    コンドーム販売::http://www.hikanpou.com/product/早漏防止.html
    コンドーム激安:http://www.hikanpou.com/product/早漏防止.html
    RU486中絶薬:http://www.hikanpou.com/product/RU486.html
    中絶薬 通販:http://www.hikanpou.com/product/RU486.html
    中絶薬激安:http://www.hikanpou.com/product/RU486.html
    ru486 販売:http://www.hikanpou.com/product/RU486.html
    ru486 通販:http://www.hikanpou.com/product/RU486.html
    ru486 個人輸入:http://www.hikanpou.com/product/RU486.html
    避妊薬 ピル::http://www.hikanpou.com/pills/避妊中絶.html
    v26 効果:http://www.hikanpou.com/product/V26.html
    v26 カプセル:http://www.hikanpou.com/product/V26.html
    v26 薬:http://www.hikanpou.com/product/V26.html
    v26 ダイエット:http://www.hikanpou.com/product/V26.html

    奇果


    火辣女強力媚薬(Hot,Sex,Girl):http://www.hikanpou.com/product/Hot,Sex,Girl.html
    湖北制薬の長効口径避妊剤:http://www.hikanpou.com/product/長効口径避妊剤.html
    紐斯葆濃縮藤黄果カプセル:http://www.hikanpou.com/product/紐斯葆濃縮藤黄果.html
    房事の神油:http://www.hikanpou.com/product/fangshi.html
    司米安(事後緊急避妊薬):http://www.hikanpou.com/product/司米安.html
    妙姿即効ダイエットカプセル:http://www.hikanpou.com/product/妙姿即効.html
    九州神龍カプセル:http://www.hikanpou.com/product/九州神龍.html
    亀鹿睾丸生精片:http://www.hikanpou.com/product/亀鹿睾丸.html
    美国VIMAX增大丸:http://www.hikanpou.com/product/美国VIMAX增大丸.html
    簡約痩身美体カプセル(加強版):http://www.hikanpou.com/product/簡約痩身美体1.html
    USA-Excitement興奮剤:http://www.hikanpou.com/product/USA興奮剤.html
    cayenne:http://www.hikanpou.com/product/cayenne.html
    日本セクシー精華:http://www.hikanpou.com/product/sexjinhua.html
    超級猛男健力カプセル:http://www.hikanpou.com/product/caoji.html
    依非詩佼原蛋白(ofiss):http://www.hikanpou.com/product/依非詩.html
    痩身の語:http://www.hikanpou.com/product/痩身の語.html
    徳国 増大宝:http://www.hikanpou.com/product/増大宝.html
    玉露嬌(Virgin Vapour):http://www.hikanpou.com/product/yulujiao.html
    蜜煉川貝枇杷膏:http://www.hikanpou.com/product/蜜煉川貝枇杷膏.html
    螺旋藻(スピルリナ):http://www.hikanpou.com/product/螺旋藻.html
    マーベロン(Marvelon)事後避妊薬:http://www.hikanpou.com/product/Marvelon事後避妊薬.html
    愛妻楽 (外用):http://www.hikanpou.com/product/愛妻楽.html
    左快諾経口避妊薬片(北京紫竹):http://www.hikanpou.com/product/左快諾経口避妊薬片.html
    天宝五夜神カプセル:http://www.hikanpou.com/product/天宝五夜神.html
    GOD OF SEXUAL LOVE:http://www.hikanpou.com/product/GODOFSEXUALLOVE.html
    快活棒(マズラ):http://www.hikanpou.com/product/快活棒.html
    同仁烏鶏白鳳丸:http://www.hikanpou.com/product/烏鶏白鳳丸.html
    婦科千金片:http://www.hikanpou.com/product/婦科千金片.html
    悦可亭の長効避妊薬:http://www.hikanpou.com/product/悦可亭.html
    火速消脂精華カプセル (slimng essence):http://www.hikanpou.com/product/火速消脂精華.html
    金色起点:http://www.hikanpou.com/product/金色起点.html
    藍精靈BlueFairy(美国):http://www.hikanpou.com/product/藍精靈.html

    美国遅時100(解决早漏):http://www.hikanpou.com/product/美国遅時100.html
    脂肪戦闘機(Fatkiller):http://www.hikanpou.com/product/脂肪戦闘機.html
    新顕臣粉刺浄:http://www.hikanpou.com/product/新顕臣粉刺浄.html
    威猛酷哥:http://www.hikanpou.com/product/威猛酷哥.html
    軽体堂康秀カプセル:http://www.hikanpou.com/product/軽体堂康秀.html
    縮陰膏(超級潤滑剤):http://www.hikanpou.com/product/縮陰膏.html
    毓亭緊急避妊薬:http://www.hikanpou.com/product/毓亭緊急避妊薬.html
    簡約痩身美体カプセル(加強版):http://www.hikanpou.com/product/簡約痩身美体1.html
    紐斯葆OB蛋白痩身素:http://www.hikanpou.com/product/紐斯葆OB.html
    K-Y Jelly潤滑剤:http://www.hikanpou.com/product/K-YJelly.html
    威龍九牛神鞭:http://www.hikanpou.com/product/aeilong.html
    雷克賽爾(LEXSCL)ダイエットカプセル:http://www.hikanpou.com/product/雷克賽爾2.html
    早漏克星(錠剤):http://www.hikanpou.com/product/早漏克星.html
    野茶果ダイエットカプセル:http://www.hikanpou.com/product/yechaguo.html
    酢酸経口避妊薬片:http://www.hikanpou.com/product/酢酸経口避妊薬片.html
    清盈一號清脂カプセル:http://www.hikanpou.com/product/清盈一號.html
    美乳貼片(既婚者の豊胸美乳):http://www.hikanpou.com/product/meru.html
    鹿鞭神奇丸:http://www.hikanpou.com/product/lubian.html
    米国EnduRx-早漏のキラー:http://www.hikanpou.com/product/米国EnduRx.html
    Black Leopard 黑豹:http://www.hikanpou.com/product/BlackLeopard.html
    米国蛮牛速勃カプセル:http://www.hikanpou.com/product/miguo.html
    毎粒堅:http://www.hikanpou.com/product/毎粒堅.html
    奎克秀の早早孕診断盒:http://www.hikanpou.com/product/早早孕.html
    虫草九鞭王:http://www.hikanpou.com/product/虫草九鞭王.html
    強效痩カプセル:http://www.hikanpou.com/product/強效痩.html
    華佗壮陽丹:http://www.hikanpou.com/product/華佗壮陽丹.html
    夜來香(いえらいしゃん)女用粉:http://www.hikanpou.com/product/夜來香.html
    Yohimbinum D8II (媚薬):http://www.hikanpou.com/product/YohimbinumD8II.html
    御秀堂養顔痩身カプセル第2代:http://www.hikanpou.com/product/御秀堂養顔痩身10.html
    維尼好(WeiNiHao)泡沫消毒液(摩絲型):http://www.hikanpou.com/product/維尼好消毒液.html
    Temptation Woman:http://www.hikanpou.com/product/TemptationWoman.html
    マジックラブポーション(magic love dotion):http://www.hikanpou.com/product/magiclovedotion.html
    シルバーフォックスslivlr fox(催情液):http://www.hikanpou.com/product/slivlrfox.html
    超細螺旋藻スピルリナ:http://www.hikanpou.com/product/超細螺旋藻.html
    OOMPH TESTICLE CARE CAPSULE (カプセリ):http://www.hikanpou.com/product/OOMPH.html
    達克寧(霜剤):http://www.hikanpou.com/product/達克寧.html
    金鎖固精丹:http://www.hikanpou.com/product/金鎖固精丹.html
    威哥王:http://www.hikanpou.com/product/weige.html
    巨人倍増:http://www.hikanpou.com/product/巨人倍増.html  



    花痴:http://www.hikanpou.com/product/花痴.html
    花痴:http://www.hikanpou.com/product/花痴.html
    VigRx:http://www.hikanpou.com/product/VigRx.html
    VigRx:http://www.hikanpou.com/product/VigRx.html
    VigRx:http://www.hikanpou.com/product/VigRx.html
    巨人倍増:http://www.hikanpou.com/product/巨人倍増.html
    巨人倍増:http://www.hikanpou.com/product/巨人倍増.html
    巨人倍増:http://www.hikanpou.com/product/巨人倍増.html
    紅蜘蛛:http://www.hikanpou.com/product/紅蜘蛛.html
    紅蜘蛛:http://www.hikanpou.com/product/紅蜘蛛.html
    紅蜘蛛:http://www.hikanpou.com/product/紅蜘蛛.html
    淫インモラル:http://www.hikanpou.com/product/immoral.html
    淫インモラル:http://www.hikanpou.com/product/immoral.html
    淫インモラル:http://www.hikanpou.com/product/immoral.html
    威哥王:http://www.hikanpou.com/product/weige.html
    威哥王:http://www.hikanpou.com/product/weige.html
    威哥王:http://www.hikanpou.com/product/weige.html
    花痴:http://www.hikanpou.com/product/花痴.html
    花痴:http://www.hikanpou.com/product/花痴.html
    花痴:http://www.hikanpou.com/product/花痴.html
    花痴:http://www.hikanpou.com/product/花痴.html
    妖姫:http://www.hikanpou.com/product/youhi.html 
    妖姫:http://www.hikanpou.com/product/youhi.html 
    妖姫:http://www.hikanpou.com/product/youhi.html 
    インモラル:http://www.hikanpou.com/product/immoral.html
    インモラル:http://www.hikanpou.com/product/immoral.html
    インモラル:http://www.hikanpou.com/product/immoral.html
    RU486:http://www.hikanpou.com/product/RU486.html
    RU486:http://www.hikanpou.com/product/RU486.html
    RU486:http://www.hikanpou.com/product/RU486.html
    D10媚薬:http://www.hikanpou.com/product/D10.html
    D10媚薬:http://www.hikanpou.com/product/D10.html
    D10媚薬:http://www.hikanpou.com/product/D10.html
    D10催情剤:http://www.hikanpou.com/product/D10.html
    D10催情剤:http://www.hikanpou.com/product/D10.html
    D10催情剤:http://www.hikanpou.com/product/D10.html
    D10催情剤:http://www.hikanpou.com/product/D10.html
    妖姫:http://www.hakanpo.com/p/pro481.html
    妖姫:http://www.hakanpo.com/p/pro481.html
    妖姫:http://www.hakanpo.com/p/pro481.html
    威哥王:http://www.hakanpo.com/p/pro96.html
    威哥王:http://www.hakanpo.com/p/pro96.html
    威哥王:http://www.hakanpo.com/p/pro96.html
    巨人倍増:http://www.hakanpo.com/p/pro138.html
    巨人倍増:http://www.hakanpo.com/p/pro138.html
    巨人倍増:http://www.hakanpo.com/p/pro138.html
    紅蜘蛛:http://www.hakanpo.com/p/pro311.html
    紅蜘蛛:http://www.hakanpo.com/p/pro311.html
    紅蜘蛛:http://www.hakanpo.com/p/pro311.html
    威哥王:http://威哥王.kanpocom.com
    D10催情剤:http://www.hakanpo.com/p/pro282.html
    D10催情剤:http://www.hakanpo.com/p/pro282.html
    D10催情剤:http://www.hakanpo.com/p/pro282.html

    淫インモラル:http://www.hakanpo.com/p/pro482.html
    インモラル:http://www.hakanpo.com/p/pro482.html
    淫インモラル:http://www.hakanpo.com/p/pro482.html
    インモラル:http://www.hakanpo.com/p/pro482.html
    VigRx:http://www.hakanpo.com/p/pro222.html
    VigRx:http://www.hakanpo.com/p/pro222.html
    VigRx:http://www.hakanpo.com/p/pro222.html
    RU486:http://www.hakanpo.com/p/pro113.html
    RU486:http://www.hakanpo.com/p/pro113.html
    RU486:http://www.hakanpo.com/p/pro113.html
    花痴:http://www.hakanpo.com/p/pro312.html
    花痴:http://www.hakanpo.com/p/pro312.html
    花痴:http://www.hakanpo.com/p/pro312.html
  6. Buckwheat Nov 14, 2014
    Great example of spam on Sitefinity blog.  As you can see, Sitefinity is horrible at catching spam in their blogs.
  7. Buckwheat Nov 14, 2014
    Great example of spam on Sitefinity blog.  As you can see, Sitefinity is horrible at catching spam in their blogs.
  8. Buckwheat44 Nov 14, 2014
    Great example of spam on Sitefinity blog.  As you can see, Sitefinity is horrible at catching spam in their blogs.

    Leave a comment