VIEW ALL GALLERY LIGHTS

Sunday, October 31, 2010

If Google Adsense doesn't display in templates ,here is the tip for you

Some of you complaint that Google Adsense can't display in my templates (especially Simplex Newspaper 2) . The reason is in the ad code ,with less than 1 minute ,you can make ad show as normal .
google adsense tip


Here is the code you receive from Google Adsense
<script type="text/javascript"><!--
google_ad_client = "xxxxxx";
/*xxxxxxxxxxxxxx */
google_ad_slot = "xxxxxxxx";
google_ad_width = xxxxxx;
google_ad_height = xxxxxxx;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>

To make Ads show up , just remove <!-- and //--> from the code above , like this one
<script type="text/javascript">
google_ad_client = "xxxxxx";
/*xxxxxxxxxxxxxx */
google_ad_slot = "xxxxxxxx";
google_ad_width = xxxxxx;
google_ad_height = xxxxxxx;

</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
Save template and the ad will show as normal .

-With template Simplex Transcript ,if you add three adsense in home page ,the ads in single page will not displayed .To fixed this problem ,you can remove one adsense block in home page .And the ads will show in single page .The reason is in the way how Simplex Transcript work .When you entered a single page ( a specific post ) ,the home page is still loaded first and then hidden by CSS code, after that ,single post is loaded .So it will load 3 adsense code in homepage first and then load adsense code in single page . Because Google allow only 3 Adsense code in one page only ,but in this case ,you have 4 adsense code in line . So the 4th adsense code in Single page will not be displayed ^^
If you followed my instruction ,but the ads doesn't show up , I'm sorry , I can't help you further because this problem is not in my templates .This is what I said to Spluch before and now I want to write it down again : It's Google Adsense issue .
Many people are facing this error when Adsense show only blank frame ,no ads ,no PSAs ...
You can follow topics on this problem on SEORoundtable, webmasterworld, DigitalPoint and Google Group discussions thread here ,here , here ,and here the latest.
There are many reason given by users,but none of them are true ,I think .Search and contact Google support are the best solution I have for you if you are in this case .

Saturday, October 30, 2010

12 amazing SEO infographics

While searching a site for learning SEO ,I find these infographic from Hubspot website .They are very useful for SEO beginner like me .It help me to know what SEO is and what to do for SEO a website . It's like a framework ,by knowing the terms and order of tasks in SEO ,I can find more infomation for each step myself .Each picture comes with link to a related post .

Tuesday, October 26, 2010

Adding Facebook comment box to Blogger blog

Facebook is the biggest social network in the world now , it's a great tool for connecting friends and keep update from them .
Many people have an account on Facebook ,and it's very convenient to use Facebook account as a key to comment on a Blogger blog instead of using OpenID ,or a Blogger account . In SimplexDesign blog , I also implemented Facebook comment box as one method for commenting .
facebook comment box

 

Do you want a Facebook comment box on your Blogger blog ? Just follow these steps

1,Go to Facebook developer page ,you will see an interface for creating a new application like this picture bellow :
Enter your site name ,and your site url ( remember to add an slash at the end of url ,like this : http://simplexdesign.blogspot.com/ )
and click on Create application
facebook create application interface

2,Fill the security check ,and it will lead you to a page that provide App id and some Sample Code .
Remember your App ID .Here is my App ID : 124557050936207
facebook application id

3,Go to this page and enter your App ID in Unique Id ,enter the number of comment you want to show in Number of Comments ,and the width of comment box in Width .

facebook comment box option

After that ,click on Get code . You will get a code like that

facebook comment box code
replace APP_ID in the code with the App ID you get from Step 2 ,and then copy the code .

4, Go to Blogger Dashboard ,continue to Design and then Edit HTML ,check on Expand Widget Templates .

5,-If you want Facebook comment box appear right after your post ,find this line
<p><data:post.body/></p>

-If you want to place it on top of regular comments ,find this line :
<b:includable id='comments' var='post'>

And paste the code from step 3 right after one of two lines above ,depend on where you want Facebook comment box show .

Save template and you are done .
Check your blog for result ^^

Erotic photo-art. Rod McRae.

Art-works by Australian artist, sculptor and photographer Rod McRae. A series of photos "Camp Cove" with nude male models.




































































































Website: http://rodmcrae.com.au/

Monday, October 25, 2010

Breadcrumb for Simplex Enews template

The latest version of Simplex Enews -click here


A breadcrumb trail will help readers keep track of their location , and they can browse easily between different parts of website .
In SimplexEnews template ,there's a section for breaking news ,but if you don't like breaking news ,or think it's not suitable in your site ,you can replace it with a breadcrumb trail .
SimplexEnews breadcrumb


Here is steps to make a breadcrumb for SimplexEnews template

1,Open template in a word editor .

2,Find this code :
#breadcrumb a,#breadcrumb span { padding:0 3px 0 10px; background:url(http://img827.imageshack.us/img827/1085/iconarrowright.png) no-repeat 0 3px; }
and delete it .

3,Find this code
<strong style="float:left;">Breaking News:</strong>
             <script>
                     document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/&quot;+label9+&quot;?max-results=&quot;+numposts+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts4\&quot;&gt;&lt;\/script&gt;&quot;);
             </script>           
             <script type="text/javascript">
     
                    $('#news').innerfade({
                        animationtype: 'slide',
                        speed: 1000,
                        timeout: 3000,
                        type: 'random',
                        containerheight: '1em'
                    });
            </script> 

 
and replace it with

<strong style="float:left;">
You are here : <a expr:href='data:blog.homepageUrl'>Home</a> &#187;
<span id="break"></span>
</strong> 
 
4,Find this code :
<b:includable id='main' var='top'>
and insert this line right after the code above:
<b:include data='top' name='status-message'/>

5,Find this line :
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
and insert this code right after the line above
<div id="breakcrumb" style="display:none">
                                     <data:post.title/>
                                 </div>

6,Find this line
<b:if cond='data:blog.pageType == &quot;item&quot;'>
and insert this code rightafter the line above
<div id="breakcrumb" style="display:none">
                                         <b:loop values='data:post.labels' var='label'>
                                             <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
                                         </b:loop> &#187; 
                                         <data:post.title/>
                                     </div>

7,Find this code
<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>
and replace it with
<b:includable id='status-message'>
                                 <b:if cond='data:navMessage'>
                                     <div id="breakcrumb" style="display:none">
                                         <data:navMessage/>
                                     </div>                                       
                                 </b:if>
                             </b:includable>

8,The last step : insert the following code right before </body>
<script>
     var brc = document.getElementById('breakcrumb');
     var brcc = brc.innerHTML;   
     var brcc1;
     var bold = brc.getElementsByTagName('b');
     if (bold.length&gt;=1)
      {brcc1 = bold[0].firstChild.data}
      else {
      brcc1 = brcc;}
     var show = document.getElementById('break');
     show.innerHTML =brcc1;     
     
</script>

Save template and you are done . I hope a breadcrumb in this template will helpful to you .

Friday, October 22, 2010

Erotic painting. StPeteArtisan.

Art-works by American artist James Michael McCracken. Oil and acrylic paintings of nude male models.




























































































































Website: http://stpeteartisan.deviantart.com/

Thursday, October 21, 2010

Simplex Transcript - another template on magazine style

Click here for the latest version of Simplex Transcript template

Many people asked me for a Blogger version of Gabfire 's Transcript . And now ,I want to show you all Simplex Transcript . Blogger version of Transcript template .
Simplex Transcript template screenshot






Live Demo | Download


Here is steps for installing this template
1,Download this template .


2,Open it in any word editor you have . I recommend notepad++ .


3,To add logo or banner to header .Find this code :
<a href='http://simplextranscript.blogspot.com' title=''>
                        Simplex TRANSCRIPT                        <span>ONLINE NEWSPAPER</span>
                 </a>
and change it to your site name or logo .


4,To edit category menu ,find this code :
<div id='navcats'>
             <ul>
                 <li>
                     <a href="http://simplextranscript.blogspot.com">Home</a>
                 </li>
                 <li>
                     <a href="/search/label/world">World News</a>
                     <ul class="children">
                         <li><a href="#">Category</a></li>
                         <li><a href="#">Category</a></li>
                         <li><a href="#">Category</a></li>
                     </ul>
                 </li>
                 <li><a href="/search/label/sports">Sports</a></li>
                 <li><a href="/search/label/finance">Finance</a>
                     <ul class="children">
                         <li><a href="#">Category</a></li>
                         <li><a href="#">Category</a></li>
                         <li><a href="#">Category</a></li>
                     </ul>
                 </li> 
                 <li><a href="/search/label/entertainment">Entertainment</a>
                      <ul class="children">
                         <li><a href="#">Category</a></li>
                         <li><a href="#">Category</a></li>
                         <li><a href="#">Category</a></li>
                     </ul>
                 </li>
                 <li><a href="/search/label/business">Business</a></li>                    
             </ul>         
         </div>
and add the link to your categories . Menu with structure like this :
<ul class="children">
                         <li><a href="#">Category</a></li>
                         <li><a href="#">Category</a></li>
                         <li><a href="#">Category</a></li>
                     </ul> 
is sub-menu . To know more ,you can see this post "multi-level menu for Simplex newspaper 2 template"


5,To add link to your social network accounts in Stay connect menu ,find this code :
<li class="">
                     <a class="gab_connect" href="#" title="">Stay Connected</a>
                        <ul>
                         <li class="">
                             <a title="" rel="nofollow" href="/feeds/posts/default/" class="gab_rss">Latest Posts in RSS</a>
                         </li>
                         <li><a title="" rel="nofollow" href="/feeds/comments/default/" class="gab_rss">Latest Comments in RSS</a></li>
                         <li><a title="" rel="nofollow" href="" class="gab_email">Subscribe by e-mail</a></li>           
                         <li><a title="" rel="nofollow" href="your twitter" class="gab_twitter">Follow us on Twitter</a></li>       
                         <li><a title="" rel="nofollow" href="your facebook" class="gab_facebook">Connect on Facebook</a></li>
                     </ul>
                    </li>
and add link to your social network accounts .


6, To add your ads ,find code :
<a href="http://simplexdesign.blogspot.com"><img src="http://img535.imageshack.us/img535/7039/300x250ads.jpg"/></a>
and replace it with an ad size 300x250
find :
<a href="http://simplexdesign.blogspot.com"><img src="http://img30.imageshack.us/img30/3598/120x600ads.jpg"/></a>
and replace it with an ad size 120x600
find :
<a href="http://simplexdesign.blogspot.com"><img src="http://img36.imageshack.us/img36/9267/sdads468x60.png"/></a>
and replace it with an ad size 468x60


7,To show posts in categories in homepage ,find this code
label1 = "sport";
Title1 = "SPORT";


label2 = "politic";
Title2 = "POLITIC";


label3 = "media";
Title3 = "media";


label4 = "cycling";
Title4 = "CYCLING";


label5 = "motor";
Title5 = "MOTORSPORTS";


label6 = "football";
Title6 = "FOOTBALL";


label7 = "basket";
Title7 = "BASKET BALL";


label8 = "racing";
Title8 = "RACING";


label9 = "world";
Title9 = "WORLD NEWS";


label10 = "entertainment";
Title10 = "ENTERTAINMENT";


label11 = "business";
Title11 = "BUSINESS";


label12 = "feature";
Title12 = "FEATURE";
 and change value of each label and Title variables to your categories . Position of labels are in picture bellow :





8,Save template and upload it to Blogger when you finish editing


Ok ,you are done .
Feel free to leave me comments . If it's a question ,I will try to answer as quick as possible . Thanks for your support .


Note
-this template's structure is similar to Simplex Blognews and Simplex Newspaper II ,so you can see install instruction of them before installing Transcript .
--You can translate text easily by finding the word you need to translate with search function of word editor .It will lead you to where the text is .

Erotic sculpture. PerfectPinUpz.

Art-works of American sculptor Bryan aka PerfectPinUpz. Comic figures of nude men. Muscles, muscles and... penises. )))






























































































































Website: http://perfectpinupz.deviantart.com/

Monday, October 18, 2010

Digital Art by hgjart.

Male characters in works of Chinese digital artist Guangjian Huang. Not nude, but very beautiful work.





































































































Website: http://www.hgjart.com/

Saturday, October 16, 2010

Multi-level menu for Simplex Enews template

we have multi level menu for SimplexBlognews and Simplex Newspaper II ,and now ,we can add multi-level menu for Simplex Enews template .
multi-level menu for Simplex Enews template


here is steps for adding multi-level menu :
1,Add this code before </head>
<script src="http://dinhquanghuy.110mb.com/superfish.js" type="text/javascript"></script>
2,find this
.nav li ul { background:#fff; position:absolute;left:-999em;width:172px; margin:0px 0px 0px -2px; border:1px solid #dfdfdf; border-width:1px 1px 0px; z-index:999; }
and delete left:-999em;
3,Add this code before ]]></b:skin>
.nav li ul {display:none;}
4,Now find this code :
<ul class="nav" id="cat-nav">
                    <b:section id='menu' showaddelement='no'>
                     <b:widget id='LinkList1' locked='false' title='menu' type='LinkList'>
                         <b:includable id='main'>
                             <b:loop values='data:links' var='link'>
                                 <li><a expr:href='data:link.target'><data:link.name/></a></li>
                             </b:loop>
                         </b:includable>
                     </b:widget>           
                 </b:section>
             </ul>     
and replace it with the code of menu like that :
<ul class="nav" id="cat-nav">
                 <li><a href="link to category">Category</a></li>

                 <li><a href="link to category">Category</a></li>      

                  <li><a href="link to category">Category</a>
                     <ul>
                         <li><a href="link to sub-cateogry">link to sub-category</a></li>
                         <li><a href="link to sub-cateogry">link to sub-category</a></li>
                         <li><a href="link to sub-cateogry">link to sub-category</a></li>
                   
                     </ul>
                 </li>
             </ul>
that's all . I hope it helpful to you .

Thursday, October 14, 2010

Erotic photo-art. Je-veux-ta-photo.

Art-works of French photographer Dan Throsby. Black-and-white photographs of nude male models.


































































































































































Website: http://je-veux-ta-photo.deviantart.com/