Bcodedglobal

Categories
    • banking 1
    • Blogger Tips 12
    • Blogging 6
    • Blogging tips 10
    • codings 11
    • downloads 1
    • earnings 2
    • educational 3
    • games 1
    • general 4
    • hacking 2
    • Hacking Tips 2
    • how to 19
    • HTML 8
    • html/css 2
    • ict 2
    • info 11
    • JavaScript's 5
    • kalilinux 2
    • Malware 1
    • Mobile 1
    • PC tips 2
    • Php/laravel 1
    • scripts 1
    • seo tutorials 1
    • setoolkiit 2
    • Social media 1
    • software 6
    • solutions 3
    • tech 2
    • tutorials 24
    • updates 9
    • vpn 3
    • Webdesign 3
    • windows 5
Dark
Contact Us
ProfilMain Page
  • About
  • Sitemap
  • Disclaimer
  • Privacy Policy

Labels : Blogging

Views Style:
HTTPS SSL Certificate failed to be processed as the issuance was forbidden by an explicit DNS CAA

HTTPS SSL Certificate failed to be processed as the issuance was forbidden by an explicit DNS CAA

Blogger Tips No comments
instructions to put a blogger widget inside a scroll box

instructions to put a blogger widget inside a scroll box

Blogger Tips No comments
how to to Add Comment Counter to Post Header Titles in Blogger

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

Blogger Tips No comments
instructions to Add Yahoo Smileys To Blogger Threaded Comments

instructions to Add Yahoo Smileys To Blogger Threaded Comments

Blogger Tips No comments
Show Recent Posts With Featured Thumbnails in Blogger

Show Recent Posts With Featured Thumbnails in Blogger

Blogger Tips No comments
The most effective method to Get Your Blog Noticed

The most effective method to Get Your Blog Noticed

Blogging No comments
Load more posts

PopularPosts

  • Ultra surf security vpn chrome extension and Mozilla addons download
    Ultra surf security vpn chrome extension and Mozilla addons download
  • XBOX 360 Controller emulator v3.0 for PC games using XINPUT.
    XBOX 360 Controller emulator v3.0 for PC games using XINPUT.
  • Tor browser download for windows latest updated version 2018
    Tor browser download for windows latest updated version 2018
  • 25 To Life Free Download PC Game Full setup and exe
    25 To Life Free Download PC Game Full setup and exe
  • How to make Usb Trojan malware from scratch full details!
    How to make Usb Trojan malware from scratch full details!
  • How to disable copy content in blogspot/Wordpress site
    How to disable copy content in blogspot/Wordpress site
  • Web design tutorials phase 1 html and css for beginners
    Web design tutorials phase 1 html and css for beginners
  • Download Free MINER v1.0 – Cloud Mining Platform PHP Scripts
    Download Free MINER v1.0 – Cloud Mining Platform PHP Scripts
  • effective method to Remain 100% Anonymous on Whoer.net's Home Page
    effective method to Remain 100% Anonymous on Whoer.net's Home Page
  • How To Install websploit On Kali Linux 2017.1 from beginners to pro
    How To Install websploit On Kali Linux 2017.1 from beginners to pro
Email Subscription

Ads

Mobile links

DONATION BOX!

DONATIONS!! ��
We are all about giving the power of knowledge to each and every cyber security enthusiast around the globe.We will be using your donations for maintenance and development of all the current and future articles. Your Donation is a great investment in our Non-Profit organization.Thanks,

Mobile leaderboard

f

Desktop big

CONNECT US!

HTTPS SSL Certificate failed to be processed as the issuance was forbidden by an explicit DNS CAA

  • Get link
  • Facebook
  • X
  • Pinterest
  • Email
  • Other Apps
Oleh Bcoded - 12/29/2019 03:07:00 am
I have effectively hooked my blog to a custom space (from Hostinger). Be that as it may, when I attempt to turn on HTTPS in the alternatives menu I get the blunder message:

"HTTPS SSL Certificate failed to be processed as the issuance was forbidden by an explicit DNS CAA record." 

 In the Blogger documentation I see the accompanying guidance: "Significant: If you use CAA Records on your custom area, include a record for letsencrypt.org, or Blogger won't make or restore your SSL testament."


  1. Check if your domain name has a CAA Record by going to Click here On the off chance that this shows you have a CAA record. 
  2.  Go to the register allowed to issue certificates shown below the page, or Click here 
  3. Enter Your Domain name in the first form, scroll down to mark the certificates which was displayed on the first link (check option for wild cards, and non wild cards toghter.
  4.  Trust that the change will produce results.
  5.  Turn on HTTPS Availability 


 The issues here: 1. Ongoing web journals with custom spaces purchased through Blogger (however maybe enlisted with hostinger, freenom) do hit this issue with authentications It is indistinct why this is the situation. the rest was simple.
Read more
Post a Comment
Nhãn : Blogger Tips Blogging Blogging tips solutions tutorials

instructions to put a blogger widget inside a scroll box

  • Get link
  • Facebook
  • X
  • Pinterest
  • Email
  • Other Apps
Oleh Bcoded - 1/13/2017 10:12:00 pm
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


  1. Visit Blogger Dashboard. 
  1. Tap On Template 
  1. Alter HTML 
  1. 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!

Read more
Post a Comment
Nhãn : Blogger Tips Blogging how to HTML JavaScript's tutorials

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

  • Get link
  • Facebook
  • X
  • Pinterest
  • Email
  • Other Apps
Oleh Bcoded - 1/12/2017 09:46:00 pm
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.

  1. Go To Blogger 
  2. Tap On Template 
  3. Alter HTML 
  4. 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!


Read more
Post a Comment
Nhãn : Blogger Tips Blogging codings how to HTML JavaScript's tutorials

instructions to Add Yahoo Smileys To Blogger Threaded Comments

  • Get link
  • Facebook
  • X
  • Pinterest
  • Email
  • Other Apps
Oleh Bcoded - 12/31/2016 09:55:00 am
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 == &quot;item&quot;'>
<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
  1. 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
Read more
Post a Comment
Nhãn : Blogger Tips Blogging codings how to HTML updates

Show Recent Posts With Featured Thumbnails in Blogger

  • Get link
  • Facebook
  • X
  • Pinterest
  • Email
  • Other Apps
Oleh Bcoded - 12/12/2016 08:03:00 am
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/AVvXsEikYQ1FcCvBUcfn96SRTMkqrrDstHYAR6MlsiKUxe2CrZPb0Dj6ifxwe2E4TAzcFes2pF50Ti1fWNlZVYY-P8loD3x9jGfD6BeYj_acaC5IlZ1CL2PyHmyDN-6lQGEDCrQXi1bQhYg60uU/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. =) 

 

Read more
Post a Comment
Nhãn : Blogger Tips Blogging codings HTML JavaScript's tutorials

The most effective method to Get Your Blog Noticed

  • Get link
  • Facebook
  • X
  • Pinterest
  • Email
  • Other Apps
Oleh Bcoded - 12/05/2016 07:33:00 am
Would you like to get took note? Have you been asking why your readership simply isn't developing? It is safe to say that you are hoping to extend your scope and pull in top notch sees? Do you ponder what it takes to get included on top destinations?

On the off chance that this sounds at all like you, I'm eager to report that I have made my first curse that will walk you through all regions of extending your crowd and being seen on the web.

➦I know how disappointing it can be the point at which you feel like no one is perusing your substance subsequent to investing such a great amount of energy in it. I'll demonstrate to you what you have to do so as to create those perspectives and get your name out there.

Get Noticed contains more than 14 modules and 10 sub-modules, finish with video, work errands and printable work sheets. It was composed particularly for the blogger who is prepared to take it up an indent.

➨As of now, information exchanges are open for early get to. This implies when you join, you'll be the first to know and the first to begin learning! Click here to agree to early get to now and you'll get extra data sent straight to your inbox.

➨I'm truly eager to have you be a piece of this class. Get Noticed is the course that you've been sitting tight for. Quit considering how to develop and begin making a move!


This post was written by +jessy_fabulous .  SHe blogs on stories and you can follow her on Twitter @jesyfabulous and add her as friend on Facebook here. 
Read more
Post a Comment
Nhãn : Blogging Blogging tips how to info updates
Older Posts Home
Subscribe to: Posts (Atom)

ARCHIVE

  • November 20163
  • December 201612
  • January 20178
  • February 20172
  • September 20181
  • October 20189
  • December 20181
  • July 20191
  • December 20193

CONNECT US!

apple inc

PAGES

  • Home
ads here
Bcodedglobal © 2019