Tampilkan postingan dengan label Tutorial Blogspot. Tampilkan semua postingan
Tampilkan postingan dengan label Tutorial Blogspot. Tampilkan semua postingan

Menampilkan Postingan Blog di Google Plus

Diposting oleh Unknown on Senin, 19 November 2012

Menampilkan Postingan Blog di Google Plus | Tutorial Blog

Salah satu cara untuk meningkatkan traffic, popularitas, dan visibilitas blog yaitu dengan menampilkan postingan blog ke jejaring sosial, seperti Menampilkan Posting Blog ke Twitter dan Facebook, dan lain-lain.

Pada tutorial kali ini akan saya share cara untuk menampilkan postingan blog di Google plus, Google + merupakan salah satu jejaring sosial yang sedang berkembang saat ini, dengan menampilkan postingan di Google plus maka akan meningkatkan visibilitas blog di hasil pencarian Google.

Untuk dapat menampilkan postingan blog di Google plus, Sobat terlebih dahulu harus mengUpgrade profile Blogger Sobat ke profile Google plus, jika belum tau caranya silakan baca Upgrade Profile Blogger Ke Profile Google Plus.

Jika profile Blogger Sobat sudah di upgrade, untuk menampilkan postingan blog ke Google plus silakan ikuti tutorial berikut ini :
  • Masuk ke dashboard blogger, lalu klik Posts.
    Menampilkan Postingan Blog di Google Plus
  • Pilih Postingan yang ingin di tampilkan, pada bagian bawah postingan tersebut klik pada Share.
    Menampilkan Postingan Blog di Google Plus
  • Selanjutnya klik Bagikan.
    Menampilkan Postingan Blog di Google Plus
  • Postingan tersebut sudah di share di Google plus, silakan di cek di akun Google plus Sobat.
Gampang kan Sob, silakan di coba dan semoga berhasil Menampilkan Postingan Blog di Google Plus
More about → Menampilkan Postingan Blog di Google Plus

Menampilkan Photo Profil di Google Search

Diposting oleh Unknown on Selasa, 13 November 2012

Menampilkan Photo Profil di Google Search | Tutorial Blog

Fitur yang satu ini memang sangat menarik karena photo profil G+ kita akan tampil di hasil penelusuran Google. Caranya lumayan mudah kita cuma perlu melakukan settingan di akun Google Plus, kali ini saya akan share Cara Menampilkan Photo Profil di Google Search, memang agak repot dan munculnya di google juga sampai 3-4 hari setelah di setting.

Menampilkan Photo Google
Berikut Cara Menampilkan Photo Profil di Google Search :
  • Buat Halaman About Me atau Tentang Blog  atau apalah di blog Sobat, yang pasti pada halaman tersebut sobat sisipkan link Google Plus milik sobat, misal :
    <a href="https://plus.google.com/nomor-id-google-plus/" rel="author" target="_blank"> Akun Google Plus </a>
    Ini bertujuan agar link profil G+ anda tampil di semua posting blog, sehingga akan mempercepat terindex.
  • Login ke plus.google.com, lalu klik ikon Profil.
    Menampilkan Photo Google
  • Klik Edit Profil.
    Menampilkan Photo Google
  • Pada bagian bawah Klik Kontributor untuk.
    Menampilkan Photo Google
  • Klik Tambahkan tautan khusus.
  • Isi Label dengan nama Blog Sobat.
  • Pada URL masukkan alamat Blog Anda.
  • Klik Simpan.
    Menampilkan Photo Google
  • Selanjutnya masuk ke Edit HTML Templete sobat dan letakkan kode berikut Setelah kode <head>
    <link href='https://plus.google.com/116336255430619189673' rel='author'/>
    <link href='https://plus.google.com/116336255430619189673' rel='publisher'/>
    Ganti 116336255430619189673 dengan kode profil G+ Anda.
  • Selesai.
Untuk Memeriksa berhasil atau tidak silahkan cek di richsnippets, masukkan url blog/site kamu. misal, http://wadahtutorial.blogspot.com/.

Selamat mencoba dan semoga berhasil Menampilkan Photo Profil di Google Search.
More about → Menampilkan Photo Profil di Google Search

Upgrade Profile Blogger Ke Profile Google Plus

Diposting oleh Unknown on Minggu, 11 November 2012

Upgrade Profile Blogger Ke Profile Google Plus | Tutorial Blog

Upgrade Profile Blogger
Google+ adalah salah satu social media yang terus berkembang, dan hebatnya lagi, memiliki keunggulan dalam hal peningkatkan visibilitas di hasil pencarian Google.
Pada Tutorial kali ini saya akan berbagi cara meng-Upgrade Profile Blogger Ke Profile Google Plus. Dengan meng-Upgrade Profile Blogger kita mendapatkan beberapa manfaat, antara lain :
  • Menambah jumlah teman di Google Plus dengan cepat.
  • Meningkatkan traffic blog.
  • Interaksi antara kita dan pengunjung blog kita sangat penting, maka menggunakan akun Google plus menjadi salah satu solusi yang tepat.
  • Kita dapat dengan mudah berbagi posting, juga menshare artikel kita pada google plus. Share box secara otomatis akan muncul ketika Anda mempublikasikan posting, Anda dapat segera berbagi konten dengan orang lain.
  • Sobat bisa membuat efek bintang google snippet, atau menambah photo Anda di sebelah kiri hasil penelusuran google.
Jika sobat tertarik untuk meng-upgrade profile blogger ke Profile Google Plus, silahkan ikuti langkah-langkah berikut :
  • Login blogger
  • Pada dashboard blogger pilih Google+
    Upgrade Profile Blogger
  • Lalu Klik upgrade to Google+.
    Upgrade Profile Blogger
  • Centang pada kotak I've read the above and ....... lalu Klik switch now.
    Upgrade Profile Blogger
  • Kemudian Klik Add Blogs.
    Upgrade Profile Blogger
  • Selesai.
Silakan di coba Sob, semoga berhasil.
More about → Upgrade Profile Blogger Ke Profile Google Plus

RSS Feeds Dari Google Plus

Diposting oleh Unknown on Rabu, 07 November 2012

RSS Feeds Dari Google Plus | Tutorial Blog

Google Plus merupakan salah satu jaringan sosial yang sedang ramai di gunakan oleh blogger-blogger untuk sekedar mencari teman atau untuk mempromosikan artikel blog. Saya akan berbagi tentang RSS feed dan perangkat gratis untuk menambahkan fitur di jaringan Google Plus. Ini akan mempermudah membaca RSS Feeds melalui Google+ to RSS.

Google+ RSS-Feeds

Google+ to RSS adalah alat online gratis yang memungkinkan sobat menghasilkan RSS feed dari Google+ akun sobat. 
Berikut cara mendaftar di Google+ to RSS :
  1. Masuk ke akun Google Sobat.
  2. Silahkan sobat kunjungi situs Google+ to RSS.
  3. Pada halaman awal klik Login Via Google +.
    Google  to RSS
  4. Lalu Klik Izinkan Akses.
    Google  to RSS
  5. Setelah selesai, maka Google+ to RSS otomatis akan membuat RSS feed dan lihat hasil RSS dari Google Plus.
Silahkan dicoba dulu Sob, dan semoga berhasil.
More about → RSS Feeds Dari Google Plus

Tips Menampilkan Smiley Pada Postingan Blogger

Diposting oleh Unknown on Minggu, 12 Februari 2012

Menampilkan Smiley Pada Postingan Blogger | Tutorial Blog

Sebenarnya sudah banyak postingan dari para blogger master tentang Menampilkan Smiley Pada Postingan, namun tidak ada salahnya saya memposting ini, kali aja masih ada yang belum tau.

Trik ini dapat membuat tampilan postingan sobat menjadi lebih menarik, karena kita dapat menampilkan pic smile seperti Menampilkan Smiley Pada Postingan,Menampilkan Smiley Pada Postingan,Menampilkan Smiley Pada Postingan, Smiley, Smiley, Smiley, Smiley dan lain lain.
Caranya gampang Sob, silakan ikuti tutorial berikut :
  • Login ke blogger trus pilih Layout > Edit HTML.
  • Beri tanda centang pada Expand Widget Templates.
  • Cari kode ini ]]></b:skin> .
  • Masukkan script berikut ini dibawah kode ]]></b:skin>
    <script src='http://wadah-tutorial.googlecode.com/files/ysmileys.js' type='text/javascript'/>
  • Terakhir klik Save Template. Selesai...
Berikut beberapa kode yang dapat Anda gunakan :
:DMenampilkan Smiley Pada Postingan:PMenampilkan Smiley Pada Postingan
:)Menampilkan Smiley Pada Postingan;)Menampilkan Smiley Pada Postingan
:-S Menampilkan Smiley Pada Postingan:-B Menampilkan Smiley Pada Postingan
:-h Menampilkan Smiley Pada Postingan:-a Menampilkan Smiley Pada Postingan
:xMenampilkan Smiley Pada Postingan:(Menampilkan Smiley Pada Postingan
:-t Menampilkan Smiley Pada Postingan:-bdMenampilkan Smiley Pada Postingan
:-c Menampilkan Smiley Pada Postingan:-*Menampilkan Smiley Pada Postingan
8-7Menampilkan Smiley Pada Postingan8-|Menampilkan Smiley Pada Postingan
7:PMenampilkan Smiley Pada Postingan=D7Menampilkan Smiley Pada Postingan
8-}Menampilkan Smiley Pada PostinganX(Menampilkan Smiley Pada Postingan
Sebenarnya masih ada beberapa kode lagi, berhubung saya sudah lupa jadi segitu dulu, jika ada yang mau menambahkan silakan tulis di kolom komentar.
Selamat mencoba dan semoga berhasil...
More about → Tips Menampilkan Smiley Pada Postingan Blogger

Tips Menampilkan Thread Comment pada Custom Template

Diposting oleh Unknown on Rabu, 01 Februari 2012

Menampilkan Thread Comment pada Custom Template | Tutorial Blog

Thread Comment merupakan fitur baru dari blogger yang telah resmi diluncurkan pada 12 januari yang lalu, fitur ini otomatis berlaku pada blog yang menggunakan tampilan dynamic views, jadi untuk tampilan klasik dan custom template fitur ini tidak otomatis di tampilkan.

Pada postingan kali ini saya akan membuat tutorial tentang cara Menampilkan Thread Comments pada Custom Template, trik ini terbukti berhasil pada template saya ini, walaupun pada template saya sebelumnya trik ini malah mambuat halaman posting saya hilang, jadi sebaiknya backup dulu template Anda sebelum di edit.
Berikut cara Menampilkan Thread Comment pada Custom Template :
  • Login ke Blogger, Klik Design/Rancangan > Edit HTML.
    Menampilkan Thread Comment pada Custom Template
  • Beri tanda centang pada Expand Template Widget.
    Menampilkan Thread Comment pada Custom Template
    Tips : Biasakan mendownload template untuk membackup template sebelum di edit.
  • Cari kode <b:include data='post' name='comments'/>, pada template saya kode tersebut ada 4 dan saya ganti semua dengan kode berikut :
              <b:if cond='data:post.showThreadedComments'>
                <b:include data='post' name='threaded_comments'/>
              <b:else/>
                <b:include data='post' name='comments'/>
              </b:if>
  • Terakhir klik Save / Simpan Template.
    Menampilkan Thread Comment pada Custom Template
Silakan dicoba Sob, semoga Anda berhasil Menampilkan Thread Comment pada Custom Template.
More about → Tips Menampilkan Thread Comment pada Custom Template

Tips Menampilkan Widget Hanya di HomePage

Diposting oleh Unknown on Kamis, 26 Januari 2012

Menampilkan Widget Hanya di HomePage | Tutorial Blog

Trik ini dapat Sobat gunakan jika Anda ingin Menampilkan Widget Hanya di HomePage, jadi widget tidak akan muncul pada halaman posting, halaman label, dan halaman yang lainnya, karena widget hanya akan muncul pada halaman utama saja. Jika Sobat ingin kebalikannya atau widget tidak akan muncul pada halaman utama (Home Page), Sobat dapat mengikuti tutorial Menyembunyikan Widget di HomePage.
Jika Sobat hanya ingin menyembunyikan widget dari postingan saja, silakan baca Menyembunyikan Widget pada Halaman Posting.
Untuk cara Menampilkan Widget Hanya di HomePage, berikut tutorialnya :
  • Login ke Blogger, Klik Design/Rancangan > Edit HTML.
    Menampilkan Widget Hanya di HomePage
  • Beri tanda centang pada Expand Template Widget.
    Menampilkan Widget Hanya di HomePage
    Tips : Biasakan mendownload template untuk membackup template sebelum di edit.
  • Cari ID widget yang ingin di edit, misal HTML1, HTML2, HTML3, Label1, HTML9, PopularPosts1, dan lain lain.
    Untuk mengetahui ID widget tersebut silakan baca Cara Mengetahui ID Widget Blogger.
  • Lalu tambahkan kode berikut pada kode widget tersebut.
    Kode :
    <b:if cond='data:blog.url == data:blog.homepageUrl'>

    KODE WIDGET

    </b:if>
    Untuk lebih jelasnya lihat kode berikut :
    Kode :
    <b:widget id='HTML7' locked='false' title='' type='HTML'>
    <b:includable id='main'>
    <b:if cond='data:blog.url == data:blog.homepageUrl'>
    <!-- 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:if>
    </b:includable>
    </b:widget>
    Ket : Kode yang berwarna merah adalah kode yang di tambahkan.
  • Terakhir klik Save / Simpan Template.
    Menampilkan Widget Hanya di HomePage
Sekian tutorial tentang Menampilkan Widget Hanya di HomePage.
More about → Tips Menampilkan Widget Hanya di HomePage

Membuat Tombol Home Melayang

Diposting oleh Unknown on Minggu, 08 Januari 2012

Membuat Tombol Home Melayang | Tutorial Blog

Sebelumnya saya pernah posting tentang Membuat Tombol Back To Top, pada postingan kali ini saya akan berbagi cara Membuat Tombol Home page dan Reload page Melayang.
Langsung saja Sob, berikut caranya :

  • Login ke Blogger, Klik Design/Rancangan > Edit HTML.
    Membuat Tombol Home Melayang
  • Beri tanda centang pada Expand Template Widget.
    Membuat Tombol Home Melayang
    Tips : Biasakan mendownload template untuk membackup template sebelum di edit.
  • Copy kode berikut dan pastekan di atas ]]></b:skin>
    #floating-home {
    position:fixed;_position:absolute;top:280px; left:0px; clip:inherit;
    _bottom:expression(document.documentElement.scrollTop+
    document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }
    #floating-home a
    {
    filter:alpha(opacity=65);
    -moz-opacity:0.65;
    opacity:0.65;
    border:0;
    }
    #floating-home img
    {
    border:0;
    }
    #floating-home a:hover
    {
    filter:alpha(opacity=100);
    -moz-opacity:1;
    opacity:1;
    }
  • Kemudian cari kode <body>, dan paste kode berikut dibawah <body> :
    <div id='floating-home'>
    <div><a expr:href='data:blog.homepageUrl' title='Home'><img alt='Home' src='http://i1193.photobucket.com/albums/aa345/bakulatz/Arsiv/home-i.png'/></a></div>
    <div><a href='#' onClick='window.location.reload()' title='Reload page'><img alt='Reload page' src='http://i1193.photobucket.com/albums/aa345/bakulatz/Arsiv/refresh.png'/></a></div>
    </div>
  • Terakhir klik Save / Simpan Template.
    Membuat Tombol Home Melayang
Silakan dicoba Sob,,, dan semoga berhasil Membuat Tombol Home Melayang.
More about → Membuat Tombol Home Melayang