Membuat Tombol Demo dan Download pada Blog

Membuat Tombol Demo dan Download pada Blog - Jika sebelum-sebelumnya, saya membahas lebih banyak tentang widget, maka pada artikel ini saya mau ngebahas tentang Button/Tombol, yaitu Tombol Download dan Buttons.

Menurutku kedua tombol ini, penting untuk ada pada sebuah blog, apalagi bagi blog yang banyak menyertakan Link Download pada blog. Dengan adanya tombol ini, Link yang anda tuliskan pada artikel anda seperti Cara Menghapus Widget Blog akan diubah menjadi lebih menarik dengan tombol Demo dan Download tersebut. Jadi, intinya adalah Tombol ini akan menyembunyikan linknya dan menggantinya dengan Button, pembaca akan diarahkan pada link tersebut setelah pembaca mengklik buttonnya.

Salah satu manfaat dari Button ini adalah, Blog akan terlihat lebih rapi dan terlihat professional. Seperti yang saya katakan dalam kebanyakan artikel-artikelku sebelumnya, blog yang terlihat professional akan membuat si pembaca yakin dengan apa yang anda tuangkan dalam setiap artikelmu.

Tombol Demo dan Download ini dibuat dengan menggunakan CSS3, kelebihan dengan menggunakan CSS3 adalah tombol demo dan download tidak akan memberikan pengaruh banyak terhadap proses pemuatan blog, berbeda dengan yang tidak menggunakan CSS3, blog akan terasa berat dan membutuhkan waktu pemuatan yang cukup lama.

Sebelumnya saya ingin memastikan bahwa blog anda sudah terpasang font awesome.

Sekarang mari kita Mulai tutorialnya

Pertama-tama buka Blogger.com > Kemudian masuk ke menu Template, pilih Edit HTML, kemudian letakkan Kodenya sebelum ]]></b:skin> atau </Style>

.btn{list-style:none;text-align:center;margin:10px!important;padding:10px!important;font-size:14px;clear:both;display:inline-block;text-decoration:none!important;color:#FFF!important}
.btn ul {margin:0;padding:0}
.btn li{display:inline;margin:5px;padding:0;list-style:none;}
.demo,.download{padding:12px 15px!important;color:#fff!important;font-weight:700;font-size:14px;font-family:Open Sans,sans-serif;text-align:center;text-transform:uppercase;border-radius:3px;opacity:.95;border:0;letter-spacing:2px;transition:all .2s ease-out}
.demo {background-color:#3498DB;}
.download {background-color:#1ABC84;}
.demo:hover {background-color:#60B8F4;color:#fff;border-bottom:2px solid #3498DB; opacity:1;}
.download:hover {background-color:#49DDAA;color:#fff;border-bottom:2px solid #1ABC84;opacity:1;}
.demo:before {content:'\f135';display:inline-block;font-weight:normal;vertical-align:top;margin-right:10px;width:16px;height:16px;line-height:24px;font-family:fontawesome;transition:all 0.5s ease-out;}
.download:before {content:'\f019';display:inline-block;font-weight:normal;vertical-align:top;margin-right:10px;width:16px;height:16px;line-height:24px;font-family:fontawesome;transition:all 0.5s ease-out;}

Simpan Templatenya

Sekarang, cobalah untuk membuat artikel baru, lalu masukkan kode ini dalam artikel mu, pada Tab HTML

<div style="text-align: center;">
<ul class="btn">
<li><a class="demo" href="YOUR-LINK-HERE" target="_blank">DEMO</a></li>
<li><a class="download" href="YOUR-LINK-HERE" target="_blank">DOWNLOAD</a></li>
</ul>
</div>

Jika anda hanya ingin tombol Demo saja

<div style="text-align: center;">
<ul class="btn">
<li><a class="demo" href="YOUR-LINK-HERE" target="_blank">DEMO</a></li>
</ul>
</div>

Atau Jika anda hanya ingin Tombol Download

<div style="text-align: center;">
<ul class="btn">
<li><a class="download" href="YOUR-LINK-HERE" target="_blank">DOWNLOAD</a></li>
</ul>
</div>

Hasilnya akan seperti gambar diatas. 

Jangan Lupa untuk mengganti YOUR-LINK-HERE dengan link yang akan dituju, dan jangan lupa untuk menambahkan kode tersebut di setiap artikel yang ingin anda berikal Tombol Demo dan Download. Bagaimana mudah bukan? Sekian penjelasanku, Semoga Bermanfaat.

Read more

Cara Menghapus Widget Blog yang Tidak Bisa Dihapus

Seperti yang kita ketahui, Widget merupakan hal penting dalam sebuah blog, widget berfungsi sebagai alat interaksi antara pembaca dan blog itu sendiri, maka dari itu sangat penting untuk memasang widget pada blog.

Selayaknya manusia biasa, kita pasti pernah mengalami kesalahan saat melakukan pemasangan widget, akibatnya kita ingin menghapus widget yang gagal dipasang tadi. Namun, tidak jarang dari blogger, menemukan kesulitan saat ingin menghapus si widget, karena tombol hapus pada widget yang menghilang, sehingga timbul pertanyaan, bagaimana cara menghapus widget yang tidak bisa dihapus? dan inilah judul artikel yang akan saya bahas.

Sebelumnya, saya mau jelasin sedikit, kenapa widgetnya nggak bisa kehapus? seperti yang kita ketahui, widget blog tidak bisa dihapus disebabkan karena tombol hapus pada widget yang hilang, lantas apa yang membuat tombol hapusnya menghilang? jawabannya adalah, hal ini disebabkan karena widget blog telah di lock atau dikunci pada template, sehingga template mencegah penghapusan widget tersebut dengan menghilangkan tombol hapus tersebut.

Sebenarnya, fungsi lock juga sangat diperlukan, yaitu untuk menyimpan widget secara permanen, dan menghindari yang namanya "salah pencet" yang berakibat terhapusnya widget pada blog

Untuk mengatasi masalah ini, kita perlu melepaskan lock pada template tadi, agar tombol hapusnya muncul lagi dan tentu widgetnya sudah bisa dihapus.

Sebelumnya, alangkah baiknya jika anda membaca artikel saya yang berjudul Cara Mengetahui ID Widget pada Blog, agar kedepannya anda tidak tersesat, karena hal ini erat kaitannya dengan artikel saya kali ini. Tapi kalo udah paham sih, nggak usah dibaca deh!

Secara sederhana, Menghapus widget yang tidak bisa dihapus dapat dilakukakan dengan cara:
1. Buka Blogger.com
2. Cari ID Wigdet, widget yang ingin dihapus
3. Lalu, pilih Temlate > Edit HTML
4. Di Tab Lompat ke Widget, pilih ID Wiget, widget yang ingin dihapus misalnya HTML1
5. Setelah itu cari Kode yang bertulisan

<b:widget id='HTML1' locked='true' title='Recent Posts' type='HTML' version='1' visible='true'>

locked='true' maksudnya adalah widget tersebut telah dikunci, sehingga tombol hapusnya ilang, untuk membuat tombol hapusnya muncul lagi, ganti true menjadi false, maka hasilnya akan seperti ini

<b:widget id='HTML1' locked='false' title='Recent Posts' type='HTML' version='1' visible='true'>

6. Habis itu, kembali ke tata letak. Coba deh dihapus widgetnya lagi, udah bisa belom? kalo belum, coba diulangin lagi, ampe berhasil. tapi kalo masih kagak bisa, comment aja dibawah. OK

Ok guys, akhirnya nyampe juga kita dipenghujung artikel, sekedar saran nih guys, kalo kalian membaca artikel 'Tutorial, Tips dan Trick atau sebagainya' jangan pernah mencoba untuk ngelangkahin stepsnya, karena hal ini bisa berakibat fatal, anda bisa saja kehilangan koneksi, yang membuat anda susah ngepraktekinyya, dan yang paling penting coba terus, ampe mentok. Thanks For reading

Read more

Cara Menyembunyikan Atau Menampilkan Widget Tertentu di Mobile

Pada umumnya Widget yang kita pasang pada temlpate blog kita akan secara otomatis tampil dalam versi PC maupun Mobile. Namun, hal ini tidak hanya membawa manfaat pada blog, tapi juga memiliki pengaruh yang buruk pada blog. Bergantung dari cara anda menempatkannya dan menggunakannya

Blog yang baik adalah, blog yang dapat diakses di PC maupun Mobile, namun tidak jarang dari blogger kurang memperhatikan blog mereka yang tampil di Mobile, mereka hanya fokus bagaimana agar blog mereka tampil menarik dan profesional didepan pembaca, padahal membuat blog yang dapat Mobile friendly dapat meningkatkan trafik blog, karena di zaman yang serba modern, kebanyakan dari kita mengaksesnya di Mobile, karena pengaksesannya yang lebih praktir

Apa Pentingnya Menyembunyikan atau Menampilkan Widget di Mobile?

Jika anda pernah mengakses atau mencoba membuka blog anda di Mobile, ada widget tertentu yang tidak terlihat baik pada blog padahal baik-baik saja pada saat mengaksesnya di PC, apakah itu widget yang tidak mobile friendly atau widget yang bertumpuk dengan widget lainnya. inilah fungsi utama dari menampilkan atau menyembunyikan widget di Mobile, artinya jika anda menginginkan widget itu hanya tampil di versi mobile maka anda harus mengaturnya hanya tampil di mobile saja dan begitu pun sebaliknya, anda bisa mempraktekkan cara ini.

Sebelum anda mempraktekkan Caranya, sangat penting untuk membaca artikel saya yang berjudul Cara Mengetahui ID Widget pada Blog, agar tidak sesat nantinya, tapi kalau udah paham sing tinggal lanjut aja.

Ok deh, dari pada tambah penasaran, mari kita bahas satu persatu, langkah-langkahnya:

1. Buka Blogger.com

2. Pilih Template > Edit HTML

3. Di menu lompat ke widget, pilih ID Widget yang ingin anda buat tampil atau hilang di Mobile

4. Untuk Menyembunyikannya di Mobile tambahkan kode ini, seperti dibawah pada widget yang ingin dihilangkan

<b:widget id='HTML1' locked='false' title='Recent Posts' type='HTML' version='1' visible='true'>
        <b:includable id='main'>
<b:if cond='data:blog.isMobileRequest == &quot;false&quot;'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:if>
</b:includable>
      </b:widget>

5. Tapi jika anda ingin menampilkannya di Mobile, kodenya seperti ini

<b:widget id='HTML2' locked='false' title='Recent Posts' type='HTML' version='1' visible='true'>
        <b:includable id='main'>
<b:if cond='data:blog.isMobileRequest == &quot;true&quot;'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:if>
</b:includable>
      </b:widget>

Jadi intinya adalah jika anda ingin menyembunyikan/menampilkan widgetnya anda harus menambahkan kode ini, diatas kode widgetnya, sesuai contoh diatas, ganti kode menjadi  true untuk menampilkan dan false untuk menyembunyikan

<b:if cond='data:blog.isMobileRequest == &quot;true&quot;'>

Kemudian tutup dengan tag penutupnya, dan letakkan sesuai contoh diatas

</b:if>

Bagiamana gan? mudah kan? yang penting anda mau mencoba dan berusaha, dan jangan ragu buat corat-coret di kolom komen dibawah kalo masih ada yang belum dimengerti yah! Semoga bermanfaat

Read more

Cara Mengganti Ikon "Blog" pada Tab Browser

Assalamualaikum, Bloggers

Hari ini, saya mau ngebahas "Cara Mengganti Ikon "Blog" pada Tab Browser", yang banyak dicari oleh bloggers newbie, untuk memperindah tampilan blog mereka.

Ikon Blog ini biasanya disebut Favicon, yang berfungsi sebagai logo sekaligus identitas blog. contohnya ikon F yang digunakan oleh facebook dan ikon a yang digunakan alexa. seperti yang telah saya sebutkan diatas favicon juga bermanfaat untuk menambah kesan menarik pada blog dan membuat blog terlihat lebih professional. Contoh favicon,

Untuk mengganti ikon "blog"/favicon blog anda, anda harus menyiapkan gambar yang berformat .ico atau yang berakhiran .ico, jika anda tidak memilikinya saya sarankan untuk membuat desainnya sendiri di http://www.favicon.cc/ atau jika anda tidak ingin pusing, anda juga bisa langsung download di https://www.freefavicon.com/.

A. Membuat Favicon

1. Kunjungi Favicon Generator
2. Desain Gaya Favicon anda sesukanya, jangan lupa untuk menggunakan fitur yang disediakan agar tampilan favicon anda menarik
3. Jika sudah selesai desaiinya, anda tinggal mendownload file .ico yang ada di preview dengan cara klik Download Favicon

jika anda merasa, fitur yang disediakan kurang professional anda juga bisa mengunjungi icon creator yang satu ini yaitu Favicon Ico Creator

Favicon Generator maupun Favicon Ico Creator memiliki fungsi yang sama, yaitu sebagai wadah membuat Favicon, meskipun keduanya menyediakan fitur yang berbeda, namun, masing-masing memiliki kelebihan, jika anda ingin membuat favicon yang sederhana saya sarankan untuk menggunakan Favicon Generator karena cara menggunakannya yang mudah pula, namun jika anda ingin membuat favicon yang professional saya sarankan untuk ngedesainnya di Favicon Ico Creator, karena fiturnya yang lengkap.

B. Mendownload Favicon

kalau anda adalah tipe yang tidak mau repot, anda tinggal mendownloadnya di https://www.freefavicon.com/ , anda tinggal mengarahkan cursor anda ke menu Free Favicons, maka akan muncul submenu, anda tinggal memilih jenis favicon mana yang cocok dengan blog anda, lalu download. Selesai

C. Mengganti Favicon

kalo udah dapat gambarnya, mari kita praktek,
1. Buka Blogger.com
2. Pilih Tata letak
3. Klik edit pada Favicon
4. Pilih Choose File, kemudian pilih pada Gambar yang baru saja anda buat atau download tadi
5. Simpan, selesai

Kayaknya, udah selesai penjelasan saya, kalo menurut agan semua masih kurang jelas, silahkan agan komentar permasalahan anda dikolom komentar dibawah, makasih

Read more

Cara Submit dan Verivikasi Blog di Google dan Bing

Hi Sobat Balgger, berjumpa lagi bareng saya, dalam artikelku yang berjudul "cara submit dan verivikasi blog di google dan bing", Sebelum kita menuju ke topik, alangkah baiknya jika saya jelaskan sedikit tentang google dan bing.

Ada yang udah tahu nggak apa itu Google dan Bing?

Buat yang belum tahu Google dan Bing adalah dua Search Engine (Mesin Pencari) yang paling populer saat ini, Google dan Bing memiliki fungsi yang sama yaitu membantu seseorang mencari hal yang diperlukannya. 

Oleh Karena banyaknya informasi yang diperlukan oleh masayarakat dunia, maka google dan bing menyediakan lapangan kerja bagi kita para blogger untuk menuangkan ilmu kita dalam bentuk artikel, namun, sebelum artikel kita dapat diindeks (ditemukan oleh si mesin pencari) kita harus melakukan submit ke mesin pencari.

Dengan adanya google dan bing memungkinkan blog atau artikel kita dapat ditemukan oleh si pembaca.

Mengapa Harus Submit Blog?

Ada jutaan blogger yang tersebar diseluruh dunia, dan juga ada milyaran artikel yang tersebar diseluruh dunia dengan konten dan bahasa yang berbeda-beda. Tujuan utama seorang blogger membangun sebuah blog adalah, agar informasi yang terdapat pada artikelnya dapat dibaca oleh banyak orang, maka dari itu untuk dapat membuat blog kita terindeks atau ditemukan oleh si mesin pencari, kita harus melakukan submit kemesin pencari, dengan ini, blog kita dapat dikunjungi oleh si pembaca.

Apakah blog saya dapat ditemukan tanpa submit?

Jawabannya bisa, namun membutuhkan waktu yang lebih lama dibandingkan yang sudah submit blog, udah submit aja masih memerlukan waktu yang cukup lama oleh kedua mesin pencari.

Apa yang saya dapatkan jika submit blog?

Selain terindeksnya blog anda oleh mesin pencari, si mesin pencari juga menyediakan banyak alat yang bisa anda gunakan untuk mengembangkan blog anda, seperti alat Lalu Lintas Penelusuran yang disediakan oleh Google Search Console, dengan alat ini, google memberitahukan kepada anda, ada berapa banyak orang yang mengklik blog anda dan kata kunci apa yang menjadi menarik pada blog anda, tentu dengan adanya hal ini, membuat anda memahami kebutuhan pembaca tujuan anda

Ok deh, tampa banyak bacot lagi, simak aja langsung caranya berikut ini:

A. Cara Submit dan Verifikasi Blog Di Google

1. Kunjung Google Search Console

2. Pilih Add Property, kemudian masukkan alamat blog anda, misalnya

• https://ayamjantan25.blogspot.co.id/
• ayamjantan25.blogspot.com
• www.ayamjantan25.blogspot.com

Setelah itu Google Search Console akan mengalihkan anda ke halaman verifikasi, anda diminta untuk memverifikasikan kepemilikan blog anda. Ada 5 metode verifikasi yang ditawarkan oleg Google Search Console, tapi saya rasa, yang paling mudah adalah yang menggunakan HTML Tag

3. Pilih HTML Tag, Copy Kodenya

4. Setelah itu, Buka Blogger.com

5. Pilih Template, Edit HTML

6. Pastekan Kode yang telah anda kope tadi tepat dibawah <head>

<html>

<head>

<meta name="google-site-verification" content="........................." />

<title> My title </title>

</head>
<body>

page contents

</body>

</html>

7. Simpan

B. Cara Submit dan Verifikasi Blog di Bing

1. Kunjung Bing Webmaster Tools

2. Kemudian di kolom Add Sites, masukkan situs anda misalnya

• https://ayamjantan25.blogspot.co.id/
• ayamjantan25.blogspot.com
• www.ayamjantan25.blogspot.com

3. Pilih Add

Sama seperti pada masin pencari google, kita harus melakukan verifikasi

4. Pilih Cara ke 2 yaitu Copy and paste

5. Kopi kode metanya

6. Buka blogger.com

7. Pilih Template, Edit HTML

8. Paste kode tadi dibawah <head>

<html>
        <head>
              <meta name="msvalidate.01" content="............"/>
              <title> Your SEO optimized title</title>
        </head>
        <body>
                page cotents
        </body>
</html>

Yups, Sobat blogger, Mudah-mudahan berguna dan mudah dimengerti penjelasan saya, saya akhiri artikel saya yang berjudul Cara Submit dan Verifikasi Blog di Google dan Bing, Wassalamualaikum warohmatullahi wabarokatuh

Read more

Cara Membuat Widget Mengikuti Scroll atau Sticky pada Blog

Judul Arikel yang akan aku bahas yaitu Cara Membuat Widget Mengikuti Scrool pada Blog, Sebelumnya kita pengenalan dulu, ada yang pernah dengar apa itu sticky note? sticky note yaitu kertas yang biasanya digunakan sebagai pengingat kemudian ditempel ditempat-tempat yang paling sering dikunjungi. Sticky note pada dasarnya sama dengan Fungsi yang ada pada sticky widget, yaitu juga sebagai pengingat. Seperti yang saya katakan tadi, Sticky ditempelkan ditempat-tempat yang sering dikunjungi, maka dari itu, Widget pada blog juga perlu ditempelkan ditempat tertentu, dengan cara membuat widgetnya mengikuti scroll/penggulung layar. Sehingga apabila pembaca menggulirkan layar kebawah, maka widgetnya akan mengikuti penggulir layar kebawah.

Masih bingung juga, Apa fungsi sticky widget? kamu bisa lihat pada blog saya, yaitu Widget Recent Posts, yang terletak dibagian kiri blog saya, kira-kira seperti itulah fungsi Sticky Widget. Coba deh, anda gerakkan scroll/penggulung layar kebawah, maka secara otomatis, Widget Recent Posts akan mengikuti scroll. Fungsi ini, sangat penting untuk meningkatkan traffik blog kamu, dengan adanya widget ini, pembaca dapat melihat artikel-artikel yang ada pada blog kamu.

Kalo udah paham! Mari kita bahas pelan-pelan langkahnya, 

1. Menemukan ID Widgetnya

Langkah pertama yang harus anda lakukan ialah, anda harus menemukan ID Widget anda. Apa itu ID Widget? ID widget adalah identitas widget blog yang tercantum dalam template blog, biasanya diberi nama "HTML1, PopularPosts2, Blog1". Untuk lebih jelasnya simak artikel berikut ini

Cara Mengetahui ID Widget Pada Blog

Kalo udah paham, lanjut deh ke langkah berikutnya

2. Memasang Kode HTML

1. Buka Blogger, Pilih Template > Edit HTML

2. Tambahkan Kode dibawah ini sebelum kode </body>

<script type='text/javascript'>
//<![CDATA[
$(function() {
  if ($('#sticky-sidebar').length) { // Ganti "#sticky-sidebar" dengan ID tertentu
    var el = $('#sticky-sidebar');
    var stickyTop = $('#sticky-sidebar').offset().top;
    var stickyHeight = $('#sticky-sidebar').height();
    $(window).scroll(function() {
      var limit = $('#footer-wrapper').offset().top - stickyHeight - 20; // Jarak berhenti di "#footer-wrapper"
      var windowTop = $(window).scrollTop();
      if (stickyTop < windowTop) {
        el.css({
          position: 'fixed',
          top: 20 // Jarak atau margin sticky dari atas
        });
      } else {
        el.css('position', 'static');
      }
      if (limit < windowTop) {
        var diff = limit - windowTop;
        el.css({
          top: diff
        });
      }
    });
  }
});
//]]>
</script>

Ganti sticky-sidebar dengan ID Widget yang ingin kamu buat Sticky.
Ganti footer-wrapper dengan ID Widget bagian bawah blog kamu.

Mengganti Sticky sidebar dengan ID Widget kamu berfungsi untuk membuat siwidget menjadi sticky, sedang mengganti footer wrapper untuk membuat Widget yang di sticky berhenti sebelum widget yang dijadikan sebagai tempat pemberhentian si sticky widget, jadi tidak menghalau widget lainnya saat discrool, jadi pada saat sticky widget sampai pada

3. Menambahkan lebar Widget

Mengapa perlu menambahkan lebar widget, hal ini berfungsi untuk membuat Sticky widget tidak melebar pada saat di scroll. Caranya masih sama yaitu buka blogger > Template, lalu Edit HTML

#sticky-sidebar{width:100%;max-width:300px}

Ganti sticky-sidebar dengan ID Widget yang ingin kamu buat Sticky.

Demikian Artikel aku tentang Cara Membuat Widget Mengikuti Scroll atau Stciky pada Blog, semoga bermanfaant. Sumber: Arlinadzgn.com

Read more

Cara Mengetahui ID Widget pada Blog

Pernahkah anda, menanyakan apa itu ID Widget? dan apa fungsinya? pada saat kamu ingin mengedit template blog kamu, apakah itu membuat widget mengikuti scroll, memasang halaman facebook pada blog dan lainnya, semua itu membutuhkan ID Widget.

Mari kita perjelas apa itu ID Widget? ID Widget adalah Identitas Widget blog kamu yang tercantum dalam Template blog kamu, biasanya diberi nama seperti, "HTML1, PopularPosts2, Blog1". Lalu, fungsi ID Widget adalah biasanya dibutuhkan untuk membuat widget mengikuti scroll, membuat halaman facebook tampil di blog dan lainnya.

Jika menurut anda, Popular Posts dan Recent Posts adalah ID Widgetnya, maka itu adalah kesalahan besar, Popular Posts dan Recent Posts hanyalah nama pada widget, nama yang akan muncul pada saat blog dibuka. Tapi itu tidak masalah jika anda belum mengerti tentang ID Widget itu apa? karena hal itu juga pernah aku rasakan.

Mari kita perjelas apa perbedaan antara ID Widget dan Nama Widget! Kode HTML ini saya ambil dari template blog saya sendiri.

<b:widget id='HTML1' locked='false' title='Recent Posts' type='HTML' version='1' visible='true'>
        <b:includable id='main'>
<b:if cond='data:blog.isMobileRequest == &quot;false&quot;'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:if>
</b:includable>
      </b:widget>

Dari kode diatas, sangat jelas sekali terlihat perbedaan antara ID Widget dan Nama Widget, yang berwarna kuning adalah ID Widgetnya sedangkan yang berwarna biru adalah Nama Widgetnya. Setelah anda mampu membedakan ID Widget dan Nama widgetnya, aku akan menjelaskan cara mendapatkan ID Widgetnya.

Meskipun di blog-blog lain, memberikan 4-5 Cara yang berbeda, tapi menurutku, ada 3 cara yang paling cepat dan mudah dimengerti, yaitu

A. Cara Pertama

1. Buka Blogger.com

2. Pilih tata letak

3. Setelah itu, gerakkan Cursor kamu tepat diatas kata yang bertulisan edit (jangan diklik) yang sedang kamu cari IDnya lalu, akan muncul dibawah Link widgetnya, yang juga terdapat ID Widget

B. Cara Kedua

1. Masih di Tata letak

2. Klik edit pada Widgetnya

C. Cara Ketiga

1. Buka Blogger.com, Pilih Template

2. Edit HTML

3. Tekan Ctrl+F pada keyboar kemudian ketikkan Nama Widgetnya.

<b:widget id='HTML1' locked='false' title='Recent Posts' type='HTML' version='1' visible='true'>

Yang berwarna kuning adalah ID Widgetnya

Sekian, Artikel mengenai Cara Mengetahui ID Wiget pada Blog, semoga dapat membantu dan Thanks For Reading.

Read more