Tampilkan postingan dengan label tutorial blog. Tampilkan semua postingan

Cara Memasang Widget Translate di Blogger

1 komentar

Penting juga sekarang lho, membuat blog kita bisa dibaca oleh siapapun, termasuk dalam bahasa apapun. Repot juga kalau kita nulis ulang versi Bahasa Inggris atau Bahasa negara lain ya. 

Jangan cemas, ada kok caranya. 

Kata  kuncinya dalah: Memasang Widget Translate di Blogger. 

Widget adalah bagian di sidebar kiri atau kanan. Translate adalah terjemahan.


Untuk memasang ini, ikuti tahap berikut:

  1. Buka Dashboard anda di blogger.com
  2. Tambahkan widget
  3. Pilih yang add HTML/Javascript
  4. Copy script coding di bawah ini, ingat jangan sampai ketinggalan satu karakter pun.
  5. Paste ke bagian widget, lalu save. 

Hasilnya nanti seperti  ini di sidebar:

Selesai deh. Anda tinggal buka blog dan buka postingan. Lalu masukkan bahasa yang diinginkan, misalnya English. Klik tanda panah, maka postingan akan otomatis menjadi tab baru dengan bahasa asing yang diinginkan.

Contoh:

Setelah  diklik translate dalam bahasa Inggris akan mejadi:

Keduanya bisa dikirimkan sebagai tautan. Tentu akan memudahkan jika ingin menunjukkan tulisan anda ke teman dari negara lain. Silahkan mencoba. 


SCRIPT CODING UNTUK WIDGET TRANSLATE
 *copy script coding di antara garis ini ========

===============================================

 <style type="text/css">


#translator-wrapper {

  display:block;

  width:99%;

  max-width:300px;  

  border:none;  

  background-color:#fff;

  color:#444;

  overflow:hidden;

  position:relative;

  height:40px;

  line-height:40px;

  border:1px solid #e0e0e0;

}

#translator-wrapper select {

  border:none;

  background:transparent;

  font-family:'Verdana',Arial,Sans-Serif;

  font-size:12px;

  width:100%;

  color:#444;

  -webkit-box-sizing:border-box;

  -moz-box-sizing:border-box;

  box-sizing:border-box;

  -webkit-appearance:none;

  cursor:text;

  padding:5px 10px;

}

#translator-wrapper a,

#translator-wrapper a:hover {

  display:block;

  background-color:#FF4F4F;

  border:none;

  color:#fff;

  margin:0 0;

  text-decoration:none;

  position:absolute;

  top:0;

  right:0;

  bottom:0;

  cursor:pointer;

  width:19%; 

  transition:all 0.3s ease;  

}

#translator-wrapper a:before {

  content:"";

  display:block;

  width:0;

  height:0;

  border:6px solid transparent;

  border-left-color:white;

  position:absolute;

  top:50%;

  left:45%;

  margin-top:-5px;

}

#translator-wrapper a:hover {background-color:#222222;}

#translator-wrapper a:active {opacity:0.9;}

#translator-wrapper select:focus,

#translator-wrapper a:focus,

#translator-wrapper select:active,

#translator-wrapper a:active {

  border:none;

  outline:none;

  cursor:pointer;

}

option {

  background:#27ae60;

  color:#e0e0e0;

}

</style>

<div id="translator-wrapper">

    <select id="translate-language">

        <option value="en" selected />English

        <option value="id" />Indonesian

        <option value="af" />Afrikaans

        <option value="sq" />Albanian

        <option value="ar" />Arabic

        <option value="hy" />Armenian

        <option value="az" />Azerbaijani

        <option value="eu" />Basque

        <option value="be" />Belarusian

        <option value="bn" />Bengali

        <option value="bg" />Bulgarian

        <option value="ca" />Catalan

        <option value="zh-CN" />Chinese

        <option value="hr" />Croatian

        <option value="cs" />Czech

        <option value="da" />Danish

        <option value="nl" />Dutch

        <option value="en" />English

        <option value="eo" />Esperanto

        <option value="et" />Estonian

        <option value="tl" />Filipino

        <option value="fi" />Finnish

        <option value="fr" />French

        <option value="gl" />Galician

        <option value="ka" />Georgian

        <option value="de" />German

        <option value="el" />Greek

        <option value="gu" />Gujarati

        <option value="ht" />Haitian Creole

        <option value="iw" />Hebrew

        <option value="hi" />Hindi

        <option value="hu" />Hungarian

        <option value="is" />Icelandic

        <option value="id" />Indonesian

        <option value="ga" />Irish

        <option value="it" />Italian

        <option value="ja" />Japanese

        <option value="kn" />Kannada

        <option value="ko" />Korean

        <option value="la" />Latin

        <option value="lv" />Latvian

        <option value="lt" />Lithuanian

        <option value="mk" />Macedonian

        <option value="ms" />Malay

        <option value="mt" />Maltese

        <option value="no" />Norwegian

        <option value="fa" />Persian

        <option value="pl" />Polish

        <option value="pt" />Portuguese

        <option value="ro" />Romanian

        <option value="ru" />Russian

        <option value="sr" />Serbian

        <option value="sk" />Slovak

        <option value="sl" />Slovenian

        <option value="es" />Spanish

        <option value="sw" />Swahili

        <option value="sv" />Swedish

        <option value="ta" />Tamil

        <option value="te" />Telugu

        <option value="th" />Thai

        <option value="tr" />Turkish

        <option value="uk" />Ukrainian

        <option value="ur" />Urdu

        <option value="vi" />Vietnamese

        <option value="cy" />Welsh

        <option value="yi" />Yiddish

    </select><a id="translate-me" href="#" title="Translate"></a>

</div>

<script type="text/javascript">

(function() {

    var mylang = "id", // Your website language

        anchor = document.getElementById('translate-me');

    anchor.onclick = function() {

        window.open('https://translate.google.com/translate?u=' + encodeURIComponent(location.href) + '&langpair=' + mylang + '%7C' + document.getElementById('translate-language').value + '&hl=en');

        return false;

    };

})();

</script>

===============================

Tutorial ini berasal dari https://www.sebardi.id/2021/01/cara-pasang-widget-translate-di-blogger.html#gsc.tab=0 , terima kasih Pak Sebardi. 

How To Create a Blog From Blogspot in English Version

Tidak ada komentar

I used to teach in blogging class with Bahasa Indonesia. Today I will start different. Someone said want to learn how to make a blog with me, and the lesson should be delivered in English. I feel a little bit difficult to prepare lesson materials in English. But thanks God, Alhamdulillah, Google Support have a lot of this kind of tutorial. 


To make my class run more easier, I choose to get those tutorials here. So I just can direct my students with live streaming video meeting practice class use Google Meet. 

The resources of this tutorials are here:


Create a blog

You can create and manage your own blog with Blogger.

Create a blog

  1. Sign in to Blogger.
  2. On the left, click the Down arrow Down arrow.
  3. Click New blog.
  4. Enter a name for your blog.
  5. Click Next.
  6. Choose a blog address or URL.
  7. Click Save.


Create, edit, manage, or delete a post

You can write, edit, or delete posts and drafts any time.

Write a new post

  1. Sign in to Blogger.
  2. Click New Post New post.
  3. Create the post.
    • To check how your post will look when it’s published, click Preview.
  4. Save or publish your post:
    • To save and not publish: Click Save.
    • To publish: Click Publish.

Add labels to your post

You can use labels to organize your posts. Your readers can use your labels to filter the content they get.
  1. Sign in to Blogger.
  2. To open the editor view, click an existing post or click New post New post.
  3. On the right, click Labels Label.
  4. Enter a label or click an existing label.
    • To add more than one label to a post, separate labels with commas.
Tip: In your dashboard, next to the title, you can find your labels.

Filter your posts with labels

  1. Sign in to Blogger.
  2. In the upper right, click Labels Label.
  3. Select any number of labels.
  4. Click Apply.

Edit a post

  1. Sign in to Blogger.
  2. Under the name of a blog, click Posts.
  3. Click the title of the post.
  4. Make your changes.
    • To check how your post will look when it’s published, click Preview.
  5. For posts that:
    • Have been published: Click Update or Revert to draft.
    • Haven’t been published: Click Publish or Save.

Delete a post

  1. Sign in to Blogger.
  2. In the top left, click the Down arrow Down arrow.
  3. Click the name of a blog.
  4. Point to the post you want to delete. When it appears, click Delete Delete.

Content to avoid

Do not use:
  • Material hosted by someone else without their consent.
  • Copyrighted materials.
  • Content that violates our content policy. This includes, but is not limited to, explicit imagery posted without the subject’s consent and hateful, violent, or crude content.

Add images and videos to your blog

You can add photos, other images, and videos to any blog posts that you create.


Manage your comments

You can manage who can comment and what kinds of comments readers can leave on your blog posts in Blogger. You can also comment on other blogs. There is no limit to the number of comments you can have in a post.

Add pages to your blog

You can create pages for consistent content like “About” or “Contact.” Pages can appear on your blog as tabs at the top or links on the side.
Note: You cannot use specific posts as pages.

Step 1: Show your pages

  1. Sign in to Blogger.
  2. In the top left, click the Down arrow Down Arrow.
  3. Select the blog to update.
  4. In the left menu, click Layout.
  5. In the section you want your pages to show, click Add a Gadget.
  6. In the window, next to "Pages", click Add .
  7. Set your settings and click Save.
  8. At the top right, click Save arrangement.
To change where your pages will appear, drag the gadget to its new location.

Step 2: Create, edit, or delete pages

  1. Sign in to Blogger.
  2. In the top left, click the Down arrow Down Arrow.
  3. Select the blog to update.
  4. In the left menu, click Pages.
    • Create a new page: Click New page. Enter a page title and other information and click Save, Preview, or Publish.
    • Edit a page: Under the page you want to edit, click Edit. Update your page and click Save, Preview, or Publish.
    • Delete a page: Under the page you want to remove, click Delete and then Ok.

Create a link to another website

  1. In the top left, click the Down arrow Down Arrow.
  2. Select the blog to update.
  3. In the left menu, click Layout.
  4. In the “Pages” section, click Edit Edit.
  5. Under "Pages to show," click + Add external link.
  6. Enter the page title and URL and click Save Link.

Step 3: Select the pages to show

  1. In the left menu, click Layout.
  2. In the “Pages” section, click Edit Edit.
  3. Select the pages you wish to show.
  4. Click Save.
  5. At the top right, click Save arrangement.
There is no limit to the number of pages you can have on one blog.

Use themes to change how your blog looks

When you use one of Blogger’s themes, people can view and interact with your blog in different ways.
Choose a theme
  1. Sign in to Blogger.
  2. At the top left, click the Down arrow Down arrow.
  3. Click a blog to update.
  4. In the left menu, click Theme.
  5. Select your theme, and at the bottom, click Apply.
    • To save a copy of your theme, in the top right, click More More and then Backup and then Download.


Change the design of your blog

You can change your blog’s layout and color scheme.

Change your blog with gadgets

Use gadgets to do things like display your archive, show labels in a list, or show your profile on every page.
Add a gadget to your blog:
  1. Sign in to Blogger.
  2. Choose the blog to update.
  3. In the left menu, click Layout.
  4. In the area you want to modify, click Add a Gadget.
  5. In the window that opens, choose the gadget and click Add Add.
  6. At the bottom left, click Save.
    • To change the settings on a gadget, click Edit.

Change your blog with HTML or CSS

Use HTML
Important: Google claims no ownership or control over any content submitted, posted, or displayed by an author on or through Google services. Blog authors who add code or third-party widgets do so at their own risk.
  1. Sign in to Blogger.
  2. Choose the blog to update.
  3. In the left menu, click Theme.
  4. Under “My theme,” click More More and then Edit HTML.
  5. Make your changes and click Save.
Tip: To add page elements like pictures and a blogroll, use widget tags. Learn more about widget tags for layouts.

Use CSS
  1. Sign in to Blogger.
  2. Choose the blog to update.
  3. In the left menu, click Theme.
  4. Under “My theme,” click Customize.
  5. In the left menu, click Advanced.
  6. Click the Down arrow Down arrow and then Add CSS.
  7. Add your code, and at the bottom right, click Save Save.


[BLOGGING] Cara Membuat Blog Untuk Pemula

2 komentar
Apa bedanya blog dengan website? hal ini yang biasa ditanyakan di awal ketika orang mulai mengenal blog. Bahasa sederhananya begini saja, website adalah halaman elektronik untuk menyampaikan informasi yang harus diakses secara online di internet. Dan blog adalah bagian dari website.

Untuk membuat blog sekarang sangat mudah dan gratis. Ada 2 platform yang paling banyak dipakai yaitu BLOGSPOT dan WORDPRESS.

  1. Blogspot bisa diakses di www.blogger.com
  2. Wordpress bisa diakses di https://id.wordpress.com/


Kedua platform ini bebas digunakan untuk apa saja, termasuk jualan atau promosi produk. Berbeda dengan platform blog bersama seperti Kompasiana, Medium dan lain sebagainya. Ini hanya boleh untuk media jurnalistik, tidak untuk promosi produk.




Saya menyarankan menggunakan platform BLOGSPOT karena selain gratis, juga relatif mudah digunakannya. Caranya dengan mengakses ke laman www.blogger.com , lalu anda membuat akun blogger di situ, membuat blog baru dan mengikuti langkah selanjutnya.

Detil langkah-langkah membuat blog bisa dilihat di slide berikut ini: