Host Ai - Closing Contest

Host Ai - Closing Contest

"🌟 Introducing Host Ai - Your Ultimate Hosting Solution! 🌟

Experience lightning-fast servers and minimal downtime for all your websites with Host Ai! Our powerful hosting platform ensures high-speed performance and reliable service, keeping your websites running smoothly around the clock.

Say goodbye to sluggish loading times and frustrating downtime. With Host Ai, you can trust that your websites will always be up and running, providing your visitors with a seamless browsing experience.

Don't miss out on the opportunity to revolutionize your hosting experience. Click below to learn more about Host Ai and take your websites to the next level!

👉 [Click here to know more about Host Ai!] 👈"

Canaltech News: iPhone 7 e 8, Netflix mais cara, chamada de vídeo no WhatsApple +

thе Cаnаltесh is аlѕо on social nеtwоrkѕFасеbооk, twitter, ѕnарсhаt, реrіѕсоре, іnѕtаgrаmYоu juѕt have tо lооk

How to share automatic by ifttt

Naturally presenting a web log entry on Facebook wont to be a take a look at. The thought was easy, that is to inform Facebook that you just have a web log you would like denote on your divider

Cambodian Civil Society Concerned, Disappointed By US Election Result

Chak Sopheap, director of the Cambodian Center for Human Rights, change of integrity the election watch at the US embassy

Ou Virak, the Cambodian-American president of the general public policy think factory, the long run Forum, same he was involved by the flip of events.

PHNOM PENH — 
Cambodian civil society teams have expressed considerations over the long run of human rights and democracy within their country following the sudden success of Donald Trump in the US election on.

President elect Trump, a true estate mogul, defeated the Democrat candidate Hillary Clinton in a very bitterly fought race for the White House in what has been referred to as the most important political upset in yank history.

Clinton came out of the vote with fewer than 230 body votes, despite winning a bigger share of the favored vote. a minimum of 270 body votes ar needed to secure an area within the government office.

At associate “election watch party” at the US Embassy in Cambodian capital, support for Clinton was widespread and therefore the mood turned flat once it became apparent that Trump would win.

Ou Virak, the Cambodian-American president of the general public policy think factory, the long run Forum, same he was involved by the flip of events.

“It’s a disappointment as Donald Trump is aggressive and discriminating against ladies and what he same to this point was a lucid lie,” he said.

“If the planet loses trust within the U.S, then every country can begin to shop for arms to strengthen their several muscle to defend themselves. however once a lot of and a lot of countries do this, it’s not smart for the planet.”

​M​oeun Tola, administrator of the Labor and Human Rights Alliance, a union, same he was involved that a Trump administration would “not pay full attention on human rights problems within the world particularly in poor countries.”

Similarly, Chak Sopheap, director of the Cambodian Center for Human Rights, same she had hoped to visualize a girl become US president which Clinton was well-versed in policy.

“The results of the U.S. election nowadays has created several yank and Cambodian citizen[s] afraid and aghast particularly for those that needed to visualize Hillary Clinton selected  to be the primary feminine president of the us,” she wrote on Facebook.

Wild cat brains: An evolutionary curveball

The cheetah is social, similar to primates, yet not at all like primates its frontal flap is generally little. Why? It might be a result of its bizarre skull shape, an adjustment for rapid interests. 

The brains of wild felines don't really react to an indistinguishable developmental weights from those of their kindred well evolved creatures, people and primates, demonstrates an astonishing new study drove by a Michigan State University neuroscientist. 

We gather here today to join lasers and anti-lasers

Schematics above show light information (green) entering inverse finishes of a solitary gadget. At the point when the period of light info 1 is quicker than that of information 2 (left board), the increase medium overwhelms, bringing about intelligent enhancement of the light, or a lasing mode. At the point when the period of light information 1 is slower than info 2 (right board), the misfortune medium rules, prompting to rational ingestion of the information light shafts, or an against lasing mode.

Uniting restricting powers in one place is as trying as you would envision it to be, however analysts in the field of optical science have done quite recently that. 

Add a Cool Style to Blogger Threaded/Nested Comments

In the event that you require a new style to the strung remarks of a standard Blogger layout, here's a basic CSS that will help you to apply an alternate foundation, make your symbols adjusted, include a fringe with adjusted corners and a triangle which is really a HTML substance to understand that discourse bubble look on your remarks.

To have this style in your remarks, you should simply to glue the beneath code inside the CSS part of the format, which is between the <b:skin> and </b:skin> labels.

Styling Simple Nested Comments with CSS

Step 1. From the Blogger Dashboard, go to "Layout" and press the "Alter HTML" catch

Step 2. Click anyplace inside the code zone and press the CTRL + F keys to open the inquiry box:

Step 3. Glue or sort the accompanying tag inside the pursuit box and hit Enter to discover it

]]></b:skin>

Step 4. Simply above ]]></b:skin> include this CSS:

.remarks .remark square {

foundation: #F9F9F9;

shading: #555;

box-shadow: 0 4px 10px #EEEEEE;

position: relative;

edge best: 10px;

edge left: 60px;

cushioning: 10px;

outskirt: 4px strong #EEEEEE !critical;

outskirt radius:10px;

textual style: 1.190em/1.2 Cambria,Georgia,sans-serif;

}

.remark string li .remark block:before {

position: total;

show: piece;

left: - 26px;

shading: #EEEEEE;

content: "\25C4";

text dimension: 30px;

}

.remarks .symbol picture compartment {

width: 60px;

tallness: 60px;

max-tallness: 60px;

margin:0px 0px 0 - 28px;

cushioning: 0px;

outskirt: 7px strong #EEEEEE;

outskirt radius:60px;

}

.remarks .symbol picture compartment img {

overflow:hidden;

width: 60px;

tallness: 60px;

max-width: 60px;

border:0 !critical;

outskirt radius:60px;

}

.remarks .remark thread.inline-string {

foundation: none;

}

.remarks .proceed {

fringe beat: 0px strong straightforward;

}

.remarks content .datetime {

skim: right;

text dimension: 11px;

}

.remarks content .client a{

text dimension: 15px;

shading: #498EC9;

}

.remarks content .datetime a:hover{

shading: #777;

content beautification: none;

}

.remarks content .comment:first-kid {

cushioning main: 0px;

}

.remarks content .remark {

edge base: 0px;

cushioning base: 0px;

}

.remarks .proceed with a {

cushioning: 0px;

}

.remarks content .icon.blog-creator {

foundation picture: none;

}

The most effective method to Change Blogger Threaded Comments Background, Border and Colors

supplant the #F9F9F9 esteem to change the foundation shade of the remarks;

#555 to change the content remarks shading;

#EEEEEE to change the shade of the shadow around remarks;

4px strong #EEEEEE to change the fringe width (4px), style (strong) and shading (#EEEEEE) around remarks;

1.190em to change the remarks text dimension;

to change the bolt shading, supplant the #EEEEEE esteem from shading: #EEEEEE;

to change the fringe width (7px), style (strong) and shading (#EEEEEE) around symbols, adjust this section: 7px strong #EEEEEE;

to change the symbols size and roundness, change the 60px esteem;

Here is a device from that may pick your most loved shading: Color Code Generator

Step 5. At long last, tap on the "Spare layout" catch... furthermore, you're finished!

Step by step instructions to Add a Floating Sticky Footer Bar in Blogger

I have seen that a hefty portion of those utilizing toolbars, for example, Wibiya have needed to evacuate it as a result of meddling with the execution of a few scripts like Scriptaculous and Prototype, while others have expelled these scripts recently to keep utilizing the toolbar.

All things considered, for the individuals who want to have a custom toolbar that does not give them such issues and permit them to keep utilizing different scripts, here's the way to make our own particular drifting toolbar with a nearby alternative.

The toolbar contains a pursuit box, interface for nourish membership, connection to take after on Twitter and Facebook, similar to catch to share on Twitter or Facebook and interpreter in five dialects.

You can see it working in this demo blog.

Including a Custom Sticky Toolbar Blogger

Step 1. Login to your Blogger account > select your blog > tap on the "Layout" alternative on the left side

Step 2. Tap on the Edit HTML catch on the right side > click anyplace inside the code range and press CTRL + F keys to open the Blogger look box

Step 3. Glue or sort the accompanying tag inside the inquiry box and hit Enter to discover it:

]]></b:skin>

Step 4. Simply above ]]></b:skin> include the accompanying CSS style:

#custom-toolbar {

flood: auto;

position: altered;

foundation: #1B1B1B url("http://1.bp.blogspot.com/ - 0XYBiDXh7Vo/Uupp-CQrhJI/AAAAAAAAF_8/qKBKfmooBVQ/s1600/pagelist.png") rehash x scroll 0 base;

textual style: intense 13px/17px "Helvetica Neue",Helvetica,Arial,Geneva,sans-serif;

tallness: 33px;

edge: 0 auto;

width: 100%;

bottom:0px;

right:0;

}

.close-toolbar {

drift: right;

edge top:6px;

cushioning right: 10px;

cursor: pointer;

}

.seek content {

shading: #D1D1D1;

content adjust: focus;

outskirt sweep: 10px;

}

.google_translate:hover img {

filter:alpha(opacity=0.90);

- moz-darkness: 0.90;

darkness: 0.90;

border:0;

}

Step 5. Presently hunt down this tag:

</head>

Step 6. Simply over the </head> label include this script:

<script type='text/javascript'>

/Custom Toolbar for Blogger (helplogger.blogspot.com)

/<![CDATA[

var toolbar_blogger = new Array();

var toolbar_clear = new Array();

work toolbarFloat(toolb) {

toolbar_blogger[toolbar_blogger.length] = this;

var ftrpointer = eval(toolbar_blogger.length-1);

this.pagetop = 0;

this.cmode = (document.compatMode && document.compatMode!="BackCompat") ? document.documentElement : document.body;

this.toolbsrc = document.all? document.all[toolb] : document.getElementById(toolb);

this.toolbsrc.height = this.toolbsrc.offsetHeight;

this.toolbheight = this.cmode.clientHeight;

this.toolboffset = toolbGetOffsetY(toolbar_blogger[toolbpointer]);

var toolbbar = 'toolbar_clear['+toolbpointer+'] = setInterval("toolbarFloatInit(toolbar_blogger['+toolbpointer+'])",1);';

toolbbar = toolbbar;

eval(toolbbar);

}

work toolbGetOffsetY(toolb) {

var toolbTotOffset = parseInt(toolb.mtasrc.offsetTop);

var parentOffset = toolb.toolbsrc.offsetParent;

while ( parentOffset != invalid ) {

toolbTotOffset += parentOffset.offsetTop;

parentOffset = parentOffset.offsetParent;

}

return toolbTotOffset;

}

work toolbarFloatInit(toolb) {

toolb.pagetop = toolb.cmode.scrollTop;

toolb.toolbsrc.style.top = toolb.pagetop - toolb.mtaoffset + "px";

}

work closeTopAds() {

document.getElementById("custom-toolbar").style.visibility = "covered up";

}

/]]>

</script>

Step 7. Presently hunt down the </body> tag and simply above it, include this HTML code:

<div id='custom-toolbar'>

<img border='0' class='close-toolbar' onClick='closeTopAds();return false;' src='http://1.bp.blogspot.com/ - eGh5FWRNbHo/Uvf_Q2nYXLI/AAAAAAAAGDs/8Q2pMCs2OsU/s1600/close_button.png' title='Close' width='17'/>

<table border='0' cellpadding='2'>

<tr>

<td style='padding-left:30px; cushioning right:50px;'><form action='/look' id='search' method='get' name='searchForm' style='display:inline;'>

<input class='search-content' name='q' onblur='if (this.value == &quot;&quot;) this.value = &quot;Search here...&quot;;' onfocus='if (this.value == &quot;Search here...&quot;) this.value = &quot;&quot;;' size='28' type='text' value='Search here...'/></form></td>

<td style='padding-left:20px;'><a href='http://www.facebook.com/username' title='Follow on Facebook'><img src='http://4.bp.blogspot.com/ - qF-13gWPCho/Uvftq1v5ApI/AAAAAAAAGCo/hoFWKPCSUro/s1600/facebook-icon.png'/></a></td>

<td><a href='http://twitter.com/username' title='Follow on Twitter'><img src='http://4.bp.blogspot.com/ - OSxpeBNLK4A/UvfuiIkU5RI/AAAAAAAAGC4/Cq4TdM5fmhs/s1600/twitter-icon.png'/></a></td>

<td><a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' title='Subscribe to Feed'><img src='http://1.bp.blogspot.com/ - wRI1rmbhV0M/Uvfvq5ZBMjI/AAAAAAAAGDU/6BSlAgac3sw/s1600/rss-channel icon2.png'/></a></td>

<td style='padding-left:40px; cushioning main: 5px;'><a class='twitter-share-catch' information count='horizontal' information lang='en' href='http://twitter.com/share' title='Publish on Twitter'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/></td>

<td><a href='http://www.facebook.com/sharer.php' name='fb_share' title='Publish on Facebook' type='button_count'>Share</a><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/></td>

<td style='padding-left:60px;'><a class="google_translate" href='Javascript:void(0)' onclick='window.open(&quot;http://www.google.com/translate?u=&quot;+encodeURIComponent(location.href)+&quot;&amp;langpair=auto%7Cen&amp;hl=en&amp;ie=UTF8&quot;); return false;' rel='nofollow' title='English'><img align='absbottom' alt='English' border='0' height='24' src='http://1.bp.blogspot.com/ - sXhoGx5s2dg/T5xOeRCOuYI/AAAAAAAAARo/ldYJIGQldwQ/s1600/United+Kingdom(Great+Britain).png' width='24'/></a></td>

<td><a class="google_translate" href='Javascript:void(0)' onclick="window.open(&quot;http://www.google.com/translate?u=&quot;+encodeURIComponent(location.href)+&quot;&amp;langpair=auto%7Cde&amp;hl=en&amp;ie=UTF8&quot;); return false;"><img alt="German" border="0" align="absbottom" title="German" height="24" src="http://1.bp.blogspot.com/ - nX0ktPsJQTA/T5xOMiiOGQI/AAAAAAAAARY/VXhAPARvh9E/s1600/Germany.png" width="24"/></a></td>

<td><a class="google_translate" href='Javascript:void(0)' onclick='window.open(&quot;http://www.google.com/translate?u=&quot;+encodeURIComponent(location.href)+&quot;&amp;langpair=auto%7Cfr&amp;hl=en&amp;ie=UTF8&quot;); return false;' rel='nofollow' title='French'><img align='absbottom' alt='French' border='0' height='24' src='http://2.bp.blogspot.com/ - aklFaq6pPeQ/T5xOV1mPbcI/AAAAAAAAARg/CcBmt1ptN88/s1600/France.png' width='24'/></a></td>

<td><a class="google_translate" href='Javascript:void(0)' onclick='window.open(&quot;http://www.google.com/translate?u=&quot;+encodeURIComponent(location.href)+&quot;&amp;langpair=auto%7Car&amp;hl=en&amp;ie=UTF8&quot;); return false;' rel='nofollow' title='Arabic'><img align='absbottom' alt='Arabic' border='0' height='24' src='http://3.bp.blogspot.com/ - cx9e66I48yM/T5xM9L7uzoI/AAAAAAAAAQY/ftpOVX9YZEE/s1600/Saudi+Arabia.png' width='24'/></a></td>

<td><a class="google_translate" href='Javascript:void(0)' onclick='window.open(&quot;http://www.google.com/translate?u=&quot;+encodeURIComponent(location.href)+&quot;&amp;langpair=auto%7Czh-cn&amp;hl=en&amp;ie=UTF8&quot;); return false;' rel='nofollow' title='Chinese Simplified'><img align='absbottom' alt='Chinese Simplified' border='0' height='24' src='http://1.bp.blogspot.com/ - eXup49w042c/T5xMxliSlmI/AAAAAAAAAQQ/v9efq8I4TI0/s1600/China.png' width='24'/></a></td>

</tr>

</table>

</div>

At long last, change what is in blue with the URLs of your Facebook and Twitter profiles.

In the event that you need to include more things, for example, a counter, joins and so forth include a line like this equitable before the </tr> tag:

<td>Add here the additional content</td>

Include the substance where is shown and that is it.

As should be obvious, it is not important to rely on upon outer locales to have a toolbar, starting now and into the foreseeable future you can have a skimming sticky toolbar on your Blogger blog.

New Blogger Widget: Contact form - Change Style & Install in a Static Page

Only a couple days prior, Blogger presented another gadget. It is about a contact shape that you can add to your blog effectively. It is exceptionally fundamental, on the grounds that - in any event for the time being, does not allow fusing documents or send something besides plain content.
The contact frame for Blogger has the accompanying components:
• Field for the user name
• Field for email
• Field for the message (textarea)
• Submit Button
Screenshot
 The plan is basic and the content hues acquire the area where you include it. Right now, this gadget has no setup alternatives and is not accessible for element sees.

How to Add Contact Form to Blogger

To add it to your blog, just select the Layout tab, then click on Add a gadget in the section you want to show, for example, in the sidebar. Then, select the More gadgets tab and add theContact Form gadget.

Styling Contact Form
As the background is transparent, the form will integrate well, aesthetically speaking, but nevertheless it is easy to modify using Style Sheets (CSS) to the appropriate selectors. Here's an example:
/* Contact Form Container */
.contact-form-widget {
width: 500px;
max-width: 100%;
margin: 0 auto;
padding: 10px;
background: #F8F8F8;
color: #000;
border: 1px solid #C1C1C1;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
border-radius: 10px;
}

/* Fields and submit button */
.contact-form-name, .contact-form-email, .contact-form-email-message {
width: 100%;
max-width: 100%;
margin-bottom: 10px;
}

/* Submit button style */
.contact-form-button-submit {
border-color: #C1C1C1;
background: #E3E3E3;
color: #585858;
width: 20%;
max-width: 20%;
margin-bottom: 10px;
}

/* Submit button on mouseover */
.contact-form-button-submit:hover{
background: #4C8EF9;
color: #ffffff;
border: 1px solid #FAFAFA;
}

This is how it will look like after applying the style:


To add this style, go to Template > Edit HTML, click on the sideways arrow next to <b:skin>...</b:skin> and paste the code just above ]]></b:skin> (press CTRL + F to find it):


The most effective method to Add Contact Form In A Static Page

Initial step is to include the Contact Form device (Layout) and second, to alter the format (Template > Edit HTML) to expel a large portion of the device. You need to hunt down the id "ContactForm", grow the gadget by tapping on the dark bolt on the left (same with the includable) and afterward erase the part that I have shaded in red (see underneath):

Part to be removed:
  <b:widget id='ContactForm1' locked='false' title='Contact Form' type='ContactForm'>
    <b:includable id='main'>
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='contact-form-widget'>
    <div class='form'>
      <form name='contact-form'>
        <p/>
        <data:contactFormNameMsg/>
        <br/>
        <input class='contact-form-name' expr:id='data:widget.instanceId + &quot;_contact-form-name&quot;' name='name' size='30' type='text' value=''/>
        <p/>
        <data:contactFormEmailMsg/> <span style='font-weight: bolder;'>*</span>
        <br/>
        <input class='contact-form-email' expr:id='data:widget.instanceId + &quot;_contact-form-email&quot;' name='email' size='30' type='text' value=''/>
        <p/>
        <data:contactFormMessageMsg/> <span style='font-weight: bolder;'>*</span>
        <br/>
        <textarea class='contact-form-email-message' cols='25' expr:id='data:widget.instanceId + &quot;_contact-form-email-message&quot;' name='email-message' rows='5'/>
        <p/>
        <input class='contact-form-button contact-form-button-submit' expr:id='data:widget.instanceId + &quot;_contact-form-submit&quot;' expr:value='data:contactFormSendMsg' type='button'/>
        <p/>
        <div style='text-align: center; max-width: 222px; width: 100%'>
          <p class='contact-form-error-message' expr:id='data:widget.instanceId + &quot;_contact-form-error-message&quot;'/>
          <p class='contact-form-success-message' expr:id='data:widget.instanceId + &quot;_contact-form-success-message&quot;'/>
        </div>
      </form>
    </div>
  </div>
  <b:include name='quickedit'/>
</b:includable>
  </b:widget>

After you have saved the template, go toPages and paste the following code into a new blank page with the title you want:
 <div class='widget ContactForm' id='ContactForm1'>
  <div class='contact-form-widget'>
    <div class='form'>
      <form name='contact-form'>
        <p>Name</p>
        <input class='contact-form-name' id='ContactForm1_contact-form-name' name='name' size='30' type='text' value=''/>
        <p>E-mail *</p>
        <input class='contact-form-email' id='ContactForm1_contact-form-email' name='email' size='30' type='text' value=''/>
        <p>Message *</p>
        <textarea class='contact-form-email-message' cols='25' id='ContactForm1_contact-form-email-message' name='email-message' rows='5'></textarea>
        <input class='contact-form-button contact-form-button-submit' id='ContactForm1_contact-form-submit' type='button' value='Submit'/>
        <p class='contact-form-error-message' id='ContactForm1_contact-form-error-message'></p>
        <p class='contact-form-success-message' id='ContactForm1_contact-form-success-message'></p>
      </form>
    </div>
  </div>
</div>
download 

Messages will be sent to the same email that you have registered in Blogger.

Here's a demo page where you can test it (it is an account that I don't use, so don't expect reply).
That's it! If you have any questions or comments please post below.

On-Page SEO Tips for Blogger

We realize that SEO Off Page alludes to the site design improvement strategies that should be possible outside of your site, for example, connect wheels, surveys, social bookmarking, online networking (references and supporters), sidebar joins, among different procedures. Be that as it may, without a legitimate on-page seo streamlining, all would total up to a non-advanced website page without quality, which won't achieve the movement anticipated that would have. This is for the most part since web indexes (particularly Google) give careful consideration to the alt and title labels (for pictures), meta labels, inner connections, robots et cetera, with a specific end goal to show the substance of your website page to the client who made a particular question in the pursuit. To never fall in this sadness of site design improvement, you can pick a decent and solid blog stage like Blogger. On the off chance that you are working just on Blogger, here are some on-page enhancement tips that may help you to end up fruitful in the blogging scene

Essential On-Page SEO Tips For Blogger

Advancement of the robots.txt document: other than alarming Google web crawler, this record likewise helps us to keep certain pages being listed by Google with a specific end goal to secure our blog against copy content issues.

Title advancement: In the default blogger layout, post titles are not streamlined appropriately for the internet searchers. To illuminate this, we have to touch some code in the outline and upgrade both page and post titles.

Picture improvement: Whether your blog is about pictures or pictures as general points, by just adding a watchword identified with articles, packing the picture and putting the title="" and alt="' labels, we would streamline SEO On-Page a tiny bit more.

Inside connections: Internal connections inside posts on our blog won't just build online visits yet will likewise help us to be very much positioned in web indexes.

Blog's stacking time: When you begin with a blog either new or old, it's imperative to offer a client encounter loaded with a quick stacking time. Internet searchers give higher need to a speedier blog than to a moderate or soaked one.

Utilizing Google Webmaster Tools: After ensuring that your blog is 100% SEO, this astounding Google apparatus will furnish you bolster with both quick ordering and broken connections, HTML enhancements, page mistakes and numerous other particular proposals for your site.

Got some other thoughts or musings about characteristic and positive methods to enhance the On Page SEO on a site page?