Blogger Tips

instructions to put a blogger widget inside a scroll box

Oleh bcoded - January 13, 2017

Possibly you have seen in a few sites/sites that they have alot of gadgets which have recently destroyed there blog style and space.Now to dispose of these long gadgets , you can place them in a Box having a Scroll bar.Any tall gadget like Blog Archive and so on gadgets must be set in a Scroll box.

This will spare your Blog Space and will make your blog simple and navigative for readers.Implementing this Widget will empowers you to put your gadget content in a Scroll box , so your perusers can without much of a stretch explore blog contents.In this Scroll box , all titles will be static and can undoubtedly be gotten to by your Readers.

Step by step instructions to Put a Widget inside a Scroll Box
Discover the Widget ID You need to place it in a Scroll box

Visit Blogger Dashboard.

Tap On Template

Alter HTML

Look for this Code

]]></b:skin> Now Copy the below Script and add
it above this Script ]]></b:skin>

/* By codedforum.com.ng START */
#WidgetIdYouWant2PlaceinScrollBox .widget-content {
height: 200px;
overflow: auto;
}
/* END */

Supplant WidgetIdYouWant2PlaceinScrollBox with Widget ID >>Save Template and that is it!

If You have Any Question in regards to this Tut , ask unreservedly we are here to answer! Remain Blessed ,Happy Blogging!

how to to Add Comment Counter to Post Header Titles in Blogger

Oleh bcoded - January 12, 2017

Add Comment Counter to Post Header Titles in Blogger: By Default quantities of Comments is appeared beneath the every post in Comment Section.As it is put underneath post , so the greater part of us never saw it.

Now If you are occupied with adding this Comment Counter to Header it will truly move your blog perusers and will socially constrain them to comment.It's a reality , in the event that you add Comment Counter close to Blog post Title it will be thoroughly better then the underneath area.

And it will without a doubt rouse your Blog Readers to Comment on your Posts.What Do You Think this Counter is better perfect to Post Titles? On the off chance that Yes, Then take after the accompanying strides.

Go To Blogger

Tap On Template

Alter HTML

Scan for ]]></b:skin>

Presently Copy the Below Script and include it simply above ]]></b:skin>

.comment-count {
float : right;
width : 47px;
height : 47px;
background : url( SPECIFIC IMAGE URL );
background-repeat: no-repeat;
font-size : 19px;
position:absolute;
margin-top : -16px;
margin-right : 2px;
text-align : center;
}

Presently Chose the Comment Counter Background
Presently Copy the Image URL and Replace SPECIFIC IMAGE URL in the script with the picture URL Presently Add Comment Count Code

For That Again Go To Blogger Dashboard >> Template >> Edit HTML >> Search For

<h2 class='post-title section title' itemprop='name'> OR class='post-title passage title'

Presently Copy the Below Script and include it underneath the Above said Code

<b:if cond='data:post.allowComments'> <a class='comment-number' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:post.numComments/></a>
</b:if>

Presently Save Template and That's it !

So What's Up : If You Liked this tut , Please Share it and Express your perspectives in Comments . Remain Blessed ,Happy Blogging!

AdSense Ads Not Showing On HomePage - Problem Solved

Oleh bcoded - January 05, 2017

➤You May Love: To Drop Us Your Own Articles To Be Published Here

AdSense Ads Not Showing On HomePage: It happens when you are new to Blogging and AdSense world.The Problem is your AdSense advertisements won't be shown on the landing page of your blog or website.

Actually it's not a major issue but rather you need to set your blog preferences.And that is all the mystery behind settling this Problem.

The most effective method to Fix This Problem

Go To Blogger Dashboard
Tap On Settings
Tap On Preferences

Note: You May Love To Read➨Jumia Affiliate Marketing Pay Commission For Each purchase

Presently Just Scroll Down little underneath

You will see the underneath region called Meta Tags as appeared

Presently Enable Search Description (tap on yes) and give a little depiction about your blog.

That is it ➸

So What's Up : You may have seek alot about this issue ,each one is clarifying it in it's own particular manner yet the arrangement is here.Stay Blessed , Happy Blogging!

instructions to Add Yahoo Smileys To Blogger Threaded Comments

Oleh bcoded - December 31, 2016

This is a guest post compiled by Jessyfabulous for Codedforum

Composing an extremely productive substance is a thing and individuals remarking on the post is something else. Most perusers really don't care for remarking on online journals, particularly on the off chance that they discovered your blog so exhausting,

yet this hack means to build your odds of getting more remarks on your blog, as perusers will love to see the usefulness of the smileys by remarking your blog which will brings you more introduction.

This hack works with blogger strung remark and on all blogger format. Presently take after the basic strides beneath.

Go to your blogger dashboard

NOTE: Straightforward Ways To Secure Your Blog From Hackers

Tap on Template > Edit HTML > Proceed (Mark/Tick Expand Widget Template)

Utilize crtl F to discover ]]></b:skin> and glue the accompanying code above it

img.realcombiz {
height: auto !important;
vertical-align: middle !important;
width: auto !important;
border:0px !important;
}

➽Search for </body> and paste the following code above </body>

<script src='http://rbcode.googlecode.com/files/yahoosmileys.js' type='text/javascript'/>

➽Now search for this line <div class='post-footer-line post-footer-line-3'>
Find the next </b:includable> and paste the following code above </b:includable>

<b:if cond='data:blog.pageType == "item"'>
<div class='realcombiz' id='ysmile' style='
background: -moz-linear-gradient(top, #e4f5fc 0%, #bfe8f9 50%, #9fd8ef 51%, #2ab0ed 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e4f5fc), color-stop(50%,#bfe8f9), color-stop(51%,#9fd8ef), color-stop(100%,#2ab0ed));background: -webkit-linear-gradient(top, #e4f5fc 0%,#bfe8f9 50%,#9fd8ef 51%,#2ab0ed 100%);background: -o-linear-gradient(top, #e4f5fc 0%,#bfe8f9 50%,#9fd8ef 51%,#2ab0ed 100%);background: -ms-linear-gradient(top, #e4f5fc 0%,#bfe8f9 50%,#9fd8ef 51%,#2ab0ed 100%);background: linear-gradient(top, #e4f5fc 0%,#bfe8f9 50%,#9fd8ef 51%,#2ab0ed 100%);border-radius: 3px;width:100%; padding:10px; height:65px;'>
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif'/> :)
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif'/> :(
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif'/> ;)
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif'/> :D
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif'/> :-/
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif'/> :x
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/> :P
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif'/> :-*
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif'/> =((
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif'/> :-O
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif'/> X(
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/15.gif'/> :7
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/16.gif'/> B-)
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/18.gif'/> #:-S
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif'/> :((
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif'/> :))
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif'/> =))
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/26.gif'/> :-B
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/101.gif'/> :-c
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif'/> :)]
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif'/> ~X(
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/103.gif'/> :-h
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/28.gif'/> I-)
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/41.gif'/> =D7
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/43.gif'/> @-)
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/45.gif'/> :-w
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/47.gif'/> 7:P
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/48.gif'/> 2):)
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/110.gif'/> :!!
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/111.gif'/> \m/
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/112.gif'/> :-q
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/113.gif'/> :-bd
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/114.gif'/> ^#(^
</div><a href="http://realcombiz.com"></a></b:if>

Save your template That's all

We hope this hack brings more positive effect to your blog. peace out pals

This post was written by +Jessyfabulous . She blogs on Thephoenix-Blog and you can follow her on Twitter @Jessyfabulous2 Or Like Her Page On Fb Facebook here. Follow Her On IG: @jessyfabulous

Instructions to Add Blogger Related Links to Below Blog Posts

Oleh bcoded - December 18, 2016

In this instructional exercise im going to clarify, how to include blogger related connection list underneath posts.So, this is the correct one of codedforum.com.ng related post. without design, By utilizing this trick,It keeps your perusers in your site too long.It more vital for increment online visits and SEO as well.Few weeks prior i posted about Thumbnail View With Related Post For blogger. In this way, the individuals who are not keen on connections style, you can go for thumbnail impact.

Each means are clarified well.If you have an issue, recently remark below.And im not going to make new demo for this instructional exercise like i do.You can get a demo, end of this article.happy blogging. :)

The most effective method to Add Blogger Related Links to Below Blog Posts

1. Go to Blogger Dashboard > Template

2. Reinforcement your layout

3. Tap on Edit HTML

4. Find ]]></b:skin> and include underneath code just beneath it

/* The CSS Code for the menu starts here codedforum.com.ng

<b:if cond='data:blog.pageType == "item"'>
<style type='text/css'>
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}
#related-posts .widget{
padding-left:6px;
margin-bottom:10px;
}
#related-posts .widget h2, #related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: black;
font-family: Georgia, “Times New Roman”, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;}
#related-posts a{color:#0c0080;}
#related-posts a:hover{color:#0ab0fd;}
#related-posts ul{
list-style-type:none;
margin:0 0 0px 0;
padding:0px;
text-decoration:bold;
font-size:12px;
text-color:#000000
}
#related-posts ul li{
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi03oTiLV1YAeAF_Hm8JOh84x1iSjq0w-uIg0BVtQWZTmWQ_S-KlP6ettv6PAskh_SFDgciYPvia0hESqonyrm5uQAcAPwHwKptjSwVz-F5ceuK8aVfZ88SvEKLigbLoMkkbUEqLxQE4Yc/s1600/btrix_arrow-icon.png) no-repeat ;
display:block;
list-style-type:none;
margin-bottom: 13px;
padding-left: 30px;
padding-top:0px;
height: 20px;
margin-top: -5px;}

#related-posts ul li:hover{
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdUNWD5ThOSM7WWFOGX54-DxjYHvQw7rrUoKk2Qduzz-XCXRzsg3tGHqOtKljN70KuBMVhHX-nuOlhNWbuu8vcNu7ozybf6hgoEBkm539xHXjG2CopABFgDCq3qwO-5YrLzROrNmQDP_8/s1600/btrix_arrow-icon2.png) no-repeat ;
display:block;
list-style-type:none;
margin-bottom: 13px;
padding-left: 30px;
padding-top:0px;}</style>

. Again Find <div class='post-footer-line post-footer-line-3'> and add below code just below it

<b:if cond='data:blog.pageType == "item"'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != "true"'>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=6"' type='text/javascript'/></b:if></b:loop>
<script type='text/javascript'>
var maxresults=10;
removeRelatedDuplicates(); printRelatedLabels("<data:post.url/>");
</script>
</div>
</b:if>

You can change maxresult as your like ( what number of related presents require on unmistakable)

8. Presently spare your Template.

You are finished. In the event that you have any issue identified with How to Add Blogger Related Links to Below Blog Posts. Simply leave a comment.I will help to you.

Show Recent Posts With Featured Thumbnails in Blogger

Oleh bcoded - December 12, 2016

We have talked about in detail how you can utilize JavaScript to concentrate information from Blogger JSON Feed API and utilize it to manufacture devices, for example, "Late Posts Widget" and "Latest Comments Widget". The JSON instructional exercise arrangement would help a designer to make quality gadgets for blogspot blogging stage.

Today's instructional exercise will demonstrate to you the finished result of what should be possible utilizing JSON nourish for posts. I will impart to you a propelled gadget that will show late posts in dropping request (most recent at top)⇪ alongside post thumbnails, post rundown, timestamp, remark number, mark label, creator name and alter interface.

You can add it to your blogger sites to show most recent posts in an interesting style. This is the main gadget of its kind with so much elements.

Upgrade: A more conservative, adaptable and completely utilitarian variant of this gadget has been discharged. Checkout:

Late posts Label Gadget with Avatars, Animated Thumbnails and Labels!
What is a Blogger Recent Posts Widget? ⇙⇙

A latest posts gadget shows your most recent posts in sliding request with freshest at top. It demonstrates a rundown of your most recent blog entries alongside thumbnails, post passage and post meta data. It works with all blogspot online journals. Duplicate the code and glue it inside a HTML/JavaScript contraption, that straightforward!

You can likewise utilize it to show posts by name by posting late posts from a particular mark. You can modify it to show posts in magazine style form with vertical, level, exhibition style posting. I will examine all such conceivable outcomes in my coming instructional exercises. Designers at themeforest utilize a similar strategy to make magazine style blogger layouts. You will figure out how to code it sans preparation through our JSON arrangement.

Full elements are the accompanying:

Post Title
Highlighted Image - With outsider picture bolster and YouTube Thumbnails bolster
Post outline
Perused more connection
Creator Name
Name/Category/Tag name
Remarks Count
Distribute date
Alter connect tooltip that will demonstrate post Update Date and Time.
Lightweight
Liquid and responsive

Shows the accompanying GIF preloader which turns and throbs when the gadget loads or when information is asked for by program from JSON bolster.

preloader for blogger websites ⇣
Once completely stacked the blog entries are shown in dropping request (Latest at top)

Lets get to coding!
Add Recent Posts Widget To Your Blog

Take after these simple strides to add this contraption to your blogspot web journals:

⤰ Go To Blogger ➥ Template

⤯ Backup your format

⤯ Click Edit HTML

⤮ Paste the accompanying code simply above </head> tag

Take note of: This progression is discretionary. Skip it on the off chance that you have as of now added jQuery library source connections to your blogger template

<script async='' src='https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js' type='text/javascript'></script>

Next glue the accompanying template joins for FontAwesome and Oswald text style simply above </head>. Skip adding the links if you already have added them inside your templates

Presently glue the accompanying CSS code simply above ]]></b:skin>

<link href='http://fortawesome.github.io/Font-Awesome/assets/font-awesome/css/font-awesome.css' rel='stylesheet'/><link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'/>

Now paste the following CSS code just above ]]></b:skin>

/*############Recent Posts Widget##################*/.mbtlist {list-style-type:none;overflow:hidden; padding:10px!important;} .mbtlist li {margin:0px auto 20px auto; clear:both; color:#666; font-family:helvetica; font-size:12px; } .mbtlist i{color:#999; padding-right:4px; } .mbtlist .iline{line-height:2em; clear:both; border:1px solid #eee; margin-top:10px; padding: 0px 4px; font-size: 12px;} .mbtlist div span{margin:0 10px 0 0; display:inline-block;} .mbtlist span {display:block; margin:5px 0px 0px; padding-right:5px;} .mbtlist .icon {color: #999;font-family: verdana;font-size: 12px;text-align: justify;} .mbtlist img {float:left; margin:0px 10px 10px 0px; border:6px solid #fff; padding:0px; width:150px; height:100px; box-shadow:-1px -1px 4px #777; } .mbtlist .mbttitle {font-family:oswald; font-size:18px; color:#0080ff; font-weight:normal; text-decoration:none; line-height: 1.4em;} .mbtlist .mbttitle:hover, .mbtlist .itotal a:hover {color:#00A5FF;} .mbtlist .iedit a{text-decoration:none; color:#999; cursor:pointer} .mbtlist .iedit:before, .mbtlist .iauthor:before, .mbtlist .itag:before, .mbtlist .icomments:before, .mbtlist .idate:before, .mbtlist .itotal span:before{font-family:fontAwesome; position:relative; padding-right:5px;} .mbtlist .iauthor:before {content:'\f007';} .mbtlist .itag:before {content:'\f02c';} .mbtlist .icomments:before {content:'\f086';} .mbtlist .idate:before {content:'\f017';} .mbtlist .iedit:before {content:'\f040';}.mbtlist .imore {font-size:12px; font-weight:bold; text-decoration:none; color:#999;}.mbtlist .itotal {color:#333; padding:5px 10px; border:1px solid #eee;}.mbtlist .itotal a {font-family:oswald; font-size:12px; font-weight:normal; color:#0080ff; text-decoration:none}.mbtlist .itotal span:before {content:'\f07c';}.mbtlist .itotal span font {padding:0px 3px; color:#333; font-family:georgia; font-size:15px; font-weight:bold}#mbtloading1{ margin: 20% auto; background: url('http://downloads.mybloggertricks.com/Spin%20and%20pulsate.gif') no-repeat left center;width: 80px;height: 80px;}/*------ CSS3 Tooltip Shortcode -------------*/ .tooltip1{outline:none;text-decoration:none!important;position:relative;color: orange!important; font-weight: bold;}.tooltip1:hover {border-bottom: none;}.tooltip1 strong{line-height:30px}.tooltip1 > span{max-width:300px;width:115px;padding:5px 8px;opacity:0;bottom:170%;left:0px; visibility:hidden;z-index:10;position:absolute;font-family:helvetica;font-size:12px;font-weight:bold;border-radius:2px;box-shadow:2px 2px 5px #999;-webkit-transition-property:opacity,margin-top,visibility,margin-left;-webkit-transition-duration:0.4s,0.3s,0.4s,.3s;-webkit-transition-timing-function:ease-in-out,ease-in-out,ease-in-out,ease-in-out;transition-property:opacity,margin-top,visibility,margin-left;transition-duration:0.4s,0.3s,0.4s,.3s;transition-timing-function:ease-in-out,ease-in-out,ease-in-out,ease-in-out}.tooltip1 > span img{float:right;width:110px;margin:0 0 30px 10px;padding: 0;border: none;}.tooltip1:hover > span{opacity:1;text-decoration:none;visibility:visible;overflow:visible;display:inline;margin-left:-90px}.tooltip1 span b{width:15px;height:15px;right:25px;bottom:-9px;display:block;position:absolute;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);display:none\0/;*display:none}.tooltip1 > span{color:#fff;background:orange;border:1px solid #ffffff}.tooltip1 span b{background:orange;border-bottom:1px solid #ffffff;border-left:1px solid #ffffff}

Alter the hues:
To change the blue shade of the post title supplant #0080ff with your preferred connection shade and supplant #00A5FF to change the connection shading for mouse float.

To change the alter connect shading change orange
To change the tooltip shading change orange with a hexadecimal shading code of your inclination.
To change the width and stature measurements of the highlighted thumbnail alter: width:150px; height:100px;

⟹ Save your format and you are practically done!

⟹Finally go to Layout area and snap "Include a Gadget".

⟹Choose HTML/JavaScript gadget and glue the accompanying code inside it:

<div id="mbtloading1" ></div> <script type="text/javascript">//#################### Defaults var ListBlogLink = window.location.hostname; var ListCount = 5; var ChrCount = 150; var TitleCount = 66; var ImageSize = 200; //################ Function Start function mbtlist(json) { document.write('<ul class="mbtlist">'); for (var i = 0; i < ListCount; i++) { //################### Variables Declared var listing= ListImage = ListUrl = ListTitle = ListImage = ListContent = ListConten = ListAuthor = ListTag = ListDate = ListUpdate = ListComments = thumbUrl = TotalPosts = sk = ListMonth = Y = D = M = m = YY = DD = MM = mm = TT = "";//################### Category if (json.feed.entry[i].category != null) { for (var k = 0; k < json.feed.entry[i].category.length; k++) { ListTag += json.feed.entry[i].category[k].term; if(k < json.feed.entry[i].category.length-1) { ListTag += ", ";} } }//################### URL for (var j = 0; j < json.feed.entry[i].link.length; j++) { if (json.feed.entry[i].link[j].rel == 'alternate') { break; } } ListUrl= "'" + json.feed.entry[i].link[j].href + "'";//################### Info TotalPosts = json.feed.openSearch$totalResults.$t; if (json.feed.entry[i].title!= null) { ListTitle= json.feed.entry[i].title.$t.substr(0, TitleCount); } if (json.feed.entry[i].thr$total) { ListComments= json.feed.entry[i].thr$total.$t; } ListAuthor= json.feed.entry[i].author[0].name.$t.split(" "); ListAuthor=ListAuthor.slice(0, 1).join(" ");
//################### Content CheckListConten = json.feed.entry[i].content.$t; ListContent= ListConten.replace(/(<([^>]+)>)/ig,"").substring(0, ChrCount);//################### Date FormatListMonth= ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];ListDate= json.feed.entry[i].published.$t.substring(0,10); Y = ListDate.substring(0, 4); m = ListDate.substring(5, 7); D = ListDate.substring(8, 10); M = ListMonth[parseInt(m - 1)]; ListUpdate= json.feed.entry[i].updated.$t.substring(0, 16); YY = ListUpdate.substring(0, 4); mm = ListUpdate.substring(5, 7); DD = ListUpdate.substring(8, 10); TT = ListUpdate.substring(11, 16); MM = ListMonth[parseInt(mm - 1)]; //################### Thumbnail Check // YouTube scanif (json.feed.entry[i].content.$t.match(/youtube\.com.*(\?v=|\/embed\/)(.{11})/) != null) { var youtube_id = json.feed.entry[i].content.$t.match(/youtube\.com.*(\?v=|\/embed\/)(.{11})/).pop(); if (youtube_id.length == 11) { var ListImage = "'//img.youtube.com/vi/"+youtube_id+"/0.jpg'"; } }else if (json.feed.entry[i].media$thumbnail) { thumbUrl = json.feed.entry[i].media$thumbnail.url; sk= thumbUrl.replace("/s72-c/","/s"+ImageSize+"/"); ListImage= "'" + sk.replace("?imgmax=800","") + "'"; }else if (json.feed.entry[i].content.$t.match(/src=(.+?[\.jpg|\.gif|\.png]")/) != null) { // Support For 3rd Party Images ListImage = json.feed.entry[i].content.$t.match(/src=(.+?[\.jpg|\.gif|\.png]")/)[1]; } else { ListImage= "'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyCY3b3c8cQ4hMX_2Vc01VML2lOWOJsQPTSgFOhXRY1Ss9EPP6ip_HpxpIt45VNDP1VKyP3E7qT13xdzmcJe1V0DN17_wlILY7_8fFvTKO-QCCvNeBv08tWFxypQf_WBw51CFUbv9t2zM/s200/Icon.png'"; } //################### Printing Listvar listing = "<li class='node"+[i]+"' ><a href=" + ListUrl+ "><img src=" +ListImage+ "/></a><a class='mbttitle' href=" + ListUrl+ "target='_blank'>" + ListTitle+ "</a> <span class='icon'>" +ListContent+ " ... <a href=" +ListUrl+ " class='imore'>more »</a></span><div class='iline'><span class='iauthor'>" +ListAuthor+ "</span><span class='itag'>" +ListTag+ "</span><span class='icomments'>" + ListComments+ "</span><span class='idate'>" + M + " " + D + ", " + Y +"</span><span class='iedit'> <a class='tooltip1'>Edited<span><b></b>On ► " + MM + " " + DD + ", " + YY + " at ► " +TT+ " </span></a> </span></div></li>"; document.write(listing); } document.write("<div class='itotal'><span> <a href='"+ListBlogLink+"/search'>View all <font>"+TotalPosts+"</font> posts</a></span></div></ul>"); } </script><script> var ListBlogLink = "http://www.codedforum.com.ng"; var ListCount = 5; </script><script> document.write("<script src='"+ListBlogLink+"/feeds/posts/default?alt=json-in-script&callback=mbtlist'></"+"script>"); </script><script> document.getElementById("mbtloading1").style.display = "none";</script>

You can roll out these improvements:
Supplant http://www.codedforum.com.ng this with your blog URL

To increment or diminishing the quantity of posts sections, alter: ListCount = 5

To lessen the length of title characters alter TitleCount = 66

To build the picture determination quality (angle proportion) if incase you wish to show vast included thumbnails then alter ImageSize = 200

To choose what number of characters to show as post outline (passage) edit:ChrCount = 150

⟹ Save your gadget and see it play in real life! =)

Could You Guess How To Display Posts By Label?
At Codedforum we go for instructing the perusers to take in the center essentials of programming rather than simply sharing an ordinary howto instructional exercise. In the above code you simply need to roll out a basic improvement keeping in mind the end goal to show most recent posts by a particular name. I have as of now talked about how to do that in the JSON arrangement. Do read that and get back here proposing your answer saying all the fundamental strides.

I will sit tight for your answers, I will share it in my next instructional exercise and connection to your blog in the event that you addressed effectively. =)

Include Adsense, Banner, Search Box Or New Widget Section In Header

Oleh bcoded - December 10, 2016

I saw a question in a discussion concerning how to include adsense pennant inside the header range, in which nobody answer to the inquiry, however i later gave her an answer for it, and i think i ought to impart the trap behind it to my reliable perusers as well.

This instructional exercise will be base on the best way to include new gadget segment in your header. Really you can include any gadget of your decision to the new gadget area.

Instructions to Add New Widget Section Beside Header
Go to your blogger dashboard (move down your format)

Tap on Template > Edit HTML > Proceed (Don't Mark/Tick Expand Widget Template)

Utilize ctrl F to locate the accompanying line

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Your Blog Title (Header)' type='Header'/>
</b:section>

➜Now add the following new widget section code below the code above

<b:section id='header-right' showaddelement='yes'/>
<div style='clear: both;'/>

➜The final code should look like the following:

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'><b:widget id='Header1' locked='true' title='Your Blog Title (Header)' type='Header'/></b:section> <b:section id='header-right' showaddelement='yes'/><div style='clear: both;'/>

You will need to style the new widget section with CSS so as to position it beside the header

Search for ]]></b:skin> and paste the following code above/before ]]></b:skin>

#header, body#layout #header {width:50%;display:inline-block;float:left;}#header-right, body#layout #header-right {width:35%;display:inline-block;float:right;padding:15px;}#header-right .widget {margin:0;}

Now Save your template.

Putting in New Widget
To include gadget adjacent to the header segment, essentially go to Layout ➞and tap on Add a Gadget .

You can include any gadget of your decision alongside header be it an advertisements flag, look box, social gadgets and so on.

Trust you like this hack buddies? We are additionally considering including/supplanting the gadget inside our header segment, which gadget do you think it will be reasonable for that position. We will love to get notification from you.

Cheerful hacking!

Instructions to Find Content For Your Blog

Oleh bcoded - December 05, 2016

➨Commonly, a blog point thought is directly in front of you. Observing site content doesn't need to be an extreme employment and shouldn't create any anxiety. In the event that you begin perceiving theme openings consistently, you'll never come up short on blog entry thoughts.

The following are some extraordinary ways that you can scan for and make special substance for your blog. Make sure to keep a scratch pad convenient for the perpetual measure of points that will begin streaming out of your mind!

➨Keep a running rundown of peruser inquiries
At whatever point you are asked a convincing inquiry by means of email, web-based social networking, or something else, record it! As a rule on the off chance that one individual has a question, others should, so why not take that thought and transform the reply into an entire blog entry? You'll not just fulfill the peruser who posed the question, yet will answer it for anybody searching for data on that point too.

➨Peruse through your remarks
The remarks on your blog entries can likewise prompt to extraordinary substance thoughts. They can be brimming with recommendations, assessments, or alternate points of view that may start your inventiveness. Take a stab at taking something one of your perusers has remarked and develop it in another post.

➨Peruse through other individuals' remarks
A similar thought can be connected to perusing remarks on other individuals' web journals. Check the remarks for a specific inquiries or knowledge that you won't not have considered some time recently. In the event that individuals are looking at something, odds are they need to know more about it!

➠Get thoughts from subreddits
Reddit is an incredible hotspot for substance. Perusing through their numerous subreddits (discussion classifications) will supply you with unlimited thoughts, connections to articles or stories, and features that you might not have considered some time recently.

➨Pinterest has a Popular page
Did you realize that Pinterest has a Popular page which gathers the latest slanting pins? Utilize this page further bolstering your good fortune and check whether anything gets your attention. You can pull thoughts from here, or clergyman your own particular post brimming with substance, which I will clarify underneath.

➨Minister content
Curating substance is a fantastic approach to think of another post when in a rush. It doesn't require much investment and you should simply gather pictures and additionally interfaces that you've discovered intriguing. Sharing these in a way that supplements your blog or your blog's specialty is all it takes. On the off chance that you anticipate doing general curated content posts, begin a private Pinterest board and spare any intriguing connections there. You can likewise begin a bookmark envelope on your PC to spare any articles or cool things that you run over. This makes it super simple to assemble a post at a later time as the exploration segment is now done!

➨Request visitor notices
Tolerating posts from other individuals is another way that you can top your site off with valuable substance. You can email bloggers independently to check whether they may be occupied with adding to your blog, or set up a page that clarifies your visitor posting prerequisites.

➨Discover beat and drifting points
You can likewise utilize destinations, for example, Topsy or BuzzSumo to see which posts on the web are hot and drifting. Just entering a theme will furnish you with top outcomes which you can then filter out to accumulate thoughts for your own particular posts.

On the off chance that this post helped you, please consider sharing it:

The most effective method to Verify Your Website Or Blog On Pinterest

Oleh bcoded - December 04, 2016

simply take off site check highlights for profile pages. This component is proposed to give different pinners a chance to take in more about the general population or organizations they're taking after on Pinterest furthermore make somewhat more power and validity to your pages or brands.

On the off chance that you have been altering your profile settings as of late, you may saw that the site confirmation alternative have been incorporated to the setting choices, which you can use to interface your Pinterest record to your blog or webpage close by with a checkmark alongside your area in indexed lists and on your profile.

The reward you will get from this progressions is that the connection from your profile happens to be a do-take after connection for interim, which implies you will get some additional connection squeeze in type of SEO advantages.

Subsequent to confirming your webpage on Pinterest, the globe little symbol that shows up on your profile, will be supplanted with the full url of your site and with a checkmark symbol advising that you have been confirmed, wouldn't you say this new component truly bode well? 🔻🔻

Well since everybody is worried about is site movement and engagement level, then we ought to consider this element as a device to produce a few. Presently we should go straight to the point without squandering much time.

Go to Pinterest and login to your profile. At that point tap on your profile name which is situated at the upper right corner and select Settings.

On your profile settings page, look to the base of the page where you will discover the site field and enter your site URL and tap on the Verify Website catch.

On the following page you will be given two distinct choices to confirm your site. You can check your blog or site by transferring a HTML record onto you're facilitating server and let Pinterest confirm it. In any case, i will just examine on the best way to confirm your site by setting HTML meta tag, since this the main technique most bloggers or website admin can take after particularly if their blog is not self-facilitated.

Presently tap on the Verify by meta label connection to proceed. 🔻🔻

In the following window, duplicate the HTML meta tag and go to your site format Edit HTML segment and glue the HTML meta label code after <head>

⧪For blogger:

Go to Template > Edit HTML > Proceed

Discover <head> and glue the Spare your format. HTML meta label code after it.

In the wake of sticking the HTML meta tag into your <head> segment, tap on the Click here connection on the Pinterest confirmation page, as Pinterest should affirm that you have put the meta and get your site checked.

When you are confirmed, you will get a warning expressing that We effectively checked your site!. Tap on Go to your profile to see your site showing up by your profile about area.

Presently you can expel the HTML meta tag from your layout on the off chance that you wish and you are finished.

Did you discover Pinterest useful for your business or brand? Have you checked your site on Pinterest? What do you think about this new flag?

On the off chance that you have any question or commitment, don't hesitate to drop it.

instructions: to Write Compelling Headline That People Can't Resist

Oleh bcoded - November 28, 2016

➦Features are the most critical and neglected some portion of composing an article. It's the early introduction you make on any planned perusers. Without a convincing feature that transforms a program into a potential perusers, your executioner substance can go to squander.

Regardless of the possibility that you have a huge piece of endorsers. A great many people will see your feature alongside some different features in their nourish peruser, and clearly they can't read all post in their bolster peruser, they just pick the one's that have a convincing feature and attract their interest to peruse the full story.

Envision a daily paper or magazine without any features. Envision a print promotion without any features. Envision a long-frame deals page without any features.

A waste i presume?
Individuals today are chasing for data. With such a large number of online journals to peruse, such a variety of stuffs to Like on Facebook, such a large number of tweets to most loved or re-tweet, such a variety of recordings to watch. Be that as it may, how would you allure perusers to consider your substance first?

You have to concentrate on your capacity to compose convincing feature!
You don't need to be an expert author, it pretty much the way you can make interest and study what work best.

In the event that you aren't sure about your capacity to compose exceptional features, you're not the only one. Most bloggers and essayists discover it so difficult to really make enrapturing features.

I now and then think over titles for 30-a hour prior to i at last settle for one that works. Also, I regularly about-face and change them if their execution are poor. This is the thing that it takes to compose a decent feature.⏬⏬

On the off chance that you are stuck and couldn't compose a convincing feature for your blog, attempt these basic traps that works for me:

➤➤1. Tally The Benefits
Expound on 50 approaches to accomplish something your gathering of people may discover fascinating and accommodating, and see an incredible upsurge in your site insights.

In the event that you are composing a post that shows 20 tips to blog as a professional, why not appear in the title that you are giving 20 tips?

➥10 tips to blog like a master

➥10 tips to compose incredible substance that change over

➥15 approaches to suck your blog

➥9 shrewd approaches to get free quality blog movement

There aren't generally any principles with respect to what numbers work best, however vast number like 42 or 50 can catch individuals' consideration, since it will demonstrate perusers that you have a ton to state on the point.

➤➤2. The Why, What, When, and How Headline
These are trigger words and they are the broadly utilized organization as a part of composing a charming feature. They are exceptionally powerful in making interest that get clicked.

The feature says why something is essential or important or mystery or successful, however to discover precisely why that is, you need to peruse the article.

➤Why individuals battle to get what they need?

➥Why you have to compose incredible feature?

➥Why You Will Fail at Blogging

➥What you have to prevail at blogging?

➥At the point when would it be advisable for you to adapt your blog?

➥The most effective method to compose convincing feature that individuals can't help it
➥The most effective method to decrease your blog skip rate quick

➤➤3. Utilize Adjectives

With regards to composing features. Modifier assumes a fundamental part. Appropriate utilization of descriptive words in feature are consideration getting and effortlessly get clicked.

➥Some fascinating descriptive words that work like appeal include:

➥Mystery
➥Peculiar
➥Savvy
➥Simple
➥Easy
➥Basic
➥Extraordinary
➥Free

You must be exceptionally watchful when utilizing descriptive word as a part of feature. Continuously stay away from subjective claim like "The main ......" or "The just a single ......" or "The main ......" and so on. The vast majority utilize it, yet they are vain; like asserting your post or blog is the best on the planet. Sounds unusual, correct?

These sorts of claim are enticing truly, however it will downgrade your validity if the post doesn't really give what the feature promote.

➤➤4. Critical Headline
A critical feature:- calls for quick consideration. Awesome features that request consideration utilize some kind of time viewpoint to drive intrigue.

"Compose Better Headlines" is not almost as convincing as "Compose Better Headlines Today!". Only single word can trigger a feeling of criticalness and have all the effect.

Give your feature a feeling of criticalness by utilizing a period component. Utilize a particular unit of time in your feature, for example,

➥Presently
➥Today
➥Before long
➥Day, Month, year

Individuals are by and large inclined to make a move on the off chance that they know they're running against time. Be that as it may, ensure you pull back your offer at the expressed time. In case will broaden the due date, you ought to give a superior reason on the grounds that your believability is in question.

➤➤5. Be Specific
I saw that the majority of the most noteworthy changing over features on the web are more particular. Qualifying your feature with particular expression has a tendency to be focused on and snappy.

Suppose you are over 40years of age and you read this two feature:

➥"Wellbeing tips"
➥"Wellbeing tips for individuals over 40years"
➥Which one will you read first? The later, isn't that so?

➥Rather than composing "100+ approaches to accomplish something," compose something like "108 approaches to accomplish something." "Get a T-shirt for under $20" is not as appealing as "Get a T-shirt for just $14." Let's kin effortlessly realize what is in your post for them. Your feature must identify with a particular offer or to a particular result or advantage. The feature can't be dubious or equivocal.

➤➤6. Keep it Short and Clear

What is the perfect length for features?
➹➹Eight words or less is a decent dependable guideline. Shorter features are anything but difficult to share particularly on Twitter where your tweet are restricted to just 140 characters.
It is hard to adhere to this lead, yet in any case, it's a decent one. Less words have more prominent effect.

There's no motivation behind why you ought to utilize long tail catchphrase express for SEO purpose, short watchword state if fitting. Keep in mind the article should be perused by individuals, and not simply look bots. So if your feature looks excessively constrained it's going, making it impossible to be a major kill for your gathering of people.

➥➧Consider the accompanying two cases:

➥10 Killer approaches to suck your blog
➥See any distinction? That is the viability of quickness!

There are times where long words functions admirably. Be that as it may, attempting to stick up with shorter words have dependably be the best and viable approaches to compose convincing features.

➤➤7. Discussion Headline

Standing firm on a major issue or vocalizing your supposition can be exceptionally successful at pulling in perusers and expanding navigate rates. On the off chance that you can compose a feature that conflict with a terrible item or prevalent practice, compose it. On the off chance that you discover a method for doing things that individuals will think that its difficult to accept, prepare your PC!

Debate is something or other that tends to arouse individuals' advantage. In any case, you need to back these sorts of titles up with posts that mirror the title and with great reasons.

Dodge race, religion, and to a great degree delicate points so you don't procure a terrible rep or insult many people, since when you make debate, you'll draw in suppositions, questions and distinctive responses.

➤➤8. News Format

Individuals are pre-arranged to search out what is new and distinctive in their surroundings. To give perusers motivation to peruse your blog content, your feature must state something she never listened. On the off chance that your feature make her vibe "i definitely think about that." that is a major kill.

Putting your feature as far as a story, news or declaration, have dependably works incredible. Feature beginning with "Presenting", "Finally", "At long last", "New", "Now", "Just discharged" thus on are altogether tried victors.

In the event that you need to get motivation, take a gander at the front of magazines or news paper. Those editors beyond any doubt know how to compose convincing features. They know the mystery of features: the features offers. Same thing with your blog features.

➤➤9. Make BIG Claims

When you have an "Amazing" level substance, share it! Making enormous cases have end up being exceptionally compelling in driving individuals considerations. Individuals who don't generally require your post will likewise get a kick out of the chance to look at it.

At the point when making huge cases, you need to move down your cases with substantial confirmation or tribute in the event that you would prefer not to run a danger of loosing your perusers intrigue.

➥Illustrations:

➥How i make $40,000 not exactly a month utilizing [blank]
➥You don't need to be a runner to win a marathon
➥10. Make a Promise

Will you educate your perusers how to take in another ability? Will you induce them to accomplish something they never done? Will you open an old secret? Whatever the story will do, it ought to have some utilization to the peruser.

For your peruser to see esteem in your duplicate, you should demonstrate how it will help him. Keep in mind that individuals purchase since they need an outcome. Make your feature have your huge guarantee in it - and promise it!

➤➤Offer your home in a day

Dispose of that cover recolors unequivocally

Instructions to smolder fat until you hit your optimal weight - GUARANTEED!

To make your promising feature, essentially address the issue which is principal in your peruser's psyche - the arrangement he have been longing for. Continuously convey what you guaranteed.

➤➤11. Pose a Question

Inquiries are a decent approach to stir perusers interest, successful at motivating perusers to leave remark, driving them to need to discover increasingly and give them a need to peruse the full story.

➥Why specialists don't become ill?
➥Would you travel 1000miles for this young lady?
➥Do you commit this blogging error?

When you pose a question, the individuals who read it are wired to react. However, these is additionally unsafe if the perusers quick answer is 'no'. A question like "Would you like to know my blogging privileged insights?" may get a "no" as reply. In like manner "Do you require a website specialist?" can get skipped. Asking facetious question like "How would you know when the time has come to employ a website specialist?" sounds alluring.

➤➤Promote Headline Writing Tips

Compose it first: Can you begin composing an article without knowing the primary thought or idea driving it? Can you compose it without knowing what it's about? Obviously not. Try not to spare the feature for last. You should record it first in order to know where the article is going.

Compose diverse adaptation: Don't simply run with the primary endeavor. Record 5-7 distinct styles and examination the one that sound alluring by saying it noisy or re-check it with a new personality following couple of hours to perceive how it will engage your gathering of people.

Utilize strong text dimension: Make beyond any doubt the text dimension for your features is enormous and sufficiently clear so individuals know they're features. You've invested energy making features you can be pleased with, won't it be a waste if individuals can't read them?.

Check for exhausting features: Go through your blog chronicles to check whether there is any feature that kill perusers. On the off chance that you discover a few, transform it to give space for more individuals to peruse.

Individuals would prefer not to be deceived into perusing something exhausting, they need to be drawn into something energizing. Try not to make them feel discouraged subsequent to perusing your duplicate. The time spent on making your extraordinary feature, ought to likewise be spend on making incredible substance to back it up.

There's significantly more you can ponder with regards to features, yet practice is more critical than concentrate, so get out there and make workmanship

Drop your compliments regarding to this article. your posts are welcomed !!

Step by step instructions to Change Feedburner Email Subject Line To Your Blog Post Title

Oleh bcoded - November 27, 2016

he most ideal approach to turn first time guest's to a general perusers is to urge them to subscribe to your RSS channel.

However, how awful is it when they saw your blog RSS overhaul in their email despite everything they don't read it? It implies your feature is exhausting.

Have you ever subscribe to a blog by means of email? On the off chance that the blog smolder their sustain utilizing feedburner, you'll see the headline and the "from" field bearing the name of the blog that you subscribed to. That is exhausting, wouldn't you say so?

We have talk about the significance of feature in various post furthermore composed a post on the best way to compose convincing feature that individuals can't help it. In any case, how would you feel when you're charming feature never get clicked because of the way that it was holed up behind an exhausting headline?

There are few online tech that I subscribe to that I will open their email to see the substance paying little mind to what the headline says. While there are some that i some of the time erase without opening. The ones that fall in the last classification can in any case ask me into perusing their post in the event that i see a tempting headline.

As a matter of course, individuals who subscribe by means of email to a blog that utilizations Feedburner as their sustain chief will get a nonexclusive email whose headline will bear the blog title like:⇙⇙

Codedforum

In any case, in the wake of modifying your blog feedburner email title, your blog overhauls will show up in your blog supporters email like:

codedforum - How To Change Feedburner Email Subject Line To Your Blog Post Title

Sounds great? At that point we should complete it.

Sign into your Feedburner account.

Tap the name of the encourage you need to upgrade.

Tap on the "Advance" tab.

➽Pick "Email Subscriptions" from the route menu at the left hand corner, then tap on "Email Branding"

➽Inside the "Email Subject/Title" box, enter the accompanying code.

${latestItemTitle}

➽The above code will supplant your blog title with your most recent post title. In the event that you need your blog title to appear close by with you most recent post title, utilize the accompanying code.

Your-Blog-Title - ${latestItemTitle}

➽Supplant Your-Blog-Title with your blog name, or you can in any case utilize it in another route round for more viability like:

${latestItemTitle} - Your-Blog-Title

➽On the off chance that you distribute more than one blog entry day by day, glue any of taking after code under the content zone that says "Change Subject when an email has at least 2 things"

Your-Blog-Title (in this message: ${n} new items

Your-Blog-Title - “${latestItemTitle}” plus ${m} more

${n} - shows the total number of items
${m} - shows the number of items beyond the latest

Spare your progressions when you are finished with the altering. There's nothing more to it.

CDF

Labels : Blogger Tips

instructions to put a blogger widget inside a scroll box

how to to Add Comment Counter to Post Header Titles in Blogger

AdSense Ads Not Showing On HomePage - Problem Solved

instructions to Add Yahoo Smileys To Blogger Threaded Comments

Instructions to Add Blogger Related Links to Below Blog Posts

Show Recent Posts With Featured Thumbnails in Blogger

Include Adsense, Banner, Search Box Or New Widget Section In Header

Instructions to Find Content For Your Blog

The most effective method to Verify Your Website Or Blog On Pinterest

instructions: to Write Compelling Headline That People Can't Resist

Step by step instructions to Change Feedburner Email Subject Line To Your Blog Post Title

Trending Post

instructions to put a blogger widget inside a scroll box

how to to Add Comment Counter to Post Header Titles in Blogger

AdSense Ads Not Showing On HomePage - Problem Solved

instructions to Add Yahoo Smileys To Blogger Threaded Comments

Instructions to Add Blogger Related Links to Below Blog Posts

Show Recent Posts With Featured Thumbnails in Blogger

Include Adsense, Banner, Search Box Or New Widget Section In Header

Instructions to Find Content For Your Blog

The most effective method to Verify Your Website Or Blog On Pinterest

instructions: to Write Compelling Headline That People Can't Resist

Step by step instructions to Change Feedburner Email Subject Line To Your Blog Post Title

Archive