பிளாக்கர் போஸ்ட் டைட்டில் ஸ்லைடுஷோ விட்ஜெட்

விளம்பரம் இல்லாமல்   போஸ்ட் டைட்டில் SLIDESHOW  WIDGET. நாம் பயன்படுத்தும் linkwithin விட்கேட் ஐந்து பதிவுகளை மட்டுமே பரிந்துரைக்கும் அதுவும் நம் அனுமதி இல்லாமல் கிளிக் செய்யும்போது விளம்பரங்களை காட்டி கடுப்பேற்றும் . இந்த விட்கேட்  பயன்படுத்தினால் உங்கள் பதிவுகளின் தலைப்பு  அனைத்தையும் வசிப்பவர்களுக்கு slideshow வாக வந்து போகும். இதை  பயன்படுத்தி பாரங்கள், பிடித்து இருந்தால் இந்த கோடிங் copy செய்து உங்கள் நண்பருக்கும் 
பரிந்துரைங்கள்(அவர் தமிழ் வலைப்பதிவராக  இருந்தால்). இந்த விட்கேட் எப்படி இருக்கும் என்று பார்க்க நினைப்பவர்கள் மேலே நானும் சேர்த்துள்ளேன் பார்க்கவும்.

இணைக்கும்  முறை:  

  SIGN IN TO YOUR BLOGGER->DESIGN->ADD A GADGET-> HTML/JAVASCRIPT-> நீங்கள் COPY செய்த கோடிங்கை இதில் PASTE செய்யவும்.பின்பு SAVE செய்துவிட்டு உங்கள் பிளாக்கர் REFRESH செய்யவும்.

கோடிங் :

<style type="text/css">
.gfg-root {
width : 100%;
height : auto;
position : relative;
overflow : hidden;
text-align : center;
font-family: "Arial", sans-serif;
font-size: 11px;
border: 1px solid #BCCDF0;
}

.gfg-title {
font-size: 11px;
font-weight : bold;
color : #3366cc;
background-color: #E5ECF9;
line-height : 1.4em;
overflow : hidden;
white-space : nowrap;
}

.gfg-title a {
color : #3366cc;
}

.gfg-subtitle {
font-size: 11px;
font-weight : bold;
color : #3366cc;
background-color: #E5ECF9;
line-height : 1.4em;
overflow : hidden;
white-space : nowrap;
margin-bottom : 0px;
}

.gfg-subtitle a {
color : #3366cc;
display:none !important;
}

.gfg-entry {
background-color : white;
width : 100%;
height : 6.9em;
position : relative;
overflow : hidden;
text-align : left;
margin-top : 3px;
}

/* To allow correct behavior for overlay */
.gfg-root .gfg-entry .gf-result {
position : relative;
background-color : white;
width : auto;
height : 100%;
padding-left : 20px;
padding-right : 5px;
}

.gfg-list {
position : relative;
overflow : hidden;
text-align : left;
margin-bottom : 5px;
display:none !important;
}

.gfg-listentry {
line-height : 1.5em;
overflow : hidden;
white-space : nowrap;
text-overflow : ellipsis;
-o-text-overflow : ellipsis;
padding-left : 15px;
padding-right : 5px;
margin-left : 5px;
margin-right : 5px;
}

.gfg-listentry-odd {
background-color : #F6F6F6;
}

.gfg-listentry-even {
}

.gfg-listentry-highlight {
background-image : url('garrow.gif');
background-repeat: no-repeat;
background-position : center left;
}

/*
* FeedControl customizations.
*/

.gfg-root .gfg-entry .gf-result .gf-title {
font-size: 11px;
line-height : 1.2em;
overflow : hidden;
white-space : nowrap;
text-overflow : ellipsis;
-o-text-overflow : ellipsis;
margin-bottom : 2px;
}

.gfg-root .gfg-entry .gf-result .gf-snippet {
height : 3.8em;
color: #000000;
margin-top : 3px;
}

/*
* Easy way to get horizontal mode, applicable via js options to gadget.
*/

.gfg-horizontal-container {
position : relative;
}

.gfg-horizontal-root {
height : 1.5em;
_height : 300;
position : relative;
white-space : nowrap;
overflow : hidden;
text-align : center;
font-family: "Arial", sans-serif;
font-size: 11px;
border: 1px solid #AAAAAA;
padding : 5px;
margin-right : 80px;
}

.gfg-horizontal-root .gfg-title {
font-weight : bold;
background-color: #FFFFFF;
line-height : 1.5em;
overflow : hidden;
white-space : nowrap;
float : left;
padding-left : 10px;
padding-right : 12px;
border-right: 1px solid #AAAAAA;
}

.gfg-horizontal-root .gfg-title a {
color : #444444;
text-decoration : none;
}

.gfg-horizontal-root .gfg-entry {
width : auto;
height : 1.5em;
position : relative;
overflow : hidden;
text-align : left;
margin-top : 0px;
margin-left : 0px;
padding-left : 10px;
}

/* To allow correct behavior for overlay */
.gfg-horizontal-root .gfg-entry .gf-result {
position : relative;
background-color : white;
width : 100%;
height : 100%;
line-height : 1.5em;
overflow : hidden;
white-space : nowrap;
}

.gfg-horizontal-root .gfg-list {
display : none;
}

/*
* FeedControl customizations.
*/

.gfg-horizontal-root .gfg-entry .gf-result .gf-snippet,
.gfg-horizontal-root .gfg-entry .gf-result .gf-author {
display : none;
}

.gfg-horizontal-root .gfg-entry .gf-result .gf-title {
color: #0000cc;
margin-right : 3px;
float : left;
}

.gfg-horizontal-root .gfg-entry .gf-result .gf-spacer {
float : left;
}

.gfg-horizontal-root .gfg-entry .gf-result .gf-spacer,
.gfg-horizontal-root .gfg-entry .gf-result .gf-relativePublishedDate {
display : block;
color: #AAAAAA;
}

.gfg-branding {
white-space : nowrap;
overflow : hidden;
text-align : left;
position : absolute;
right : 0px;
top : 0px;
width : 80px;
}

.gfg-collapse-open, .gfg-collapse-closed {
background-repeat : no-repeat;
background-position : center;
cursor : pointer;
float : right;
width : 17px;
height : 20px;
}

.gfg-collapse-open {
background-image : url('arrow_open.gif');
}

.gfg-collapse-closed {
background-image : url('arrow_close.gif');
}

.gfg-collapse-href {
float : left;
}

.clearFloat {
clear : both;
}
#feedGadget {
margin-top : 5px;
margin-left: auto;
margin-right: auto;
width : 550px;
font-size: 11px;
color: #9CADD0;
}
</style>
<noscript><a href="http://murugananda.blogspot.com" target="_blank">NILAVAITHEDI</a></noscript>

<script src="http://www.google.com/jsapi/?key=internal-sample"

type="text/javascript"></script>

<script src="http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.js" type="text/javascript"></script>

<script type="text/javascript">

function showGadget() {

var feeds = [

{title:'title',

url:'http://murugananda.blogspot.com/atom.xml?redirect=false&start-index=1&max-results=999'},

];

new GFdynamicFeedControl(feeds, 'feedGadget',

{numResults : 1000, stacked : true,

title: " "});

}

google.load("feeds", "1");

google.setOnLoadCallback(showGadget);

</script>

<noscript><a href="http://murugananda.blogspot.com" target="_blank">NILAVAITHEDI</a></noscript>

<div id="feedGadget">Loading...</div>

<div id="feedGadget"><a href="http://murugananda.blogspot.com/2011/07/blogger-post-title-slideshow-widget.html" target="_blank">ஸ்லைடுஷோ விட்ஜெட் </a> <a href="http://murugananda.blogspot.com" target="_blank">நிலவைதேடி </a></div> 

குறிப்பு: நீங்கள் கோடிங் COPY செய்து உங்கள் தளத்தில் இணைக்கும்போது சிகப்பு நிறத்தில் உள்ள எனது தளத்தின் பெயரை மாற்றி உங்கள் தளத்தின் பெயரை போடவும் இல்லையென்றால் எனது பதிவுகளின் தலைப்புகள் உங்கள் வலைத்தளத்தில் விளம்பரம் செய்யப்பட்டுவிடும்.