Tutorial Blog | Blogger Tutorial Blogspot Templates, Cara Membuat Blog Networking Tutorials SEO.: Blogger Blog

<div align="justify" style="background-color: white; color: #333333; font-family: Verdana; font-size: 12px; line-height: 19px;">
<span style="color: green;"><strong>Facebook like box</strong></span><span class="">  is a great plugin that enables Facebook users do not directly subscribe to your blog updates via their Facebook account. </span><span class=""> Visitors to the website you will receive your blog updates on their Facebook site. </span><span class="">before you add Facebook like box below blogger posts or any part from your blog,</span><a href="http://nenksyakeela.blogspot.com/2012/04/tambahkan-facebook-like-box-di-bagian.html?m=0" name="more" style="color: #0084ce; text-decoration: none;"></a> You will need to create a Facebook Like Page by reading this tutorial Blog.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhL_IKtDTCCX6NskztsZTDSIThyQGS8wKSwOOcA7ulCNNPt6LKZbL-yktU8N82ni3PpqiEfF0la9h8I7AnL2xxb1VaAMYXsH-oTv4jGFdtAHjGciqaCJpnAJOZJKMoywbYPpfHygFFtMwk/s1600/Facebook-Popup.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="265" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhL_IKtDTCCX6NskztsZTDSIThyQGS8wKSwOOcA7ulCNNPt6LKZbL-yktU8N82ni3PpqiEfF0la9h8I7AnL2xxb1VaAMYXsH-oTv4jGFdtAHjGciqaCJpnAJOZJKMoywbYPpfHygFFtMwk/s1600/Facebook-Popup.jpg" width="400" /></a></div>
<br /></div>
<ul style="background-color: white; color: #333333; font-family: Verdana; font-size: 12px; line-height: 19px; list-style: none;">
<li style="background-attachment: scroll; background-clip: initial; background-color: transparent; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEha79fCBDwDcgosDHCZZ-1Ab5e-IT0jUEMQOEax508-OSs_665iDEBSTZ1levw2TqjgQsNll1I3YAGrnxA9FrdpJI7Gcfpoa3mZXnrQ5I_qZL0eTXLOTJ2trpORA8N9N0XxRaNWKUknTss/s400/255.gif); background-origin: initial; background-position: 0px 4px; background-repeat: no-repeat; line-height: 1.4em; margin: 0.3em 0px; padding: 0px 0px 0.8em 20px;"><div align="justify">
Create a Facebook Like Page</div>
</li>
</ul>
<div align="justify" style="background-color: white; color: #333333; font-family: Verdana; font-size: 12px; line-height: 19px;">
You can see this box appear at the bottom of my post. It is a better area to put a box like you from the sidebar because the next thing your readers will see after reading your post. So this area can increase the number of people like your blog. <span class="">Let's get to work then!</span></div>
<a href="https://www.blogger.com/null" name="more" style="background-color: white; color: #2560aa; font-family: Arial, serif; font-size: 14px; line-height: 18.200000762939453px;"></a><br style="background-color: white; color: #444444; font-family: Arial, serif; font-size: 14px; line-height: 18.200000762939453px;" />
<h3 style="background-color: white; border-bottom-color: rgb(0, 128, 255); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(0, 128, 255); border-top-style: dotted; border-top-width: 1px; color: #0080ff; font-family: Verdana; line-height: 19px; padding: 3px;">
Adding Facebook Like Box below Blogger Posts</h3>
<span style="background-color: white; color: #333333; font-family: Verdana; font-size: 12px; line-height: 19px;"></span><br />
<ul><span style="background-color: white; color: #333333; font-family: Verdana; font-size: 12px; line-height: 19px;">
<li>Go To Blogger>> Design>> Edit HTML</li>
<li>Backup your Blog template </li>
<li>Click the "Expand widget Templates"</li>
<li>Search for this,</li>
</span></ul>
<span style="background-color: white; color: #333333; font-family: Verdana; font-size: 12px; line-height: 19px;">
</span>
<br />
<div>
<blockquote style="background-attachment: initial; background-clip: initial; background-color: #f2f1f1; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCvzuHkgB3N68REhmg9cVhqmw4RKSL-pZem3RPBgKrOiz5RKweDLeVTUuVyOmkE-1yW414KtQNseQgKLK2g8jMOzW_3Fvhpa-cbxkTIeiW2gD-Ws2wX8kjTdVtH34yW17tq2sqno6H5zA/s400/quote1.gif); background-origin: initial; background-position: 0% 0%; background-repeat: repeat-y; background-size: initial; border-color: rgb(221, 221, 221) rgb(102, 102, 102) rgb(102, 102, 102) rgb(221, 221, 221); border-style: solid; border-width: 1px; font-size: 0.9em; line-height: 1.3em; margin: 0px 20px; padding: 10px 20px 10px 45px;">
<div style="padding: 0px 0px 15px;">
<span style="background-color: white; color: #333333; font-family: Verdana; font-size: 12px; line-height: 19px;"><data:post.body/></span></div>
</blockquote>
<div>
<span style="background-color: white; color: #333333; font-family: Verdana; font-size: 12px; line-height: 19px;">>>>Only then after paste the code below.</span></div>
<blockquote style="background-attachment: initial; background-clip: initial; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCvzuHkgB3N68REhmg9cVhqmw4RKSL-pZem3RPBgKrOiz5RKweDLeVTUuVyOmkE-1yW414KtQNseQgKLK2g8jMOzW_3Fvhpa-cbxkTIeiW2gD-Ws2wX8kjTdVtH34yW17tq2sqno6H5zA/s400/quote1.gif); background-origin: initial; background-position: 0% 0%; background-repeat: repeat-y; background-size: initial; border-color: rgb(221, 221, 221) rgb(102, 102, 102) rgb(102, 102, 102) rgb(221, 221, 221); border-style: solid; border-width: 1px; margin: 0px 20px; padding: 10px 20px 10px 45px;">
<span style="font-family: helvetica, arial;"><span style="background-color: white; font-size: 15px; line-height: 24.639999389648438px;"><span style="color: #555555;"><iframe allowTransparency='true' frameborder='0' scrolling='no' src='http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2F</span><b><span style="color: magenta;">www.facebook.com%2Fpages%2Ftutorialblog</span><span style="color: #0b5394;">s</span></b><span style="color: #555555;">&amp;width=590&amp;colorscheme=light&amp; show_faces=true&amp;stream=false&amp;header=false&amp;height=180' style='border:none; overflow:hidden; width:590px; height:180px;'/></span></span></span></blockquote>
<span style="background-color: white; color: #333333; font-family: Verdana; font-size: 12px; line-height: 19px;"><br /></span>
<span style="background-color: white; color: #333333; font-family: Verdana; font-size: 12px; line-height: 19px;">>>> Making this change please.</span><br />
<ul style="list-style: none;"><span style="background-color: white; color: #333333; font-family: Verdana; font-size: 12px; line-height: 19px;">
<li style="background-attachment: scroll; background-clip: initial; background-color: transparent; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEha79fCBDwDcgosDHCZZ-1Ab5e-IT0jUEMQOEax508-OSs_665iDEBSTZ1levw2TqjgQsNll1I3YAGrnxA9FrdpJI7Gcfpoa3mZXnrQ5I_qZL0eTXLOTJ2trpORA8N9N0XxRaNWKUknTss/s400/255.gif); background-origin: initial; background-position: 0px 4px; background-repeat: no-repeat; line-height: 1.4em; margin: 0.3em 0px; padding: 0px 0px 0.8em 20px;"><span class="">Replace the  </span><span style="color: #0080ff;"><strong>bold blue text</strong></span><span class="">  with your Facebook Like Page Link (Do not include http://)</span></li>
<li style="background-attachment: scroll; background-clip: initial; background-color: transparent; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEha79fCBDwDcgosDHCZZ-1Ab5e-IT0jUEMQOEax508-OSs_665iDEBSTZ1levw2TqjgQsNll1I3YAGrnxA9FrdpJI7Gcfpoa3mZXnrQ5I_qZL0eTXLOTJ2trpORA8N9N0XxRaNWKUknTss/s400/255.gif); background-origin: initial; background-position: 0px 4px; background-repeat: no-repeat; line-height: 1.4em; margin: 0.3em 0px; padding: 0px 0px 0.8em 20px;">In your URL Page replace all back slashes. (  <strong>/</strong>  ) with  <strong>% 2F</strong></li>
</span></ul>
<div>
<span style="background-color: white; color: #333333; font-family: Verdana; font-size: 12px; line-height: 19px;">>>>As for example, if the URL of your page to look like this,</span></div>
</div>
<span style="background-color: white; color: #333333; font-family: Verdana; font-size: 12px; line-height: 19px;">
</span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<span style="background-color: white; color: #333333; font-family: Verdana; font-size: 12px; line-height: 19px;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2kWs3X23NW95k0hB9PkFWqWIwdY3HqsZ4gl7UeeEUheACLD6l_YYrp8LWoQwYKTN4FI2R3tk4IHnBzbDp7DDzpxfvOJfb-DoQrl16wx5linxofFb83zVgOode9JLyUZ2GbUb_DyaNeKY/s1600/fb.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="28" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2kWs3X23NW95k0hB9PkFWqWIwdY3HqsZ4gl7UeeEUheACLD6l_YYrp8LWoQwYKTN4FI2R3tk4IHnBzbDp7DDzpxfvOJfb-DoQrl16wx5linxofFb83zVgOode9JLyUZ2GbUb_DyaNeKY/s1600/fb.jpg" width="640" /></a></span></div>
<span style="background-color: white; color: #333333; font-family: Verdana; font-size: 12px; line-height: 19px;">
</span>
<br />
<div>
<span style="background-color: white; color: #333333; font-family: Verdana; font-size: 12px; line-height: 19px;"><br /></span></div>
<span style="background-color: white; color: #333333; font-family: Verdana; font-size: 12px; line-height: 19px;">
</span>
<br />
<div>
<span style="background-color: white; color: #333333; font-family: Verdana; font-size: 12px; line-height: 19px;"><span style="color: #555555; font-family: helvetica, arial; font-size: 14px; line-height: 22.399999618530273px;">>>>after replacing the back slashes with %2F>>>></span></span><br />
<blockquote style="background-attachment: initial; background-clip: initial; background-color: #f2f1f1; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCvzuHkgB3N68REhmg9cVhqmw4RKSL-pZem3RPBgKrOiz5RKweDLeVTUuVyOmkE-1yW414KtQNseQgKLK2g8jMOzW_3Fvhpa-cbxkTIeiW2gD-Ws2wX8kjTdVtH34yW17tq2sqno6H5zA/s400/quote1.gif); background-origin: initial; background-position: 0% 0%; background-repeat: repeat-y; background-size: initial; border-color: rgb(221, 221, 221) rgb(102, 102, 102) rgb(102, 102, 102) rgb(221, 221, 221); border-style: solid; border-width: 1px; font-size: 0.9em; line-height: 1.3em; margin: 0px 20px; padding: 10px 20px 10px 45px;">
<div style="padding: 0px 0px 15px;">
<span style="background-color: white; color: #333333; font-family: Verdana; font-size: 12px; line-height: 19px;"><strong style="color: #0080ff; font-family: helvetica, arial; font-size: 15px; line-height: 24.639999389648438px;">www.facebook.com%2Ftutorialblogs</strong></span></div>
</blockquote>
<span style="background-color: white; color: #333333; font-family: Verdana; font-size: 12px; line-height: 19px;">>>>Save your template and you're done!</span><br />
<span style="background-color: white; color: #333333; font-family: Verdana; font-size: 12px; line-height: 19px;"><br /></span></div>
<span style="background-color: white; color: #333333; font-family: Verdana; font-size: 12px; line-height: 19px;">
</span>
<br />
<div class="hreview">
<span class="item"><span class="fn"><strong style="color: green; font-family: Verdana; font-size: 12px; line-height: 19px; text-align: justify;">Post Name: </strong>Facebook Like Box at the bottom of the post.</span></span><br />
<b><span style="color: #7f6000;">Reviewed by</span></b> <span class="reviewer">Doulat Meah</span> on
   <span class="dtreviewed">
      Jan 6<span class="value-title" title="2014-07-07"></span>
   </span>.<br />
<span class="summary"><b><span style="color: #7f6000;">Summary:  </span></b></span>How to add Facebook Like Box at the bottom of the post.<br />
<span class="description"><span style="background-color: white; font-family: Verdana; font-size: 12px; line-height: 19px; text-align: justify;">Facebook like box</span><span class="" style="background-color: white; font-family: Verdana; font-size: 12px; line-height: 19px; text-align: justify;"> </span><span class="" style="background-color: white; color: #333333; font-family: Verdana; font-size: 12px; line-height: 19px; text-align: justify;"> is a great plugin that enables Facebook users do not directly subscribe to your blog updates via their Facebook account. </span><span class="" style="background-color: white; color: #333333; font-family: Verdana; font-size: 12px; line-height: 19px; text-align: justify;"> Visitors to the website you will receive your blog updates on their Facebook site. </span><span class="" style="background-color: white; color: #333333; font-family: Verdana; font-size: 12px; line-height: 19px; text-align: justify;">before you add Facebook like box below blogger posts or any part from your blog,</span><a href="http://nenksyakeela.blogspot.com/2012/04/tambahkan-facebook-like-box-di-bagian.html?m=0" name="more" style="background-color: white; color: #0084ce; font-family: Verdana; font-size: 12px; line-height: 19px; text-align: justify; text-decoration: none;"></a><span style="background-color: white; color: #333333; font-family: Verdana; font-size: 12px; line-height: 19px; text-align: justify;"> You will need to create a Facebook Like Page by reading this tutorial Blog.</span></span><br />
<b><span style="color: #7f6000;">Rating: 
   </span></b><span class="rating">5.00</span>
</div>

Facebook like box is a great plugin that enables Facebook users do not directly subscribe to your blog updates via their Facebook account...

Keep Reading This Post »

If a <a href="http://www.tutorial-blog.com/search?q=blog#.U-cItOOSxSQ" target="_blank">Blog</a> has many entries, visitors may not know how to read any of the entries in the blog. So how to we keep <i>blog visitors</i> to <u>read blog entries</u> at <i>random post</i> Button.? It is necessary to install '<b>random post button</b>' on the blog.<br />
<br />
<div style="text-align: center;">
<img alt="Random Post" height="159" src="http://4.bp.blogspot.com/-BNGhuuHBPsg/Uvo2O_PppuI/AAAAAAAA9X8/3_qLxJl3_n0/s320/random+post.jpg" title="Random Post" width="320" /> </div>
<div style="text-align: center;">
<u>Random Post</u></div>
<br />
It's also one way to ensure that visitors will stay longer in our blog to read some entries in a random blog. It was good for most of the contents of the blog is a photo or video, where visitors do not have to read in order of the timeline, but reading the entries at random. Example blog (test blog) fitted with a random button can be seen here> <a href="http://tutorial-blog.com/" target="_blank" title="Tutorial blog">Test blog</a>  Tutorial to install a random post button to the blog are as follows.<br />
<br />
1.Login blogger account and  dashboard and  layout.<br />
<br />
<div style="text-align: center;">
<img alt="Blogger Bashboard" height="199" src="http://3.bp.blogspot.com/-vnTILy8T-88/Uvo1DwxDBoI/AAAAAAAA9Xo/umsTMEjvCqU/s320/1.jpg" title="Blogger Dashboard" width="320" /> </div>
<div style="text-align: center;">
Blogger Dashboard</div>
<br />
2. Then add a gadget> HTML / javascript.<br />
<br />
<div style="text-align: center;">
<img alt="html / Java script" height="125" src="http://3.bp.blogspot.com/-NWOB8Uuv8nE/Uvo1KedE3hI/AAAAAAAA9Xw/6WutOP330A8/s320/2.jpg" width="320" /> </div>
<div style="text-align: center;">
html / Java script</div>
<br />
3. In the space of HTML / javascript, copy and paste <b>one of the code below.</b> There are two types of code, one to be in the sidebar, one for static. You can try any of that sounds right.<br />
<br />
3 (a) of the Code for the random post button on the sidebar .<br />
<br />
<pre class="brush:js"><style> #abt-random{position:relative;color:rgba(255,255,255,1);text-decoration:none;background-color:rgba(219,87,5,1);font-family:'Yanone Kaffeesatz';font-weight:700;font-size:20px;display:block;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;-webkit-box-shadow:0 9px 0 RGBA (219,31,5,1) 0 9px 25px RGBA (0,0,0, .7);-MOZ-box-shadow: 0 9px 0 RGBA (219,31,5,1), 0 9px 25px RGBA (0,0,0, .7); box-shadow: 0 9px 0 RGBA (219,31,5,1) 0 9px 25px rgba(0,0,0,.7);margin-bottom:10px;margin-top:10px;width:160px;text-align:center;-webkit-transition:all .1 S ease;-MOZ-transition: all .1 s ease;-ms-transition: all .1 s ease;-o-transition: all .1 s ease; transition: all .1 s ease; padding: 4px} # abt-random: active {-webkit-box-shadow: 0 0 3px RGBA (219,31,5,1), 0 3px 6px RGBA (0,0,0, .9);-MOZ-box-shadow: 0 0 3px RGBA ( 219,31,5,1), 0 3px 6px RGBA (0,0,0, .9) box-shadow: 0 0 3px RGBA (219,31,5,1), 0 3px 6px RGBA (0.0 , 0, .9); position: relative; top: 6px} # abt-random a {color: # fff;} </ style> <div <center> id="abt-random"> </ div> </ center> <script type="text/javascript"> showLucky function (root) {var feed = root.feed: var entries = feed.entry | | []; var entry = feed.entry [0]: for (var j = 0, j <entry.link.length; + + j) {if (entry.link [j]. rel == 'alternate') {window.location = entry.link [j]. href;}}} function fetchLuck (luck) {script = document.createElement ('script'); script.src = '/ feeds / posts / summary? start-index =' + luck + '& max-results = 1 & alt = json-in-script & callback = showLucky' ; script.type = 'text / javascript'; document.getElementsByTagName ('head') [0]. appendChild (script);} feelingLucky function (root) {var feed = root.feed: var total = parseInt (feed.openSearch $ totalResults. $ t, 10); luckyNumber var = Math.floor (Math.random () * total); luckyNumber + +: a = document.createElement ('a'); a.href = '# random'; a.rel = luckyNumber; a.onclick = function () {fetchLuck (this.rel);}; a.innerHTML = 'Random Post'; document.getElementById ('abt-random'). appendChild (a)} </ script> <script src="/feeds/posts/summary?max-results=0&alt=json-in-script&callback=feelingLucky"> </ script>

3 (b) - Code for static random post button at the bottom-right side of the blog.</pre>
<br />
<pre class="brush:js"><div> style='display:scroll; position:fixed; bottom:5px; right:5px;'> <style> #abt-random{position:relative;color:rgba(255,255,255,1);text-decoration:none;background-color:rgba(219,87,5,1);font-family:'Yanone Kaffeesatz';font-weight:700;font-size:20px;display:block;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;-webkit-box-shadow:0 9px 0 RGBA (219,31,5,1) 0 9px 25px RGBA (0,0,0, .7);-MOZ-box-shadow: 0 9px 0 RGBA (219,31,5,1), 0 9px 25px RGBA (0,0,0, .7); box-shadow: 0 9px 0 RGBA (219,31,5,1) 0 9px 25px rgba(0,0,0,.7);margin-bottom:10px;margin-top:10px;width:160px;text-align:center;-webkit-transition:all .1 S ease;-MOZ-transition: all .1 s ease;-ms-transition: all .1 s ease;-o-transition: all .1 s ease; transition: all .1 s ease; padding: 4px} # abt-random: active {-webkit-box-shadow: 0 0 3px RGBA (219,31,5,1), 0 3px 6px RGBA (0,0,0, .9);-MOZ-box-shadow: 0 0 3px RGBA ( 219,31,5,1), 0 3px 6px RGBA (0,0,0, .9) box-shadow: 0 0 3px RGBA (219,31,5,1), 0 3px 6px RGBA (0.0 , 0, .9); position: relative; top: 6px} # abt-random a {color: # fff;} </ style> <div <center> id="abt-random"> </ div> </ center> <script type="text/javascript"> showLucky function (root) {var feed = root.feed: var entries = feed.entry | | []; var entry = feed.entry [0]: for (var j = 0, j <entry.link.length; + + j) {if (entry.link [j]. rel == 'alternate') {window.location = entry.link [j]. href;}}} function fetchLuck (luck) {script = document.createElement ('script'); script.src = '/ feeds / posts / summary? start-index =' + luck + '& max-results = 1 & alt = json-in-script & callback = showLucky' ; script.type = 'text / javascript'; document.getElementsByTagName ('head') [0]. appendChild (script);} feelingLucky function (root) {var feed = root.feed: var total = parseInt (feed.openSearch $ totalResults. $ t, 10); luckyNumber var = Math.floor (Math.random () * total); luckyNumber + +: a = document.createElement ('a'); a.href = '# random'; a.rel = luckyNumber; a.onclick = function () {fetchLuck (this.rel);}; a.innerHTML = 'Random Post'; document.getElementById ('abt-random'). appendChild (a)} </ script> <script src="/feeds/posts/summary?max-results=0&alt=json-in-script&callback=feelingLucky"> </ script> </ div>

<b>4. Save and see the results. :)</b></pre>
<br />
 Tag: <i>Tutorial blog, blog tutorial, random post, blogger blog.</i>