2010-12-22 8 views
32

मैं अपनी खुद की शैलियों के साथ एक कस्टम ट्वीट बटन बना रहा हूं, हालांकि ऐसा लगता है कि जब आप स्वयं को अनुकूलित करने का विकल्प चुनते हैं तो आप डेटा विशेषताओं (डेटा-टेक्स्ट, डेटा-यूआरएल इत्यादि) का उपयोग नहीं कर सकते हैं। जब आप ट्विटर जावास्क्रिप्ट (http://platform.twitter.com/widgets.js) का उपयोग करते हैं तो ट्विटर स्टाइल बटन का उपयोग करते समय डेटा विशेषताओं का उपयोग केवल तभी उपलब्ध होता है।क्या कोई कस्टम ट्वीट बटन स्टाइल कर सकता है और डेटा विशेषताओं का उपयोग कर सकता है?

यहां ट्विटर देव वेबसाइट से लिया गया कुछ कोड है। नीचे डेटा का उपयोग कर ट्वीट बटन का श्रेय जाता है:

<script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script> 
<div> 
    <a href="http://twitter.com/share" class="twitter-share-button" 
    data-url="http://dev.twitter.com/pages/tweet_button" 
    data-via="twitterapi" 
    data-text="Checking out this page about Tweet Buttons" 
    data-related="anywhere:The Javascript API" 
    data-count="vertical">Tweet</a> 
</div> 

अब यहाँ नीचे ट्वीट बटन 'के लिए अपनी खुद की निर्माण' है:

<style type="text/css" media="screen"> 
    #custom-tweet-button a { 
    display: block; 
    padding: 2px 5px 2px 20px; 
    background: url('http://a4.twimg.com/images/favicon.gif') left center no-repeat; 
    border: 1px solid #ccc; 
    } 
</style> 
<div id="custom-tweet-button"> 
    <a href="http://twitter.com/share?url=http%3A%2F%2Fdev.twitter.com%2Fpages%2Ftweet-button" target="_blank">Tweet</a> 
</div> 

उम्मीद है कि है कि सभी समझ में आता है ...

उत्तर

54

के लिए कुछ कारणों से वे आपको कस्टम बटन के साथ जावास्क्रिप्ट डेटा विशेषताओं का उपयोग नहीं करने देंगे, इसलिए आपको उन्हें अपने HTML में यूआरएल में जोड़ना होगा। तो आपके उदाहरण के लिए:

फिर आप अपने टेक्स्ट के साथ &text=your%20text जोड़ देंगे।

<a href="http://twitter.com/share?url=http%3A%2F%2Fdev.twitter.com%2Fpages%2Ftweet-button&text=my%20text%20here" target="_blank"> 

अन्य कोड एक ही हैं, बस जोड़ने &related= आदि

सुनिश्चित करें कि आप %20 के साथ किसी भी रिक्त स्थान की जगह है और यह है कि यह है।

+0

यही वह है। चीयर्स। – igneosaur

+0

मुझे इस उत्तर की इतनी देर की आवश्यकता थी !!! धन्यवाद! – juanchod

+0

शानदार, लेकिन बदसूरत समाधान। जब तक यह काम करता है! बहुत बहुत धन्यवाद। मुझे लगता है कि मुझे कुछ प्रीप्रोकैसिंग करना चाहिए और गतिशील रूप से अंतिम स्ट्रिंग का निर्माण करना चाहिए। – ahnbizcad

संबंधित मुद्दे

 संबंधित मुद्दे