Embedded Files
Steps to add a custom translate button on website
Steps to add a custom translate button on website
Log in to Your Blogger Account:
Log in to Your Blogger Account:
Go to www.blogger.com and sign in with your Google account.
Access the Blogger Dashboard:
Access the Blogger Dashboard:
Once logged in, you'll be directed to the Blogger dashboard.
Select Your Blog:
Select Your Blog:
If you have multiple blogs, choose the one where you want to add the Translate Widget from the list displayed on the dashboard.
Navigate to the Layout Settings:
Navigate to the Layout Settings:
On the left sidebar, click on "Layout" to access the layout settings for your blog.
Add a Gadget:
Add a Gadget:
In the layout settings, locate the area where you want to add the Translate Widget. Click on the "Add a Gadget" option within that area.
Select the Translate Widget:
Select the Translate Widget:
In the gadget selection window, scroll down or use the search bar to find the "Translate" gadget. Click on it to select it.
Configure the Gadget:
Configure the Gadget:
After selecting the Translate Widget, you may have the option to customize its title and appearance. Adjust these settings according to your preferences.
Save Changes:
Save Changes:
Once you've configured the Translate Widget, click on the "Save" or "Save arrangement" button to save your changes.
Preview and Test:
Preview and Test:
Visit your blog to preview the Translate Widget in action. You should see it displayed in the location you chose, typically as a drop-down menu or a list of language options.
Custom translate drop down to be created on html page using javascript
Custom translate drop down to be created on html page using javascript
Code
Code
<!DOCTYPE html>
<html lang="en-US">
<body>
<h1>Test Translate drop down</h1>
<p>Hello World! </p>
<p>Translate this page:</p>
<div id="google_translate_element"></div>
<script type="text/javascript">
function googleTranslateElementInit() {
new google.translate.TranslateElement({pageLanguage: 'en'}, 'google_translate_element');
}
</script>
<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
<p>
Sure, here's a short excerpt from a fictional short story:
The old bookstore sat nestled between towering skyscrapers, an oasis of history and stories amidst the bustling city. Its weathered sign swung gently in the breeze, its letters fading but still defiantly proclaiming "McCarthy's Books."
Inside, the air was heavy with the scent of aged paper and ink. Dust motes danced in the slivers of sunlight that filtered through the stained-glass windows. Row upon row of shelves stretched out, each one laden with volumes that seemed to whisper secrets to those who dared to listen.
Evelyn wandered the aisles, her fingers trailing along the spines of books that had witnessed generations come and go. She stopped at a particularly weathered copy of "To Kill a Mockingbird," its cover dog-eared and its pages yellowed with time. As she flipped through its familiar passages, she felt a sense of comfort wash over her, as if she were reuniting with an old friend.
Lost in her reverie, Evelyn didn't notice the elderly gentleman shuffling towards her until he spoke.
"Ah, 'To Kill a Mockingbird,' a classic choice," he said, his voice crackling like the pages of the book.
Evelyn looked up, startled, and offered a shy smile. "Yes, it's one of my favorites."
The man nodded, his eyes twinkling with a hint of mischief. "Mine too. You know, they say every book has a story to tell. But I wonder, do we read the stories, or do the stories read us?"
Before Evelyn could respond, the old man had disappeared into the labyrinth of shelves, leaving her to ponder his words amidst the whispers of the books.</p>
</body>
</html>
Page updated
Google Sites
Report abuse