Search Result

No results found!

Documentation - Featured Posts By Label

When the Plugin/Widget script is installed into your template(contact me for the script), you can add it anywhere in your blog by following this simple steps below:
  1. Blogger Dashboard > Layout > Add a Gadget Select HTML/Javascript 
  2. Copy the code below and paste on it. Then Save it.
    <div id="give_it_a_name_ID"></div>
    <script type='text/javascript'>
    jQuery("#give_it_a_name_ID").RecentPostbyTag({
        tagName: "Your_Label",
        postType: "h",
    });
    </script>
By doing this a smart Recent/Feature Post by Label Widget will be added to your Blog. And it is a the Horizontal version of the Gadget. You can change o the postType Horizontal to other style. You can also add multiple widget with different stytles(postType).

all postTypes are: "v", "h", "c", "g1", "g2", "ht"; And they stand for: "v" = Vertical, "h" = Horizontal, "c" = Combine, "g1" = Gallery1, "g2" = Gallery2 & "ht" =  Hot Recent/Random Posts By Label


I will show you some example with its installing code here:

1. Horizontal Post


Code:
<div id="horizontalpost11"></div>
<script type='text/javascript'>
jQuery("#horizontalpost11").RecentPostbyTag({
    MaxPost: 5,
    tagName: "Your_Label",
    postType: "h",
    FirstImageSize: "w300",
    ImageSize: "w110",
    ShowDesc: true,
    MoreText: "More Text",
    ShowTagAfterMoreText: false,
});
</script>




2. Vertical Post


Code:
<div id="verticalpost1"></div>
<script type='text/javascript'>
jQuery("#verticalpost1").RecentPostbyTag({
    MaxPost: 6,
    tagName: "Your_Label",
    postType: "v",
    ShowDesc: false,
});
</script>




3. Hot Post


Code:
<div id="verticalslider1"></div>
<script type='text/javascript'>
jQuery("#verticalslider1").RecentPostbyTag({
    MaxPost: 3,
    postType: "ht",
    tagName: "Your_Label",
    FirstImageSize: "w300",
    ImageSize: "w280",
});
</script>




4. No Image Post



Code:
<div id="simplenoimagepost1"></div>
<script type='text/javascript'>
jQuery("#simplenoimagepost1").RecentPostbyTag({
    MaxPost: 5,
    tagName: "Your_Label",
    ShowImage: false 
});
</script>




5. Gallery1 Post


Code:
<div id="gallery1post1"></div>
<script type='text/javascript'>
jQuery("#gallery1post1").RecentPostbyTag({
    MaxPost: 13,
    tagName: "Your_Label",
    postType: "g1"
});
</script>




6. Gallery2 Post


Code:
<div id="gallery2post1"></div>
<script type='text/javascript'>
jQuery("#gallery2post1").RecentPostbyTag({
    MaxPost: 12,
    tagName: "Your_Label",
    postType: "g2"
});
</script>




7. Combine Post


Code:
<div id="combinepost1"></div>
<script type='text/javascript'>
jQuery("#combinepost1").RecentPostbyTag({
    MaxPost: 5,
    tagName: "Your_Label",
    postType: "c"
});
</script>






All the Options this "Featured Posts By Label" Plugin have:


// Dynamic Setting (template)
var Alldefaultconfig = {
    MaxPost: 5,
    monthName: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
    BackupImage: 'http://1.bp.blogspot.com/-htG7vy9vIAA/Tp0KrMUdoWI/AAAAAAAABAU/e7XkFtErqsU/s72-c/grey.gif',
    summaryLength: 100,
    FirstImageSize: "w350",
    ImageSize: "w100",
    viewMoreText: "Load More Item Of"
};

// to any Widget Settings
jQuery("#ID_LabelPost").RecentPostbyTag({
    MaxPost: 5,
    ShowDesc: false,
    ShowDate: true,
    ShowComment: true,
    Random: false,
    AjaxLoad: true,
    postType: "v", // postTypes are: "v", "h", "c", "g1", "g2", "ht"; And they stand for: "v" = Vertical, "h" = Horizontal, "c" = Combine, "g1" = Gallery1, "g2" = Gallery2 & "ht" =  Hot Recent/Random Posts By Label
    tagName:"Your_Label Name",
    FirstImageSize: "w350", // First Image Size
    ImageSize: "w100",
    MoreText: "More Text", // Custom MoreText to this specific Widget. (If want to change default(dynamic) MoreText, Search for "Load More Item Of"  in blog template and edit.)
    ShowTagAfterMoreText: true, // Default: true; Set it 'false' if you don't want to show LabelName After "MoreText"
    ShowImage: true, // Set it 'false' for a NoImage Recent/Random Post
});


With all this options you can set your Widget IN YOUR WAY easily.

Fell free to ask anything.

No comments:

Post a Comment

© SOFI - Infinite Scroll Blogger Template . All Rights Reserved - Developed by Shuvojit Das