Selasa, 08 November 2016 11.54

Nice Widget Related Post For Blogger

How To Add Related Widget Script For Blogger

Related Script Blogger
Login to your blogger account and go to template menu in setting option than go to html editor or edit html option and than Find </head>
Copy code bellow and paste before </head>


<!--Related Posts with thumbnails Scripts and Styles Start-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
#related-posts{float:left;width:auto;}
.related_img:hover {
background:black; opacity: 0.8; 
transition: opacity .25s ease-in-out; 
-moz-transition: opacity .25s ease-in-out; 
-webkit-transition: opacity .25s ease-in-out; }
#related-posts a{border-right: 1px dotted #eaeaea;}

#related-posts h4{margin-top: 8px;background:none;font:18px Oswald;padding:3px;color:#999999; text-transform:uppercase;}
#related-posts .related_img {margin:0px;border:1px solid #cccccc;object-fit: cover;width:120px;height:80px;-webkit-border-radius: 2px;-moz-border-radius: 2px; border-radius: 2px; }
#related-title {text-align:left;text-transform:capitalize;padding: 0px 5px 10px;font-size:12px;width:119px; height: 40px; overflow:hidden;}
  #related-title:hover { text-decoration:underline;}
</style>
<script type='text/javascript'>
//<![CDATA[
var relatedTitles=new Array();var relatedTitlesNum=0;var relatedUrls=new Array();var thumburl=new Array();function related_results_labels_thumbs(json){for(var i=0;i<json.feed.entry.length;i++){var entry=json.feed.entry[i];relatedTitles[relatedTitlesNum]=entry.title.$t;try{thumburl[relatedTitlesNum]=entry.gform_foot.url}catch(error){s=entry.content.$t;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){thumburl[relatedTitlesNum]=d}else thumburl[relatedTitlesNum]='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuse4CqJJu4GpE9gOkD0hu-od_fmqChQraNggkY1OnvBxMYqU3x0GfpJfHrV3DtHxOE8TBiwYOGi9NkhO-rW2mJvBBRP8oQpOTEW3uLq1nUV84AXzBemYuvpz-RsRjgblXVtcJU7_5qWiU/s1600/no-thumbnail.png'}if(relatedTitles[relatedTitlesNum].length>35)relatedTitles[relatedTitlesNum]=relatedTitles[relatedTitlesNum].substring(0,35)+"...";for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){relatedUrls[relatedTitlesNum]=entry.link[k].href;relatedTitlesNum++}}}}function removeRelatedDuplicates_thumbs(){var tmp=new Array(0);var tmp2=new Array(0);var tmp3=new Array(0);for(var i=0;i<relatedUrls.length;i++){if(!contains_thumbs(tmp,relatedUrls[i])){tmp.length+=1;tmp[tmp.length-1]=relatedUrls[i];tmp2.length+=1;tmp3.length+=1;tmp2[tmp2.length-1]=relatedTitles[i];tmp3[tmp3.length-1]=thumburl[i]}}relatedTitles=tmp2;relatedUrls=tmp;thumburl=tmp3}function contains_thumbs(a,e){for(var j=0;j<a.length;j++)if(a[j]==e)return true;return false}function printRelatedLabels_thumbs(){for(var i=0;i<relatedUrls.length;i++){if((relatedUrls[i]==currentposturl)||(!(relatedTitles[i]))){relatedUrls.splice(i,1);relatedTitles.splice(i,1);thumburl.splice(i,1);i--}}var r=Math.floor((relatedTitles.length-1)*Math.random());var i=0;if(relatedTitles.length>0)document.write('<h4>'+relatedpoststitle+'</h4>');document.write('<div style="clear: both;"/>');while(i<relatedTitles.length&&i<20&&i<maxresults){document.write('<a style="text-decoration:none;margin:0 4px 10px 0;float:left;');if(i!=0)document.write('"');else document.write('"');document.write(' href="'+relatedUrls[r]+'"><img class="related_img" src="'+thumburl[r]+'"/><br/><div id="related-title">'+relatedTitles[r]+'</div></a>');if(r<relatedTitles.length-1){r++}else{r=0}i++}document.write('</div>');relatedUrls.splice(0,relatedUrls.length);thumburl.splice(0,thumburl.length);relatedTitles.splice(0,relatedTitles.length)}
//]]>
</script>
</b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->
 
Now find this code : <div class='post-footer'>  than copy code bellow : 

<!-- Related Posts with Thumbnails Code Start-->

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<div id='related-posts'>

<b:loop values='data:post.labels' var='label'>

<b:if cond='data:label.isLast != &quot;true&quot;'>

</b:if>

<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=5&quot;' type='text/javascript'/></b:loop>

<script type='text/javascript'>

var currentposturl=&quot;<data:post.url/>&quot;;

var maxresults=5;

var relatedpoststitle=&quot;<b>Related Posts:</b>&quot;;

removeRelatedDuplicates_thumbs();

printRelatedLabels_thumbs();

</script>

 
</b:if>

<!-- Related Posts with Thumbnails Code End-->

and paste above it still wont work ? just add this code above </b:includable> <b:includable id='postQuickEdit' var='post'>
Tidak ada komentar:

Recent Comment Widget Blogger Post


How To Add Recent Comment Post Script For Your Blogger
First all code bellow

<style type="text/css">
ul.md_recent_comments{list-style:none;margin:0;padding:0;}
.md_recent_comments li{background:none !important;margin:0 0 6px !important;padding:0 0 6px 0 !important;display:block;clear:both;overflow:hidden;list-style:none;}
.md_recent_comments li .avatarImage{padding:3px;background:#fefefe;-webkit-box-shadow:0 1px 1px #ccc;-moz-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px #ccc;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}
.avatarRound{-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;}
.md_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}
.md_recent_comments li span{margin-top:4px;color: #666;display: block;font-size: 12px;font-style: italic;line-height: 1.4;}
</style>
<script type="text/javascript">
//<![CDATA[
    // Recent Comments Settings
    var
 numComments  = 5,
 showAvatar  = true,
 avatarSize  = 50,
 roundAvatar = true,
 characters  = 30,
 showMorelink = false,
 moreLinktext = "More &#187;",
 defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",
 hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="http://makingdifferent.github.com/blogger-widgets/md-recent-comments-gravatar.js"></script>
<script type="text/javascript" src="http://www.yourdomainblogspot.com/feeds/comments/default?alt=json&callback=md_recent_comments&max-results=5"></script>

Than Paste in to your Widget for Html Script

Make sure to change your  yourdomain to your own domain :D

than save and reload the page

done ...
Tidak ada komentar:

Senin, 07 November 2016 11.57

How to Add Random Post Widget For Blogger

How to Add Random Post Widget For Blogger
Go To Layout In Blogger Setting And Add Widget Script

Copy All Code Bellow :
<style>

#random-posts img {

    border-radius: 10px;

    float: left;

    margin-right: 5px;

    width: 55px;

    height: 55px;

    background-color: #F5F5F5;

    padding: 3px;

    transition: all 0.2s linear 0s;

}

#random-posts img:hover {

    opacity: 0.6;

}

.refresh1 {overflow:hidden; height:60px; width:100%;}

ul#random-posts {

    list-style-type: none;

    padding: 0px;

}

#random-posts a {

    font-size: 12px;

    padding: 0px auto 5px;

}

#random-posts a:hover {

    text-decoration: none;

}

.random-summary {

    font-size: 11px;

    background: none;

    padding: 5px;

    margin-right: 8px;

}

#random-posts li {

    margin-bottom: 10px;

    border-bottom: 1px solid #EEEEEE;

    padding: 4px;

}

</style>

 <script type="text/javascript">

    window.onload = startInterval;

    function startInterval()

    {

        setInterval("startTime();",1000);

    }

    function startTime()

    {

        document.getElementById('refresh1').innerHTML = ??? // reload div    

    }

  </script>

<div class="refresh" id='refresh1'>

<ul id='random-posts'>

<script type='text/javaScript'>

var randomposts_number = 4;

var randomposts_chars = 0;

var randomposts_details = 'yes';

var randomposts_comments = 'Comments';

var randomposts_commentsd = 'Comments Disabled';

var randomposts_current = [];

var total_randomposts = 0;

var randomposts_current = new Array(randomposts_number);

function randomposts(json) {

    total_randomposts = json.feed.openSearch$totalResults.$t

}

document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results=0&callback=randomposts\"><\/script>');

function getvalue() {

    for (var i = 0; i < randomposts_number; i++) {

        var found = false;

        var rndValue = get_random();

        for (var j = 0; j < randomposts_current.length; j++) {

            if (randomposts_current[j] == rndValue) {

                found = true;

                break

            }

        };

        if (found) {

            i--

        } else {

            randomposts_current[i] = rndValue

        }

    }

};

function get_random() {

    var ranNum = 1 + Math.round(Math.random() * (total_randomposts - 1));

    return ranNum

};

</script>

<script type='text/javaScript'>

function random_posts(json) {

    for (var i = 0; i < randomposts_number; i++) {

        var entry = json.feed.entry[i];

        var randompoststitle = entry.title.$t;

        if ('content' in entry) {

            var randompostsnippet = entry.content.$t

        } else {

            if ('summary' in entry) {

                var randompostsnippet = entry.summary.$t

            } else {

                var randompostsnippet = "";

            }

        };

        randompostsnippet = randompostsnippet.replace(/<[^>]*>/g, "");

        if (randompostsnippet.length < randomposts_chars) {

            var randomposts_snippet = randompostsnippet

        } else {

            randompostsnippet = randompostsnippet.substring(0, randomposts_chars);

            var whitespace = randompostsnippet.lastIndexOf(" ");

            randomposts_snippet = randompostsnippet.substring(0, whitespace) + "&#133;";

        };

        for (var j = 0; j < entry.link.length; j++) {

            if ('thr$total' in entry) {

                var randomposts_commentsnum = entry.thr$total.$t + ' ' + randomposts_comments

            } else {

                randomposts_commentsnum = randomposts_commentsd

            }; if (entry.link[j].rel == 'alternate') {

                var randompostsurl = entry.link[j].href;

                var randomposts_date = entry.published.$t;

                if ('media$thumbnail' in entry) {

                    var randompoststhumb = entry.media$thumbnail.url

                } else {

                    randompoststhumb = "http://yourblogger.blogspot.com/-5SoVe1K6JSk/Utl0OOmucAI/AAAAAAAAF6E/hQghgD_EJdQ/s1600/no_thumb.png"

                }

            }

        };

        document.write('<li class="refresh1">');

        document.write('<a href="' + randompostsurl + '" rel="nofollow"><img alt="' + randompoststitle + '" src="' + randompoststhumb + '"/></a>');

        document.write('<div class="titlerp"><a href="' + randompostsurl + '" rel="nofollow">' + randompoststitle + '</a></div>');

        if (randomposts_details == 'yes') {

            document.write('<span><div  class="random-info">' + randomposts_date.substring(8, 10) + '.' + randomposts_date.substring(5, 7) + '.' + randomposts_date.substring(0, 4) + ' - ' + randomposts_commentsnum) + '</div></span>'

        };

        document.write('<br/><div class="random-summary">' + randomposts_snippet + '</div></li>')

    }

};

getvalue();

for (var i = 0; i < randomposts_number; i++) {

    document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&start-index=' + randomposts_current[i] + '&max-results=1&callback=random_posts\"><\/script>')

};

</script>

</ul></div>
----------------------------------------------------------------------------------
Paste in widget collumn and Change The Red Highlight with your own blog and than save , done..
Tidak ada komentar:

Jumat, 04 November 2016 05.57

Aplikasi Pendukung Untuk Creator, Imvu Creator Tool

How To Reduce Gif File 

Go to this page and u will see option to reduce your image gif file


Berikut ini adalah beberapa Aplikasi Pendukung Untuk Creator Imvu :


Photoshop : http://adf.ly/1fMlhb
Untuk design photo atau membuat Texture untuk 3D model, mungkin kalian suka melakukan derive product nah pasti kebanyakan dari kita ingin merubah texturenya sesuai keinginan kita jadi aplikasi ini sangat cocok untuk design texture suka-suka kita,

Blender :
Untuk membuat 3d mesh model 3 dimensi

3D max :
Untuk membuat 3d mesh model 3 dimensi

3dexporter : http://adf.ly/1fMlqm
Untuk supaya 3d model nya dapat tampil di imvu jadi setelah model di buat tool ini berfungsi untuk melakukan export 3d model mesh ke imvu yang nantinya menjadi file berextensi XMF, XSF dan XAF contohnya modelavatarsexy.XMF modelavatarsexy.XSF modelavatarsexy.XAF

Gift Animator : Aplikasi ini berguna membantu agar dapat membuat logo / icon yang dapat bergerak atau di sebut juga file gambar berextensi GIF

Video To Gift Converter : Tool ini berfungsi mengubah file video terutama file video yang berextensi AVI menjadi file gambar bergerak yang nantinya menjadi file gambar yang berextensikan GIF


Baca Juga Quick Skin For Creator

Tidak ada komentar:
Langganan: Postingan (Atom)

Sidebar Ads

Diberdayakan oleh Blogger.

Travelling Diaries

Entertainment

Technology

Restaurants

Random Posts

Follow us

Comments

Recent Posts

Travelling

Entertainment

Technology

Technology

Popular Posts