How To Add Stylish Subscribe Box for All Blogger Dynamic CSS Templates

Today we will show you how to add style subscription box for blogger. A subscription
box meansa link to your RSS feeds and e-mail form, where readers can submit your email id to get updatesby mail from your blog. The RSS subscription box, Google + Twitter, Facebook, Feedburner.The reader looking
for a simple box subscription,
they will not subscribe. However,
this box to subscribe to the attractive appearance and impressive, so subscribe blog reader, of course.Now you can add this box to subscribe to blogger very easy and simple. Here we have added two methods; you can select each one of them. First method by clicking the Add button to blogger.Second method by adding CSS and HTML for your blog.

• You must have feedburner Account to email Subscribe click here to see How to Setup Feedburner Feed in Blogger

1. Go To Blogger Dashboard >LOayout>Add Gadget>HTML/JavaScript


2. past below code into html/javascript

<br /><div class='sub-box'><br /><div class='followlinks'><br /><h1><br />Get Free Email Upadtes</h1><br /><ul><br /><li class='otrss'><a target='_blank' href='http://feeds.feedburner.com/(Enter Feedbunner ID)'>RSS</a></li><br /><li class='otgoogleplus'><a target='_blank' href='http://plus.google.com/(Enter Google+ ID) '>Google+</a></li><br /><li class='ottwitter'><a target='_blank' href='http://twitter.com/(Enter Twitter ID) '>Twitter</a></li><br /><li class='otfacebook'><a target='_blank' href='https://www.facebook.com/(Enter Facebook ID)'>Facebook</a></li><br /></ul><br /></div><br /><br /><br /><div style="text-align: left; display: inline-block;"><br /><form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri= Enter Feedbunner ID', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" class="emailform"><br /><br /><input type="hidden" value="Mshihan" name="uri" /><br /><input type="hidden" name="loc" value="en_US" /><br /><input type="text" onblur="if (this.value == "") {this.value = "Enter Email Here";}" onfocus="if (this.value == "Enter Email Here") {this.value = ""}" value="Enter Email Here" name="email" class="emailtext" /><br /><input type="submit" class="sub-button" value="SignUp" title='' alt='' /><br /></form><br /></div><br /></div><br /><style><br />.sub-box{<br />background: #fff;<br />width: 270px;<br />padding: 2px 5px 7px 7px;<br />border: 2px solid #000;<br />border-radius: 15px;<br />}<br />.sub-box:hover{<br />border-style:dashed; 2px solid: #389af2;<br />}<br />.followlinks h1{<br />font-family:Cabin Condensed;<br />font-weight: bold;<br />color: #000;<br />padding: 0px 0px 2px 40px;;<br />font-size:17px;<br />}<br />.followlinks ul{<br />font-family:Cabin Condensed;<br />font-weight: bold;<br />}<br />.followlinks ul li{<br />float:left;<br />width:90px;<br />padding-left:40px;<br />margin:0 0 0 5px !important;<br />line-height:35px !important;<br />}<br />.followlinks ul li a{<br />font-size:20px !important;<br />text-decoration:none;<br />font-weight:normal;<br />color:#0068b5;<br />}<br />.followlinks ul li a:hover{<br />color:#000;<br />}<br />.followlinks ul li.otrss{<br />background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTnIPH9h3nEmcbweEnN5SOD5pSMxSZQql9pCLQpcejYJmRCpAb178OPfZoekhHlEsNJ1p49XNNc8ENBX5SwC-Zb5MYU32YeFP_PG-fY6aP5h3PTmo-moefYcOilcIxgCFCDEcE7lglhkZK/s1600/rss-ot.png) no-repeat scroll left center transparent;<br />}<br />.followlinks ul li.otgoogleplus{<br />background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQm7vIe3JpQ-MkgK1Aqp9luxViT38QKjMuqmeN68xEmdpKJZ913GYuEg86BH9jghPIztqZyElKDBaFW18mKHCPH0GH4HxLdc8VbxglJWUyL8GuvzXrDhy6-scfRw8Od26oFcImaWIblsPO/s1600/googleplus-ot.png) no-repeat scroll left center transparent;<br />}<br />.followlinks ul li.ottwitter{<br />background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiVvFDx0Kx36HpIn0neY3q9wWERdzF0IPWACTxSBq01JIevur7WdLC3kC91dsgef7EnisoubsPQV9xPiHh_9ZC7LKmJgAGUiNx6gdeCHE0a14LYazVOVPcGeStftCHcHwk5N6VbDYDQNCM/s1600/twitter-ot.png) no-repeat scroll left center transparent;<br />}<br />.followlinks ul li.otfacebook{<br />background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEio1F8PDYH8bZ3fmMetW0LuEJodhYKY-PAuoQVM4ITSqPbjLKKt_W4qvrDw_NmtGO928jrHg9nMPTf6KfwWAkU-Rw5lj52C4QhiUW-a1c6FfX1rDXTVc6SzervkzVye0zHsehZWW_0_usuP/s1600/facebook-ot.png) no-repeat scroll left center transparent;<br />}<br />form.emailform{<br />margin:5px 0 0;<br />display:block;<br />clear:both;<br />}<br />.emailtext{<br />background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPUTDKTnIAG3Jgnxf5tyWWIghOI1MKZv56qL7m1aTLpKLp1ls7NmHfCUN3SP-Xdq1EfngCurUXkgz79v6bFqppIL7_47bw_rz7pIswIG7duNMeWbP1lzOQb0EmmjPjDRCZu5JYrEveA6vF/s1600/ot-mail.png) no-repeat scroll 4px center transparent;<br />padding:7px 15px 7px 35px;<br />color:#444;<br />font-weight:bold;<br />text-decoration:none;<br />border:1px solid #D3D3D3;<br />-moz-border-radius: 4px;<br />-webkit-border-radius: 4px;<br />border-radius: 4px;<br />-moz-box-shadow: 1px 1px 2px #CCC inset;<br />-webkit-box-shadow: 1px 1px 2px #CCC inset;<br />box-shadow: 1px 1px 2px #CCC inset;<br />width: 142px;<br />}<br />.emailtext:focus{<br />outline: none;<br />}<br />.sub-button{<br />color:#444;<br />font-weight:bold;<br />text-decoration:none;<br />padding:6px 10px;<br />border:1px solid #D3D3D3;<br />cursor: pointer;<br />-moz-border-radius: 5px;<br />-webkit-border-radius: 5px;<br />-goog-ms-border-radius: 5px;<br />border-radius: 5px;<br />background: #fbfbfb;<br />background: -moz-linear-gradient(top, #fbfbfb 0%, #f4f4f4 100%);<br />background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#f4f4f4));<br />background: -webkit-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);<br />background: -o-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);<br />background: -ms-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);<br />filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FBFBFB', endColorstr='#F4F4F4',GradientType=0 );<br />background: linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);<br />}<br />.sub-button:hover{<br />background: -moz-linear-gradient(top, #e7e7e7 0%, #f4f4f4 100%);<br />background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e7e7e7), color-stop(100%,#f4f4f4));<br />background: -webkit-linear-gradient(top, #e7e7e7 0%,#f4f4f4 100%);<br />background: -o-linear-gradient(top, #e7e7e7 0%,#f4f4f4 100%);<br />background: -ms-linear-gradient(top, #e7e7e7 0%,#f4f4f4 100%);<br />filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e7e7', endColorstr='#F4F4F4',GradientType=0 );<br />background: linear-gradient(top, #e7e7e7 0%,#f4f4f4 100%);<br />}</style><br /><br /><script type="text/javascript"><br /> WebFontConfig = {<br /> google: { families: [ 'Cabin+Condensed::latin' ] }<br /> };<br /> (function() {<br /> var wf = document.createElement('script');<br /> wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +<br /> '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';<br /> wf.type = 'text/javascript';<br /> wf.async = 'true';<br /> var s = document.getElementsByTagName('script')[0];<br /> s.parentNode.insertBefore(wf, s);<br /> })(); </script><br /><br />

• Edit with Your ID


• Done!!!!!!!!

Click Here For Get More Blogger Tutorial

if any problem comment  below

By: Unknown On 10:25 AM

Continue Reading

How to put a gadget above your blog's header or create a custom header

This article is about how to put an item (any type of gadget) above the Title section in a blog made with Google Blogger. that mean how to create a custom header 



most of all Blogger's templates start out with a nav-bar at the top of the screen, followed by a Header section showing your blogs title & description, or a custom header image if you've uploaded one. 

Well, let's go down 

• Go To Blogger Dashboard >Template >Edit HTML.(before edit backup your template)


• Find this code in your template

<div id='header-wrapper'><br /> <b:section class='header' id='header' maxwidgets='1' showaddelement='no'> <b:widget id='Header1' locked='true' title='Header (Header)' type='Header'/> </b:section> </div><br />



Hint:  use your browser's search tool, (Edit>Find in Firefox, Ctrl + f in Chrome) to look for a key phrase like "id='Header1'

• the element highlighted in bold  need to be changed 

• Change maxwidgets='1' to at least 2 in order to be able to add another element in the header section.if you wand to add more then one you can replace any number to maxwidgets and get as you wish


• Alter showaddelement='no' to showaddelement='yes' to be able to add a different element to the header section (your new gadget)


• Replace locked='true' with locked='false' so that you can later remove the old header.

Now save your template, and go back to the layouts section in your dashboard. You'll notice that you can now add another element to your blog header!

• Now go to Blogger Dashboard >layout  you'll see
  
  
  
   on your header layout


• You are Done

Click Here For Get More Blogger Tutorial

I tried my best to make this tutorial as simple as possible to understand

 If still you face any problem about How to put a gadget above your blog's header or create a custom header  then feel free to ask me. Leave a comment below this post and I'll surely reply to you as soon as possible .

 Thanks!

By: Unknown On 10:47 AM

Continue Reading

How To Add Related Posts Widget or You might also like:Widget With Thumbnails & Summary To Blogger manually

i already post line view Related Posts Widget with Thumbnails  and without Thumbnails hew i am gong to talk about Related Posts Widget with Thumbnails,Summary in vertical alignment this manual method that mean you have to edit html

Well, let's go down 

• . Go To Blogger Dashboard >Template >Edit HTML.(before edit backup your template)


•  Now Search (CTRL + F) for this code:</head>


•  Paste the below code just above </head> 

<script <br />type='text/javascript'><br />//<![CDATA[<br />var relatedTitles = new Array();<br />var relatedUrls = new Array();<br />var relatedpSummary = new Array();<br />var relatedThumb = new Array();<br />var relatedTitlesNum = 0;<br />var relatedPostsNum = 4;<br />var relatedmaxnum = 75;<br />var relatednoimage = <br />"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGMofo9loRHCHTJo5LmiW7v1A_KVnBg6gh-RCiUMFGBByOnQXrDY1B8Oi9jpsucRo4g5VM7NZxbxMxlXJlcYc_xShFmP5NRAXzn5CmS0sJE0JvFqI_2TCegk76AU8pj6aFF49vOq7oa8Qi/s1600/No-Image-736965.jpg";<br />function<br /> readpostlabels(json) {<br /> var entry, postimg, postcontent, cat;<br /> for (var i = 0; i < json.feed.entry.length; i++) {<br /> entry = json.feed.entry[i];<br /> if (i==json.feed.entry.length) { break; }<br /> relatedTitles[relatedTitlesNum] = entry.title.$t;<br /> postcontent = "";<br /> if ("content" in entry) {<br /> postcontent = entry.content.$t;<br /> } else if ("summary" in entry) {<br /> postcontent = entry.summary.$t;<br /> }<br /> relatedpSummary[relatedTitlesNum] = <br />removetags(postcontent,relatedmaxnum);<br /> if ("media$thumbnail" in entry) {<br /> postimg = entry.media$thumbnail.url;<br /> } else {<br /> postimg = relatednoimage;<br /> }<br /> relatedThumb[relatedTitlesNum] = postimg;<br /> for (var k = 0; k < entry.link.length; k++) {<br /> if (entry.link[k].rel == 'alternate') {<br /> relatedUrls[relatedTitlesNum] = entry.link[k].href;<br /> break;<br /> }<br /> }<br /> relatedTitlesNum++;<br /> }<br />}<br />function showrelated() {<br /> var tmp = new Array(0);<br /> var tmp2 = new Array(0);<br /> var tmp3 = new Array(0);<br /> var tmp4 = new Array(0);<br /> for(var i = 0; i < relatedUrls.length; i++) {<br /> if(!contains(tmp, relatedUrls[i])) {<br /> tmp.length += 1; tmp[tmp.length - 1] = relatedUrls[i];<br /> tmp2.length += 1; tmp2[tmp2.length - 1] = relatedTitles[i];<br /> tmp3.length += 1; tmp3[tmp3.length - 1] = relatedpSummary[i];<br /> tmp4.length += 1; tmp4[tmp4.length - 1] = relatedThumb[i];<br /> }<br /> }<br /> relatedTitles = tmp2; relatedUrls = tmp; relatedpSummary = tmp3;<br />relatedThumb = tmp4;<br /> for(var i = 0; i < relatedTitles.length; i++){<br /> var index = Math.floor((relatedTitles.length - 1)*Math.random());<br /> var tempTitle = relatedTitles[i]; var tempUrls = relatedUrls[i];<br /> var tempResum = relatedpSummary[i]; var tempImage = relatedThumb[i];<br /> relatedTitles[i] = relatedTitles[index]; relatedUrls[i] = <br />relatedUrls[index];<br /> relatedpSummary[i] = relatedpSummary[index]; relatedThumb[i] = <br />relatedThumb[index];<br /> relatedTitles[index] = tempTitle; relatedUrls[index] = tempUrls;<br /> relatedpSummary[index] = tempResum; relatedThumb[index] = tempImage;<br /> }<br /> var somePosts = 0;<br /> var r = Math.floor((relatedTitles.length - 1)*Math.random());<br /> var relsump = r;<br /> var output;<br /> var dirURL = document.URL;<br /> while (somePosts < relatedPostsNum) {<br /> if (relatedUrls[r] != dirURL) {<br /> output = "<div class='relatedsumposts'>";<br /> output += "<a href='" + relatedUrls[r] + "' rel='nofollow' <br />target='_self' title='" + relatedTitles[r] + "'><img src='" + <br />relatedThumb[r] + "' /></a>";<br /> output += "<h6><br /><a href='" + relatedUrls[r] + "' <br />target='_self'>" + relatedTitles[r] + "</a></h6><br />";<br /> output += "<p><br />" + relatedpSummary[r] + " ... </p><br />";<br /> output += "</div><br />";<br /> document.write(output);<br /> somePosts++;<br /> if (somePosts == relatedPostsNum) { break; }<br /> }<br /> if (r < relatedTitles.length - 1) {<br /> r++;<br /> } else {<br /> r = 0;<br /> }<br /> if(r==relsump) { break; }<br /> }<br />}<br />function removetags(text,length){<br /> var pSummary = text.split("<");<br /> for(var i=0;i<pSummary.length;i++){<br /> if(pSummary[i].indexOf(">")!=-1){<br /> pSummary[i] = <br />pSummary[i].substring(pSummary[i].indexOf(">")+1,pSummary[i].length);<br /> }<br /> }<br /> pSummary = pSummary.join("");<br /> pSummary = pSummary.substring(0,length-1);<br /> return pSummary;<br />}<br />function contains(a, e) {<br /> for(var j = 0; j < a.length; j++) if (a[j]==e) return true;<br /> return false;<br />}<br />//]]><br /></script><br />

•  Now Search (CTRL + F) for this code:]]></b:skin>


• Paste the below code just above ]]></b:skin>

 




.relatedsumposts {float:left; <br />margin:0px 5px; overflow:hidden; text-align: center; width: 120px; <br />height:210px;}<br />.relatedsumposts:hover {background-color: #F3F3F3; <br />-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: <br />10px;}<br />.relatedsumposts img:hover {-khtml-opacity:0.4; -moz-opacity:0.4; <br />opacity:0.4;}<br />.relatedsumposts a {color: #linkcolor; display: inline; font-size: 10px;<br /> line-height: 1;}<br />.relatedsumposts img {margin-top: 2px; height: 82px; padding: 5px; <br />width: 82px; border: 1px solid #fff; -webkit-border-radius: 100px; <br />-moz-border-radius: 100px; border-radius: 100px; -webkit-box-shadow: 0 <br />1px 2px rgba(0, 0, 0, .4); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .4);<br /> box-shadow: 0 1px 2px rgba(0, 0, 0, .4);}<br />.relatedsumposts h6 {display: table-cell; height: 5em; margin: 5px 0 0; <br />overflow: hidden; padding-bottom: 2px; vertical-align: middle; width: <br />130px;}<br />.relatedsumposts p {border-top: 1px dotted #777777; border-bottom: 1px <br />dotted #777777; color: #summarycolor; font-size: 10px; height: 4em; <br />line-height: 1; margin: 5px 0 0; overflow: hidden; padding: 5px 0 15px <br />0; text-align: left;}<br />

• Find the following code in your template:

 <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>

•  Now put the following code in betwen </b:if> and </b:loop> that are red colored in the above code:

<b:if <br />cond='data:blog.pageType == "item"'><script <br />expr:src='"/feeds/posts/default/-/" + data:label.name +<br /> <br />"?alt=json-in-script&callback=readpostlabels&max-results=50"'<br /> type='text/javascript'/></b:if><br />

•  Find the following code in your template:

</b:includable>

<b:includable id='postQuickEdit' var='post'>

• Add the following code above it:

<b:if <br />cond='data:blog.pageType == "item"'><br /><div id='relatedpostssum'><br /><div style='text-align: left; <br />font-size: 15px; margin-bottom: 10px; font-weight: bold;'><br />Related <br />Posts</div><br /><script <br />type='text/javascript'>showrelated();</script></div><br /><div style='clear:both;'/><br /></b:if><br />

•  Save your changes and well done.

Click Here For Get More Blogger Tutorial

  I tried my best to make this tutorial as simple as possible to understand

 If still you face any problem to How To Add Related Posts Widget With Thumbnails & Summary To Blogger? then feel free to ask me. Leave a
comment below this post and I'll surely reply to you as soon as
possible .

 Thanks!

By: Unknown On 4:46 AM

Continue Reading

how to install line vieve Related Posts Widget or You might also like:Widget with Thumbnail For Blogger manually

you know Related Posts Widget  is best way to increase your blog traffic I already post how to install line vieve Related Posts Widget without Thumbnail For Blogger manually  now i am going to talk about installation related post Widget with Thumbnail & this related post Widget will appear as line 

Well, let's go down 

• . Go To Blogger Dashboard >Template >Edit HTML.(before edit backup your template)


•  Now Search (CTRL + F) for this code:</head>


•  Paste the below code just above </head> 

<script type='text/javascript'><br />//<![CDATA[<br />/*<br />Related Post with Thumbnail & Summary 1.0 (http://www.ublogger.net)<br />*/<br />var relnojudul = 0;<br />var numpost = 10;<br />var numchars = 120;<br />var reljudul=new Array();var relurls=new Array();var relcuplikan=new Array();var relgambar=new Array();function saringtags(g,h){var e=g.split("<");for(var f=0;f<e.length;f++){if(e[f].indexOf(">")!=-1){e[f]=e[f].substring(e[f].indexOf(">")+1,e[f].length)}}e=e.join("");e=e.substring(0,h-1);return e}function relpostimgcuplik(h){for(var e=0;e<h.feed.entry.length;e++){var g=h.feed.entry[e];reljudul[relnojudul]=g.title.$t;postcontent="";if("content" in g){postcontent=g.content.$t}else{if("summary" in g){postcontent=g.summary.$t}}relcuplikan[relnojudul]=saringtags(postcontent,numchars);if("media$thumbnail" in g){postimg=g.media$thumbnail.url}else{postimg="http://1.bp.blogspot.com/-htG7vy9vIAA/Tp0KrMUdoWI/AAAAAAAABAU/e7XkFtErqsU/s1600/grey.GIF"}relgambar[relnojudul]=postimg;for(var f=0;f<g.link.length;f++){if(g.link[f].rel=="alternate"){relurls[relnojudul]=g.link[f].href;break}}relnojudul++}}function contains(a,e){for(var f=0;f<a.length;f++){if(a[f]==e){return true}}return false}function artikelterkait(){var v=new Array(0);var w=new Array(0);var x=new Array(0);var A=new Array(0);for(var u=0;u<relurls.length;u++){if(!contains(v,relurls[u])){v.length+=1;v[v.length-1]=relurls[u];w.length+=1;w[w.length-1]=reljudul[u];x.length+=1;x[x.length-1]=relcuplikan[u];A.length+=1;A[A.length-1]=relgambar[u]}}reljudul=w;relurls=v;relcuplikan=x;relgambar=A;for(var u=0;u<reljudul.length;u++){var B=Math.floor((reljudul.length-1)*Math.random());var i=reljudul[u];var s=relurls[u];var y=relcuplikan[u];var C=relgambar[u];reljudul[u]=reljudul[B];relurls[u]=relurls[B];relcuplikan[u]=relcuplikan[B];relgambar[u]=relgambar[B];reljudul[B]=i;relurls[B]=s;relcuplikan[B]=y;relgambar[B]=C}var r=0;var D=Math.floor((reljudul.length-1)*Math.random());var z=D;var q;var t=document.URL;while(r<numpost){if(relurls[D]!=t){q="<br /><li class='news-title clearfix'>";q+="<a href='"+relurls[D]+"' rel='nofollow' target='_top' title='"+reljudul[D]+"'><div class='overlayb'><br /></div><br /><img src='"+relgambar[D]+"' /></a>";q+="<a class='relinkjdulx' href='"+relurls[D]+"' target='_top'>"+reljudul[D]+"</a>";q+="<span class='news-text'>"+relcuplikan[D]+"</span>";q+="</li><br />";document.write(q);r++;if(r==numpost){break}}if(D<reljudul.length-1){D++}else{D=0}if(D==z){break}}};<br />//]]><br /> </script>

•  To change the number of posts, edit var numpost = 10 , you may change 10 to 4, 5, 6 or what ever you want. 


•  to change the length of description edit numchars = 120.


• again Go to your template editor and search </b:skin>. add the code below just before </b:skin>

#related_posts{padding:0 5px 5px;overflow:hidden;display:inline;}#related_posts h4{padding:5px;font-size:16px;text-align:left}ul#relpost_img_sum{margin:0;padding:0;text-align:justify;display:inline;}ul#relpost_img_sum li{list-style:none;padding:5px;margin:0;width:490px;float:left;display:inline;}ul#relpost_img_sum li a{display:block}ul#relpost_img_sum li img{float:left;width:60px;height:60px;margin-right:5px;padding:2px;background-color:#1B1B1B;border:1px solid #cacaca}<br />ul#relpost_img_sum li a.relinkjdulx{display:block;height:30px;overflow:hidden;margin-bottom:3px;background-image:none;font-weight:bold;text-decoration:none;background:#FFFF99;}

•  Now search data:post.body


•  you may find more than one data:post.body try the following code after every data:post.body tag if it doesn’t work with one. 

<div id='related_posts'>
          <h4>Related Posts</h4>
          <b:loop values='data:post.labels' var='label'>
              
<script expr:src='&quot;/feeds/posts/default/-/&quot; +
data:label.name +
&quot;?alt=json-in-script&amp;callback=relpostimgcuplik&amp;max-results=50&quot;'
type='text/javascript'/>
          </b:loop>
          <ul id='relpost_img_sum'>
               <script type='text/javascript'>artikelterkait();</script>
          </ul><a href=”http://www.ublogger.net”>.</a>
</div>

•   Save the template. 

Click Here For Get More Blogger Tutorial

 I tried my best to make this tutorial as simple as possible to understand

 If still you face any problem to how to install line vieve Related Posts Widget with Thumbnail For Blogger manually  then feel free to ask me. Leave a comment below this post and I'll surely reply to you as soon as possible .

 Thanks!

By: Unknown On 12:08 AM

Continue Reading

how to install line vieve Related Posts Widget or You might also like:Widget without Thumbnail For Blogger manually

Now i’m
going to lell how to install  Related
Posts Widget without Thumbnail For Blogger manually This widge will load
related posts to show below every post in your blog

You can
increase your blog traffic.  & etc

Well, let's go down 

• . Go To Blogger Dashboard >Template >Edit HTML.(before edit backup your template)


•  Now Search (CTRL + F) for this code:</head>


•  Paste the below code just above </head> 

<script type='text/javascript'><br />//<![CDATA[<br />var relatedTitles = new Array();<br />var relatedTitlesNum = 0;<br />var relatedUrls = new Array();<br />function related_results_labels(json) {<br />for(var i = 0; i < json.feed.entry.length; i ++)<br />{<br />var entry = json.feed.entry[i];<br />relatedTitles[relatedTitlesNum]=entry.title.$t;<br />for(var k = 0; k < entry.link.length; k++)<br />{<br />if(entry.link[k].rel == 'alternate')<br />{<br />relatedUrls[relatedTitlesNum]=entry.link[k].href;<br />relatedTitlesNum++;<br />break;<br />}<br />}<br />}<br />}<br />function removeRelatedDuplicates()<br />{<br />var tmp = new Array(0);<br />var tmp2 = new Array(0);<br />for(var i = 0; i < relatedUrls.length; i++)<br />{<br />if(!contains(tmp, relatedUrls[i]))<br />{<br />tmp.length += 1;<br />tmp[tmp.length - 1] = relatedUrls[i];<br />tmp2.length += 1;<br />tmp2[tmp2.length - 1] = relatedTitles[i];<br />}<br />}<br />relatedTitles = tmp2;<br />relatedUrls = tmp;<br />}<br />function contains(a, e) {<br />for(var j = 0; j < a.length; j++) if (a[j]==e) return true;<br />return false;<br />}<br />function printRelatedLabels() {<br />var r = Math.floor((relatedTitles.length - 1) *Math.random());<br />var i = 0;<br />document.write('<ul>');<br />while (i < relatedTitles.length && i < 20) {<br />document.write('<li><a href="' + relatedUrls[r] + '">' + relatedTitles[r] + '</a></li><br />');<br />if(r < relatedTitles.length - 1)<br />{<br />r++;<br />} else {<br />r = 0;<br />}<br />i++;<br />}<br />document.write('</ul><br />');<br />}<br />//]]><br /></script><br />

• 
  
  Find the following script: 

<b:if cond='data:post.la bels'><data:postLabelsLabel/>
<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!
= "true"'>,</b:if>
</b:loop>
</b:if>
</font>

• 
  
  First, try to search for data:post.labels

• 
  
  Replace the above script with the following:  

<b:if cond='data:post.labels'><br /><br /> <data:postLabelsLabel/><br /><br /> <b:loop values='data:post.labels' var='label'><br /><br /> <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if><br/><br /><br /><b:if cond='data:blog.pageType == "item"'><br /><br /><script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=7"' type='text/javascript'/><br /></b:if><br /> </b:loop><br /> </b:if><br/><br/><br /><b:if cond='data:blog.pageType == "item"'><font color='90F000' size='5'>Related Posts</font><br/><br/><br /><script type='text/javascript'><br />removeRelatedDuplicates();<br />printRelatedLabels();<br /></script><br /><br /></b:if><br /><br />

• Save your template 


• you're done. 
  

Click Here For Get More Blogger Tutorial

 I tried my best to make this tutorial as simple as possible to understand

 If still you face any problem to how to install  Related Posts Widget without Thumbnail For Blogger manually then feel free to ask me. Leave a comment below this post and I'll surely reply to you as soon as possible .

 Thanks!

By: Unknown On 11:34 PM

Continue Reading

How To Change your Blogspot blog Address easily

In Every day,every hour,minute even second Internet is
widening.Furthermore websites and blogs are opened for the more than 2
billion Internet users in every minute.Blogging is an effective way for
earn some money for free.Blogger and WordPress are most popular blogging
platform among the blogger users.Before you start blogging,you
should consider some points.Although,today I'm going to explain you how
to change your blogger blog address.Why I choose this topic before
discussing about essential point of starting a blog?There are some
reasons.Most important reason is you should learn how to choose a
correct blog address for your blog.I have discussed some points with
you.But,I think this post will be valuable too for you and newbie
 bloggers.

Reasons changing your Blog address

There might be many reasons to renew your blog
address.Generally,changing blog address of you as a part time blogger is
usual thing.because of sometimes,you may be in doubt what to post.Hence
your blog's niche might be changed.also,when you want to cover more
topics,you may think to add different,short and attractive blog address
for your blog address.However before adding new blog address for your
blog,you should think some point.

What should I think Before changing my blog address

Yes..There some most important points to determine,before you changing
your blog address.First one is your audience.Your visitors must be
announced before you change your blog address.This will be helpful for
both you and your daily visitors.second point is ,choosing an accurate
address for your blog.accurate mean eligible blog address for your
blog's niche.Also,you will try to choose short name for your address,not
more than three or four words.i.e: mshihan.blogspot.com,this
URL is easy to remember.but not easy to type.Not only that,you might
consider to add  keyword(s) for your blog.you can identify more than
three keywords in this above instance.That blog address will be ranked
highly in SERP(Search-Engine-Rank-Pages).Because,There are some popular
keywords in that above address.(Oh..buddy,this domain is not registered
yet!If it is not,don't abuse me.I checked it.There was not any blog name
in above domain).But,you can find many websites and blogs about earning
money in present.There are about 442,000,000 results in Google
about only on "earn money" (2013.04.19). However i suggest you to try
to find available short name for your blog address.There are many other
points that you should think before changing your blog address to
discuss with you.But,I don't like to make this boring post to
you.I promise you to share them with you in future.

How to change my blog address

  You can change your blog address easily following below few steps. 

• Sign in to your blogger account.


• Go to Settings >>Basic >>Publishing.Now click on "edit" link and type your new blog address like below.
  
  
  
  


• Now save your new blog address.If it is
  available,there is not any problem.If it is not available for your
  blog,be creative to make some different to that address.

 Now you have change your blogspot blog's address.make sure you have
followed information that i mentioned above about changing your blog
address.I recommend you to don't change your blog address regularly.it
is not good for your site.how many times did you change your blog
address? and how many visitors lost you since that days?If you have any
idea about this post,share it with us.



 I think that you have got any knowledge from this post.So,you can share
this post among your friends.Also,now you can subscribe via Email.You
will be received newest post to your mailbox.Happy blogging:)



 I tried my best to make this tutorial as simple as possible to understand

 If still you face any problem to change my blog addressthen feel free to ask me. Leave a comment below this post and I'll surely reply to you as soon as possible .

 Thanks!

Click Here For Get More Blogger Tutorial

By: Unknown On 8:53 AM

Continue Reading

How To Create a Blogger Blog ( Creat Free Web Site )

Blogging an effective way to speech to the world though your words.As
well as it is good way to earn some extra money for your pocket as a Income way.Some people are blogging for funny.someones blogging for earning money.Any way,You can start blogging.If you don't know how to create a blog.Follow these Step by step tutorial

• You must have a Google Account.
  
       You will be required this post to Create a Google Account.


• Now,go to Blogger clicking Here.


• Now sign in to blogger using your Google account.


• Then,Click on "Now blog" button in the top left corner.
  
  
  
  


• Next,You'll see a Pop out window like bellow.
  
  
  
    

 In Title,Type the "Title" of your blog.You can change it after.But,if
you have a good title type it.Your title should be relevant to your blog
address.If your blog is about Sports,Type a attractive and Meaningful
short good one on sports like " world-sports,Geo-sports,Sports to spirit
"...etc.The Equalization within Title and blog address is  important
in SEO.
It will maximize your search engine result rank like Google.Using the
Keywords relevant to your blog to the title,it will be maximized your
blog's traffic too.

Then type the blog address in the Next field.It should be an available
sub-domain blogspot address.you can add a custom domain later.But,if you
wish to get good sub domain address.Type it.it may be not available for
your blog.Be creative.As above example,If you wish to make a blog on
"Sports",You can try adding some shortened addresses like in  bellow.

bestsports,practicalsports,gamingsports,mysportworld,mywebsports,blogsports,sport-planet,spworld,sports-in-world,landsports,hellosports...etc.

Adding good meaningful address to your blog,Your blog will be received more visitors from social medias,search engines and websites.It
is very good,if you add memorize,short blog address to your blog.then
your visitors can remember your blog address.Other valuable thing is the
your blog address should not have equal letters in line like these.



masssports,sportsspace,worls'ssports...etc




You can separate each words using symbols like "-".use a type able word to your blog.It will help to visitors to type it one browser or websites,search engines easily.

•  Now select a Template.You can add many third party template later.for now,select a template and click on the "create Blog" button.


• Now you have a Blog.Start now for blogging!!!  


•  I tried my best to make this tutorial as simple as possible to understand
   If still you face any problem to Create a Blogger then feel free to ask me. Leave a comment below this post and I'll surely reply to you as soon as possible .


•  Thanks!

Click Here For Get More Blogger Tutorial

By: Unknown On 8:17 AM

Continue Reading