Halaman

    Social Items

Search and Buy other Templates on IDNTHEME
Home / All Post
Template Details :
Platform TypeBlogger / Blogspot
Nama Template Zhefa Blogger template
DeskripsiZhefa Blogger template adalah template blogger gratis dengan dua buah sidebar di sebelah kanan.
Template Authorhttp://wadahtutorial.blogspot.com/
Instruksi URL Cara Mengganti Template

Blogger Template


Zhefa Blogger template

Kadang template yang kita gunakan tidak sesuai dengan keinginan kita, misalnya kolom widget yang disediakan hanya ada satu padahal kita membutuhkan yang dua kolom, Tutorial kali ini saya buat untuk para blogger yang ingin Membuat Dua Kolom Widget di Blognya.

Dua Kolom Widget / Gadget

Untuk mempercantik blog dengan susunan gadget yang sesuai dengan keinginan Sobat, dalam hal ini jumlah kolom widget, Sobat dapat membuatnya sendiri dan terserah mau meletakkannya dimana, bisa di bawah posting, di atas posting, di bawah header, di dalam sidebar, di bagian footer ataupun di lain tempat.

Berikut Cara Membuat dua Buah Elemen Gadget/Widget :
  • Login Blogger Sobat.
  • Pilih Template > Edit HTML.
  • Ceklis / Centang Expand Widget Template.
  • Cari kode ]]></b:skin> dengan menekan tombol CTRL+F pada keyboard.
  • Letakkan script berikut ini diatas ]]></b:skin> :
    #box-main-container {
    clear:both;
    }
    .box-column {
    padding:0px 10px 10px 10px;
    border:1px dotted $bordercolor;
    }
    *Anda dapat mengubah padding ( jarak posisi gadget ) 0px 10px 10px 10px maksudnya adalah Jarak ( Atas, Kanan, Bawah, Kiri ).
    *Anda juga dapat merubah border ( garis tepi widget ) dengan warna, caranya hapus $bordercolor dan ganti dengan kode warna yang Anda inginkan.
  • Kemudian cari kode
    •   <div id='main-wrapper'>
    •   <div id='content-wrapper'>
    •   <div id='header'> atau <div id='header-wrapper'>
    •   <div id='sidebar-wrapper'>
    •   <div id='bottom'>
    Keterangan :
    *<div id='main-wrapper'> adalah posisi halaman utama anda. Biasanya dipakai untuk penempatan menu horizontall atau daftar isi sebuah blog.
    *<div id='content-wrapper'> adalah posisi postingan.
    *<div id='header'> adalah posisi kepala. Biasanya ditempatkan judul blog dan deskripsi blog.
    *<div id='sidebar-wrapper'> adalah posisi sidebar blog.
    *<div id='bottom'> adalah posisi paling bawah. Atau Footer Blog Anda.
    Silakan pilih salah satu, mau menempatkannya dimana.
  • Jika sudah didapat atau hampir sama dengan kode diatas, letakkan kode HTML di bawah ini
    <div id="box-main-container"> <div id="box1" style="float: left; margin: 0; text-align: left; width: 50%;"> <b:section class="box-column" id="col1" preferred="yes" style="float: left;"> </b:section></div> <div id="box2" style="float: right; margin: 0; text-align: left; width: 50%;"> <b:section class="box-column" id="col2" preferred="yes" style="float: right;"> </b:section></div>
    <div style="clear: both;"> </div></div>
    Silakan Anda letakkan di bagian atas atau dibawah salah satu kode tadi.
    *Sebagai contoh saya letakkan dibawah kode <div id='main-wrapper'>
    Dua Kolom Widget / Gadget
    *Hasilnya seperti gambar berikut
    Dua Kolom Widget / Gadget
  • Jika sudah selesai klik Preview / Pratinjau dulu, baru klik Save Template / Simpan Template.
Semoga Tutorial diatas bisa berguna dan bermanfaat...

Membuat Dua Kolom Widget di Blogspot

Ketika saya menemukan sebuah blog yang mencuri penuh artikel blog saya ini dengan menggandalkan fasilitas import pada feedrss, saya merasa jengkel, karena postingan yang kita ketik sendiri dengan susah payah dengan mudahnya dibajak oleh autoblog yang menggandalkan langganan feed pada blog, apalagi tidak di sertai dengan backlink sumbernya.

Karena itu kita jangan menganggap remeh pengaturan feed pada blog, agar para pencuri artikel tidak leluasa menerapkan aksinya, pada postingan ini saya ingin berbagi trik untuk mengatasi pencurian artikel dengan menyeting feed pada blog kita.

Berikut beberapa cara yang bisa kita terapkan pada blog :

Cara pertama dengan mengubah izin feed blog yang tadinya "penuh" menjadi "singkat".
Dengan cara ini pembajak feed hanya dapat mencopy artikel kita secara terbatas yaitu 400 karakter pertama saja.

Caranya :
  • Login ke Blog sobat.
  • Klik Dasbor > Setelan > Lainnya.
  • Pada "Izinkan Umpan Blog", ganti opsi Penuh menjadi Singkat.
    Tips Mengatasi Pencurian Artikel Blog
  • Simpan Setelan
Cara kedua dengan memberikan link aktif alamat blog sobat pada kolom "Footer Feed Posting".
Ini berguna apabila pembajak feed mencopy penuh artikel sobat, maka dibawah postingan terdapat link aktif yang berfungsi menjadi backlink.

Caranya :
  • Login ke Blog sobat.
  • Klik Dasbor > Setelan > Lainnya.
  • Pada "Footer Feed Posting" klik "Tambahkan".
    Tips Mengatasi Pencurian Artikel Blog
  • Lalu masukan script dibawah ini:
    <a href="URL BLOG">Copyright by: NAMA BLOG</a>
    contoh :
    <a href="http://wadahtutorial.blogspot.com/">Copyright by: Tutorial Blog</a>
  • Simpan Setelan
Cara ketiga dengan menghapus feed pada Blogger.
Dengan cara ini para pembajak feed tidak dapat mencuri artikel anda, karena tidak ada feed yang akan di bajak, namun para pelanggan blog kita tidak dapat mengetaui update artikel baru di blog kita. Jadi dipikir dulu sebelum menerapkan cara ini.

Caranya :
  • Login ke Blog sobat.
  • Klik Dasbor > Setelan > Lainnya.
  • Pada "Izinkan Umpan Blog" pilih "Tak Satupun".
    Tips Mengatasi Pencurian Artikel Blog
  • Simpan Setelan.
Semoga dengan beberapa cara di atas Sobat dapat lebih melindungi blog sobat dari para pembajak feed.

Tips Mengatasi Pencurian Artikel Blog

Duplikasi deskripsi meta pernah di alami blog ini, hal ini terjadi karena Google menemui deskripsi yang sama pada setiap halaman yg di crawl oleh Google spider pada laman blog ini, contoh :

Duplikasi deskripsi meta

Pada gambar diatas terdapat deskripsi yang sama, baik itu pada Homepage, halaman, maupun postingan, hal ini tentu tidak baik buat SEO, karena deskripsi yg sama dapat merusak relevansi pencarian, dan Google menganggapnya sebagai duplikasi konten, oleh sebab itu hal tersebut perlu kita perbaiki. Jika sobat belum tahu cara mengetahui duplikat konten silakan baca Cara Mengetahui Duplikat Konten.

Untuk memperbaiki masalah tersebut, langkah yang saya lakukan adalah sebagai berikut :
  • Login ke akun blogger
  • Klik pada Template.
  • Selanjutnya, klik Edit HTML dan klik Proceed / Lanjutkan.
  • Beri tanda centang pada Expand Template Widget.
  • Pada kode
    <meta content='Deskripsi'  name='description'/>
    <meta content='keyword1, keyword2, keyword3, ...' name='keywords'/>
    Sedikit saya tambah kode menjadi :
    <b:if cond='data:blog.url == data:blog.homepageUrl'>
    <meta content='Deskripsi'  name='description'/>
    <meta content='keyword1, keyword2, keyword3, ...' name='keywords'/>
    </b:if>
    Dengan begini meta description & meta keywords di tampilkan hanya untuk halaman utama (homepage).
  • Terakhir klik Simpan Template.
Selain masalah diatas Duplikasi deskripsi meta juga bisa terjadi pada fungsi arsip, karna dalam sebuah arsip terdapat berbagai link dalam satu content , hal ini kadang juga di anggap sebagai duplikat konten oleh google.

Jika Sobat mengalami masalah ini Sobat cukup mematikan fungsi arsip, caranya dengan menambahkan kode berikut dibawah kode <head> :
<b:if cond='data:blog.pageType == &quot;archive&quot;'><meta content='noindex' name='robots'/></b:if>

Sekian dulu postingan kali ini, semoga bisa membantu Sobat yang ingin Mengatasi Duplikasi deskripsi meta.

Mengatasi Duplikasi Deskripsi Meta

Sebenarnya untuk tutorial Membuat Daftar Isi Blogger sudah pernah saya bikin, cuma kali ini saya buat beberapa macam jadi tinggal sobat pilih mau menggunakan yang mana, Daftar Isi Berdasarkan Tanggal Postingan, berdasarkan artikel terbaru atau berdasarkan label.
Untuk tutorialnya saya bikin jadi dua biar lebih jelas, pertama untuk halaman / page dan kedua untuk widget / gadget.

Yang pertama kita membuat sebuah halaman yang berisi daftar isi, berikut tutorialnya :
  • Login ke blogger.
  • Klik Laman > Laman Baru > Laman Kosong.
  • Beri judul Daftar Isi atau Sitemap atau apalah terserah Anda.
  • Kemudian klik pada tab Edit HTML.
    membuat daftar isi blog
  • Lalu letakkan kode berikut pada area artikel.
    <div style="overflow:auto;width:480px;height:450px;padding:10px;border:1px solid #eee">
    <script src="https://html-scripts.googlecode.com/files/feeds.js"></script>
    <script src="http://wadahtutorial.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
    </script>
    </div>
    Keterangan :
    • Ganti Alamat wadahtutorial.blogspot.com dengan url / alamat blog Sobat.
    • width:480px : Lebar area, ganti dengan ukuran yang sobat inginkan.
    • height:450px : Tinggi area, ganti sesuai keinginan sobat.
    • Untuk tidak menggunakan text area atau scroll hapus tulisan yang saya beri latar kuning.
    • https://html-scripts.googlecode.com/files/feeds.js : ganti dengan alamat daftar isi yang anda inginkan. Berikut beberapa kodenya :
      1. Berdasarkan Label :
        https://html-scripts.googlecode.com/files/feeds-labels.js
      2. Berdasarkan Tanggal :
        https://html-scripts.googlecode.com/files/feed-dates.js
      3. Berdasarkan Artikel terbaru :
        https://html-scripts.googlecode.com/files/feeds.js
  • Klik tombol Preview / Pratinjau untuk melihat hasilnya, jika sudah benar klik Publish Page / Tayangkan Laman. Lalu buka Blog Sobat dan lihat hasilnya…
Yang kedua kita Membuat Widget Daftar Isi, berikut tutorialnya :
  • Pada dashboard blogger, klik Tata Letak.
  • Klik Tambah Gadget.
  • Pilih HTML/Javascript.
  • Silakan beri judul pada widget. Lalu letakkan kode berikut :
    <div style="overflow:auto;height:250px;padding:10px;border:1px solid #eee">
    <script src="https://html-scripts.googlecode.com/files/feeds.js"></script>
    <script src="http://wadahtutorial.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
    </script>
    </div>
    • Ganti Alamat wadahtutorial.blogspot.com dengan url / alamat blog Sobat.
    • Ganti https://html-scripts.googlecode.com/files/feeds.js dengan kode daftar isi dibawah ini :
      1. Berdasarkan Label :
        https://html-scripts.googlecode.com/files/feeds-labels.js
      2. Berdasarkan Tanggal :
        https://html-scripts.googlecode.com/files/feed-dates.js
      3. Berdasarkan Artikel terbaru :
        https://html-scripts.googlecode.com/files/feeds.js
  • Klik tombol SAVE. Lalu lihat hasilnya di Blog Sobat.
Jika sobat ingin menampilkan daftar isi berdasarkan salah satu label di blog sobat silakan baca postingan Membuat Daftar Isi Label Tertentu.

Selamat mencoba dan semoga berhasil Membuat Daftar Isi Blogger.

Membuat Daftar Isi Blogger

Duplikat Konten (Duplicate Content) dalam sebuah blog tentu sangat tidak bagus untuk SEO, karena duplikat konten dapat mengurangi kualitas hasil pencarian, akibatnya, kekuatan SERP suatu halaman blog di search engine menjadi lemah, karena itu kita perlu mengetahui apakah pada blog kita terdapat duplikat konten.

Perlu di perjelas bahwa duplikat konten yang saya maksud adalah konten yang ada pada blog kita, bukan duplikat konten dengan blog orang lain, maksudnya kesamaan konten antara postingan kita dengan postingan blog lain, biasanya ini terjadi karena kebiasaan copy paste. Jika ini terjadi tentu akibatnya akan lebih parah lagi, bisa-bisa blog kita di hapus oleh Google. jadi buat Copaser "berhati-hatilah dalam mengcopy artikel orang lain".

Untuk mengetahui duplikat konten yang ada di blog, kita dapat menggunakan Webmasters tools dari Google. Berikut caranya :
  • Login ke Blogger.
  • Masuk ke Webmasters tools
  • Pilih blog yang ingin Sobat periksa.
    mengetahui duplikat konten
  • Klik Pengoptimalan > Penyempurnaan HTML.
    disana akan di beritahu laman yang bermasalah dan jumlahnya, lihat gambar.
    mengetahui duplikat konten
Untuk mengoptimalkan SEO sebaiknya perbaiki kesalahan yang ada pada blog sobat, baik itu duplikat meta tag, duplikat meta deskripsi, ataupun masalah lainnya.

Sekian dulu artikel kali ini, untuk selanjutnya akan kita bahas Cara Mengatasi Duplikat Konten.

Cara Mengetahui Duplikat Konten (Duplicate Content)

Pada kesempatan kali ini saya akan berbagi tentang tutorial membuat daftar isi berdasarkan salah satu label pada blog. Maksudnya gini, pada sebuah postingan biasanya kita tautkan pada sebuah Label, dan pada postingan yang lain kita menggunakan label yang lain, artinya terdapat beberapa label pada blog kita, dan kita ingin membuat daftar isi yang berisi hanya postingan dari salah satu label tersebut.

Untuk Membuat Daftar Isi Label Tertentu, Sobat dapat mengikuti tutorial berikut :

* Untuk Widget :
  • Login ke dashboard blogger.
  • Klik pada Tata Letak > Tambah Gadget.
  • Pilih HTML/Java Script
    membuat daftar isi
  • Lalu isikan kode berikut :
    <script src='http://html-scripts.googlecode.com/files/feedlabels.js'/></script>
    <script src="http://wadahtutorial.blogspot.com/feeds/posts/summary/-/Blogger Templates?max-results=10&alt=json-in-script&callback=recentpostslist"></script>
    Keterangan :
    wadahtutorial.blogspot.com ganti dengan alamat blog Sobat.
    Blogger Templates ganti dengan Label yang ingin ditampilkan.
    10 ganti dengan jumlah postingan yang ingin di tampilkan.
  • Klik Save dan periksa blog Sobat.
* Untuk Halaman :
  • Login ke blogger Anda, kemudian buat sebuah halaman dengan judul Daftar Isi.
  • Kemudian klik pada tab Edit HTML.
    membuat daftar isi
  • Lalu masukkan kode berikut :
    <div style="overflow:auto;height:450px;padding:10px;border:1px solid #eee">
    <script src='http://html-scripts.googlecode.com/files/feedlabels.js'/></script>
    <script src="http://wadahtutorial.blogspot.com/feeds/posts/summary/-/Blogger Templates?max-results=999&alt=json-in-script&callback=recentpostslist"></script>
    </div>
  • Klik tombol Preview / Pratinjau untuk melihat hasilnya, jika sudah benar klik Publish Page / Tayangkan Laman. Lalu buka Blog Sobat dan lihat hasilnya…
Demikian tutorial kali ini, selamat mencoba dan semoga berhasil Membuat Daftar Isi Label Tertentu.

Membuat Daftar Isi Label Tertentu

NofxSilver Template adalah template blogger gratis. Sama halnya dengan TB-Nofx template, template ini merupakan template yang ringan, hanya warnanya saja yang saya rubah, namun tidak mengurangi kesan sederhana pada template ini.

Template Features :
Platform TypeBlogger / Blogspot
Nama Template NofxSilver Blogger Template
Template Authorhttp://wadahtutorial.blogspot.com/
Instructions URL Cara Mengganti Template

Blogger Template

NofxSilver Blogger Template

Template Features
Platform TypeBlogger / Blogspot
Nama Template Eywo Blogger Template
DescriptionEywo Blogger Template adalah template blogger gratis yang ringan dengan 2 buah sidebar di sebelah kanan, space ads, minimalist, dan motif yang sederhana.
Template Authorhttp://wadahtutorial.blogspot.com/
Instructions URL Cara Mengganti Template

Blogger Template

Eywo Blogger Template

Rich Snippet Rating bintang berfungsi menampilkan Bintang lima untuk setiap artikel blog kita pada hasil pencarian di search engine Google, contohnya seperti gambar berikut Ini :
Rich Snippet Rating bintang

Sebenarnya saya belum mengerti betul apa kelebihan Rich Snippet, setidaknya pengaturan ini akan membuat hasil pencarian blog kita di Google tampak lebih professional karena dilengkapi rating meskipun itu buatan sendiri.

Untuk membuat Rich Snippet bintang 5, silahkan lakukan langkah berikut :
  • Login ke blogger.
  • Klik Template, Pilih Edit HTML dan lanjutkan.
  • Setelah itu centang Expand Widget Template.
  • Cari kode <data:post.body/>, gunakan Ctrl f pada browser anda untuk mencari.
  • Tepat di bawah kode <data:post.body/> masukkan kode berikut
      <b:if cond='data:blog.pageType == &quot;item&quot;'>
      <div style='margin-top: 30px; font-size: 11px; color:#777;'>
      <div itemscope='' itemtype='http://data-vocabulary.org/Review'>
      <center>Judul: <span itemprop='itemreviewed'><data:post.title/></span>;  Ditulis oleh <span itemprop='reviewer'><data:post.author/></span>;  Rating Blog: <span itemprop='rating'>5</span> dari 5</center>
      </div>
      </div>
      </b:if>
    Jika ada 2 kode <data:post.body/>, letakkan di bawah keduanya.
  • Terakhir klik Simpan Template
Untuk melakukan pengujian apakah pemasangan kode ini berhasil, silakan masuk ke halaman Google Rich Snippet Testing Tool. Pada halaman tersebut masukkan URL salah satu artikel anda ke dalam kotak yang bertuliskan "Enter a web page URL to see how it may appear in search results", Jika sudah memasukkan URL silahkan klik tombol Preview. Alat ini akan segera menampilkan contoh tampilan hasil pencarian blog anda di Google. Jika anda sudah melihat tampilan Rich Snippet yang disertai tanda bintang lima itu berarti pemasangan kode yang anda lakukan sudah berhasil.

Silakan di coba Sob, moga berhasil Menampilkan Rich Snippet Rating Bintang 5.

Menampilkan Rich Snippet Rating Bintang 5

Template Features
Platform TypeBlogger / Blogspot
Nama Template TBx2 Blogger Template
DeskripsiTBx2 Blogger Template adalah template blogger gratis yang ringan,  simple, motif yang sederhana, dilengkapi dengan social profiles seperti Facebook, twitter, Google plus, dll.
Template Authorhttp://wadahtutorial.blogspot.com/
Instruksi URL Cara Mengganti Template

TBx2 Blogger Template

TBx2 Blogger Template

Navbar (navigation bar) default dari blogger biasanya terletak pada bagian paling atas dari sebuah blog. Navbar ini sering kali di hapus oleh para blogger karena di anggap memiliki kode yang tidak valid atau error, di samping stylenya yang kurang memuaskan bagi para blogger.

Pada tutorial ini saya akan share cara untuk menghilangkan navbar blogger tersebut ataupun hanya sekedar menyembunyikannya saja.

Berikut salah satu caranya :
  • Masuk ke akun blogger anda
  • Klik pada Template. (jangan lupa backup dulu template anda, untuk menghindari sesuatu yang tidak diinginkan).
  • Selanjutnya, klik Edit HTML dan klik Proceed / Lanjutkan.
  • Beri tanda centang pada Expand Template Widget.
  • Cari kode ]]></b:skin>, lalu letakkan kode berikut diatas kode ]]></b:skin>
    #navbar-iframe {
    height:0px;
    visibility:hidden;
    display:none
    }
  • Terakhir klik Simpan Template.
Pada langkah di atas sobat sudah menyembunyikan / tidak menampilkan Navbar bawaan Blogger, namun pada template blog sobat masih terdapat kode dari Navbar tersebut.

Untuk cara kedua Menghilangkan Navbar bawaan Blogger, Sobat dapat melakukan langkah di bawah ini :
  • Sama seperti cara pertama. Masuk ke akun blogger anda
  • Klik pada Template.
  • Lalu klik Edit HTML dan klik Proceed / Lanjutkan.
  • Beri tanda centang pada Expand Template Widget.
  • Cari kode <body>, lalu letakkan kode berikut diatas kode <body>
    <script type='text/javascript'>
    <![CDATA[
    <!-- /*<body>*/ -->
    ]]>
    </script>
  • Simpan Template Anda.
  • Anda akan melihat gambar konformasi seperti di bawah ini.
    Menghapus / Menghilangkan Navbar Blogger
  • Klik Delete Widget untuk menghapus Navbar.
Jika Anda melakukan cara ini Anda juga akan menghapus Link Quick Edit gambar pensil, atau gambar kunci pas ama obeng di blog Sobat, namun cara ini sangat banyak mengurangi error pada blog.

Untuk cara ketiga dalam Menghapus / Menghilangkan Navbar Blogger, sama halnya dengan cara sebelumnya, cuma kode yang kita cari seperti dibawah ini :
 <b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'>
<b:widget id='Navbar1' locked='true' title='Navbar' type='Navbar'>
       bla...
       bla...
       bla...
</b:widget>
</b:section>
Jika sudah ketemu, hapus kode tersebut lalu Simpan Template Anda.

Silakan Anda pilih cara mana yang Sobat gunakan untuk Menghapus / Menghilangkan Navbar Blogger.

Menghapus / Menghilangkan Navbar Blogger

Kali ini saya ingin berbagi template gratis, TB-Nofx Blogger Template. Template ini bukan template yang keren, karena saya menjaga kesederhanaan pada template ini, namun template ini tergolong ringan karena hampir tidak menggunakan image.

Template Features :
Platform TypeBlogger / Blogspot
Nama Template TB-Nofx Blogger Template
Template Authorhttp://wadahtutorial.blogspot.com/
Instructions URL Cara Mengganti Template

Blogger Template

TB-Nofx Blogger Template

Template Details :
Platform TypeBlogger / Blogspot
Nama Template TB-Neat Blogger template
DeskripsiTB-Neat Blogger template adalah template blogger gratis dengan sidebar di sebelah kanan dengan motif sederhana, auto readmore, dan social profiles.
Template Authorhttp://wadahtutorial.blogspot.com/
Instruksi URL Cara Mengganti Template

Blogger Template


TB-Neat Blogger template

Share Buttons ini sangat bermanfaat buat blog karena dapat menjadi sarana bagi pengunjung untuk membagikan postingan kita ke situs-situs jejaring sosial. Share Buttons atau Tombol berbagi bawaan blogger terdiri atas Email, Blogger, Twitter, Facebook dan Google Plus.
Pada template hasil download biasanya tombol berbagi ini tidak di tampilkan, atau sengaja di hapus, karenanya kita harus melakukan beberapa langkah untuk menampilkan kembali share buttons bawaan blogger tersebut.

Buat sobat yang ingin menampilkan kembali share buttons bawaan blogger tersebut, silakan ikuti tutorial berikut:
  • Login ke blogger.com
  • Pada dashboard blogger, pilih Template.
  • Klik pada Edit dibagian bawah posting blog.
    Menampilkan Share Button
  • Beri centang pada Tampilkan Tombol Berbagi, lalu klik Simpan.
    Menampilkan Share Button
Silakan cek di blog sobat, jika share buttonsnya masih belum ada silakan lanjutkan ke langkah berikut :
  • Klik pada Template. Sebaiknya Backup Template sobat terlebih dahulu.
  • Selanjutnya, klik Edit HTML dan klik Proceed / Lanjutkan.
  • Beri tanda centang pada Expand Template Widget.
  • Cari kode <data:post.body/>, jika ada dua pilih yang kedua, lalu letakkan kode berikut di bawahnya :
    <div class='post-share-buttons'>
    <b:include data='post' name='shareButtons'/>
    </div>
    Sobat juga bisa meletakkan kode tersebut dibawah kode <div class='post-footer-line post-footer-line-1'/>, terserah anda mau meletakkan di mana.
  • Simpan Template, dan cek blog sobat.
Jika share buttons masih belum muncul, lanjutkan lagi ke langkah berikut :
  • Cari kode dibawah ini :
    <b:includable id='shareButtons' var='post'>

    bla,, bla,, bla,,,

    </b:includable>
  • Ganti dengan :
    <b:includable id='shareButtons' var='post'>
      <b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + &quot;&amp;target=email&quot;' expr:title='data:top.emailThisMsg' target='_blank'><span class='share-button-link-text'><data:top.emailThisMsg/></span></a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + &quot;&amp;target=blog&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=270,width=475\&quot;); return false;&quot;' expr:title='data:top.blogThisMsg' target='_blank'><span class='share-button-link-text'><data:top.blogThisMsg/></span></a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + &quot;&amp;target=twitter&quot;' expr:title='data:top.shareToTwitterMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + &quot;&amp;target=facebook&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a></b:if><b:if cond='data:top.showOrkutButton'><a class='goog-inline-block share-button sb-orkut' expr:href='data:post.sharePostUrl + &quot;&amp;target=orkut&quot;' expr:title='data:top.shareToOrkutMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToOrkutMsg/></span></a></b:if><b:if cond='data:top.showDummy'><div class='goog-inline-block dummy-container'><data:post.dummyTag/></div></b:if>
    </b:includable>
  • Simpan Template, dan cek blog sobat.
Jika sampai langkah ini share buttons masih belum muncul juga, Ane ga tau lagi tu template maunya apa?!?
Happy Blogging...

Menampilkan Share Buttons Bawaan Blogger

Cornert Blogger Template | Tutorial Blog

Template Features
Platform TypeBlogger / Blogspot
Nama Template Cornert Blogger Template
DescriptionCornert Blogger Template adalah template blogger gratis dengan sidebar di sebelah kanan, simple, ringan dan motif yang sederhana.
Template Authorwww.dotemplate.com
Instructions URL Cara Mengganti Template

Cornert Blogger Template

Cornert Blogger Template

Langsung saja Sob, berikut cara pasang tombol share G+1 :
  • Login ke Blogger
  • Klik Tata Letak > Tambah Gadget.
  • Lalu pilih Tombol +1.
    Memasang Tombol Share +1
  • Save dan lihat hasilnya.
Untuk Memasang Widget Google Plus melayang (floating), silakan ikuti tutorial berikut :
  • Login ke Blogger
  • Klik Template > Edit HTML.
    Memasang Tombol Share +1
  • Klik Lanjutkan.
    Memasang Tombol Share +1
  • Beri centang pada Expand Template Widget.
    Memasang Tombol Share +1
  • Cari kode </head> lalu letakkan kode berikut diatasnya.
    <script src='http://apis.google.com/js/plusone.js' type='text/javascript'/>
    untuk Blog berbahasa indonesia gunakan kode berikut.
    <script type="text/javascript" src="http://apis.google.com/js/plusone.js">
      {lang: 'id'}
    </script>
  • Cari kode ]]></b:skin>, lalu letakan kode berikut diatas kode ]]></b:skin>.
    #g_one { position:fixed;_position:absolute; bottom:0px; right:0px; clip:inherit; _top:expression(document.documentElement.scrollTop+ document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }
  • Selanjutnya cari kode </body> dan letakkan kode berikut di atasnya :
    <div id='g_one'>
    <g:plusone size='tall'/>
    </div>
  • Terakhir klik Simpan Template dan lihat hasilnya di blog sobat.
Segitu aja Sob, semoga bermanfaat...

Memasang Tombol Share +1

Langganan: Postingan (Atom)

Rocket

Rp250.000,-   Rocket SEKALI INSTALL DI BLOGSPOT RATUSAN PRODUK SIAP HASILKAN UANG Senjata Para Pebisnis Affiliate TAHUKAH ANDA BAHWA - Siapa...

Subscribe Our Newsletter