Sintia

Tampilkan postingan dengan label memasang. Tampilkan semua postingan

Kamis, 20 Februari 2014

Cara mudah memasang script fanpage di blog

Cara mudah memasang script fanpage like box di blog

1. Sobat harus memiliki akun facebook, baca cara membuat akun facebook
2. Sobat harus memiliki halaman fanpage facebook, baca cara membuat halaman fanpage di facebook
3. Jika sudah, sobat bisa langsung menuju ke link berikut : https://developers.facebook.com/docs/reference/plugins/like-box/
4. Masukkan URL Facebook fanpage sobat
5. Tentukan ukuran width (lebar) hight (tinggi), show face, show stream, show header. Lihat gambar untuk pengaturan yang saya gunakan.

6. Kalau sudah, klik get code.
7. Pilih yang IFRAME saja, pengalaman saya menggunakan IFRAME lebih mudah.

8. Copy code tersebut dan paste di gadget sobat. Klik Menu rancangan --> Add Gadget, pilih yang HTML/JavaScript lalu paste kode yang dicopy kemudian klik SAVE.

Sumber : http://ztz-rezeptor.blogspot.com/2012/04/cara-mudah-memasang-script-fanpage-like.html

ReadFull Article ..

Kamis, 28 November 2013

Cara Memasang Tombol Share Di Bawah Postingan Facebook Twitter Google Dll

Tombol share di bawah postingan

Banyak hal yang perlu Anda lakukan untuk meningkatkan pengunjung blog Anda. Saat ini Anda perlu berterimakasih kepada situs-situs jejaring sosial karena dengan itu Anda dapat mempromosikan dan berbagi website/ blog Anda kepada kalangan yang lebih luas. Pada artikel saya kali ini akan membahas bagaimana cara memasang tombol share dari addthis di bawah postingan Anda. Saya akan menyediakan berbagai macam script tombol share dan Anda dapat memilih mana yang Anda ingin pasang di website Anda. Tombol share yang saya sediakan diantaranya Facebook like, Twitter, Google+, Pinterest, LinkedIn, Stumbleupon, dan satu tombol yang memuat semuanya. Baiklah langsung saja saya tunjukkan caranya.

Artikel lain yang mungkin Anda inginkan: Cara Memasang Tombol Share Melayang di Blog

Cara Memasang Tombol Share Di Bawah Postingan

Login ke akun Blogger Anda kemudian masuk ke Template
Backup dulu template Anda bila perlu
Klik Edit HTML dan centang Expand Widget Templates
Cari kode ini (gunakan CTRL + F untuk memudahkan pencarian)

<data:post.body/>

Kemudian letakkan kode di bawah ini tepat di bawah kode <data:post.body/> itu

<div class=addthis_toolbox addthis_default_style >
<a class=addthis_button_facebook_like fb:like:layout=button_count/>
<a class=addthis_button_tweet/>
<a class=addthis_button_google_plusone g:plusone:size=medium/>
<a class=addthis_button_pinterest_pinit/>
<a class="addthis_button_linkedin_counter"/>
<a class=addthis_button_stumbleupon_badge/>
<a class=addthis_counter addthis_pill_style/>
</div>
<script src=//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-5064705719d41eef type=text/javascript/>

Catatan: Apabila kode <data:post.body/> ada dua, letakkan kode di atas tepat di bawah kode kedua. Anda juga dapat menghapus tombol share yang tidak Anda inginkan dengan cara menghapus 1 baris kode yang berwarna kuning. Misalkan Anda tidak menginginkan tombol LinkedIn maka Anda hapus kode <a class="addthis_button_linkedin_counter">.

Simpan Template Anda dan lihatlah perubahannya pada blog Anda.

Sekarang pengunjung Anda dapat dengan bebas membagikan Artikel Anda, dengan begitu pengunjung dan traffic website/blog Anda akan meningkat. Sekian postingan dari saya kali ini dan nantikan postingan menarik selanjutnya dari D-Genera Blog.

ReadFull Article ..

Senin, 25 November 2013

Cara Memasang Tombol Google di Blogger

Saya yakin pembaca setia blog ini tidak kesulitan untuk memasang tombol Google+ (G+), tapi tidak semua juga mengerti caranya, terlebih yang baru belajar ngeblog. Selain itu disini saya juga mencoba menjelaskan secara rinci dari beberapa masalah yang kadang membuat tombol Google+ tidak bekerja sebagaimana mestinya. Jadi silahkan luangkan waktu sejenak untuk belajar tutorialnya dibawah ini:

Langkah memasang tombol G+ sangat mudah silahkan ikuti tutorial dibawah ini

Silahkan memasang Script dibawah ini atas Tag </body>

<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>

Kemudian anda bisa memasang tombol G+ dimana saja dengan menambahkan kode dibawah ini.


<g:plusone size="small"></g:plusone>

Cara memasang tombol G+ diatas sebenarnya sudah selesai, tapi jika anda ingin menambahkan kode yang lebih rinci anda bisa mencoba beberapa script dibawah ini:

Tombol G+ dengan ukuran Standar (24 piksel)
<g:plusone></g:plusone>

Tombol G+ dengan ukuran Kecil (15 piksel)
<g:plusone size="small"></g:plusone>

Tombol G+ dengan ukuran Sedang (20 piksel)
<g:plusone size="medium"></g:plusone>

Tombol G+ dengan ukuran Tinggi (60 piksel)
<g:plusone size="tall"></g:plusone>

Tombol G+ Untuk HTML5

<div class="g-plusone" data-size="standard" data-count="true"></div>

Anda juga dapat membuat custom tombol G+ sendiri

<script type="text/javascript" src="https://apis.google.com/js/plusone.js">
  {"parsetags": "explicit"}
</script>
<script type="text/javascript">
  function renderPlusone() {
    gapi.plusone.render("plusone-div");
  }
</script>
<body>
  <a href="#" onClick="renderPlusone();">Render the +1 button</a>
  <div id="plusone-div"></div>
</body>

Custom Tombol G+ dengan URL khusus

<!-- customized for a specific address -->
<g:plusone href="https://plus.google.com/108442421331149025926"></g:plusone>

Untuk customize tombol G+ saya menyarankan anda memasukan url dari Google+ profile atau halaman (page) G+ yang sudah ada buat, lihat tutorialnya disini

Cara pasang Tombol G+ disebelah Tombol Facebook (dalam halaman posting)
<span style=float:left; width:65px;>
<g:plusone expr:href=data:post.url size=medium/>
</span>
<iframe allowTransparency=true expr:src="http://www.facebook.com/plugins/like.pjumpjhp?href=" + data:post.url + "&layout=button_count&show_faces=false&width=100&action=like&font=arial&colorscheme=light" frameborder=0 scrolling=no style=border:none; overflow:hidden; width:110px; height:30px;/>
</div>

Kode standar Google+ tidak bekerja pada postingan dalam lingkup halaman home (index).
Pada halaman Posting dengan menggunakan kode <G:Plusone/> biasanya tidak terjadi masalah, tapi saat kalian mencoba memasang tombol G+ yang ditujukan pada halaman post yang letaknya berada dalam halaman utama ini biasanya bermasalah karena G+ setahu saya tetap akan mendeteksi sebagai halaman index bukan sebagai halaman post. Untuk mengatasi masalah ini silahkan mencoba menggunakan kode ini <g:plusone expr:href=data:post.url/>

ReadFull Article ..

Sabtu, 23 November 2013

Cara Memasang Meta Tag Robot Blogspot

Meta adalah elemen atau tag dalam bahasa pemrograman HTML atau XHTML yang dipakai untuk mengaplikasikan metadata dalam suatu halaman web dan biasanya diletakan pada bagian antara <head> dan </head>. Tag meta ini dapat dipakai juga untuk menyatakan deskripsi/keterangan dari suatu halaman web dan untuk menjelaskan mengenai kata kunci (keyword) yang terkait serta untuk metadata lain.

Berikut saya tuliskan meta tag robot yang wajib dipasang di blog :

Cara pemasangan :

1. Login Blogger, masuk ke Layout / Tata Letak

2. Klik Edit HTML, beri chek pada Expand Template Widget

3. Copy kode diatas dan letakan tepat dibawah kode <head>

4. Simpan Template

Note :Jangan menuliskan keyword yang tidak termasuk dalam isi materi blog. Sebagai contoh misal judul blog Anda "Belajar Komputer" dan keyword yang dipakai misalnya info kesehatan, mp3 gratis, 3gp hot, cicak vs buaya, info arus mudik, belajar beladiri, cara jadi maling, belajar nangkap nyamuk dan sebagainya terus isi postingannya info tentang harga sayur mayur,cara beternak itik dan aneh-aneh yang lain, hal ini menjadikan mesin perayap (baca: crawler) mbah google kebingungan dan juga dapat menambah resiko postingan masuk google sandbox. Seperti pengalaman terdahulu, saya pasang semua keyword namun hasilnya justru banyak postingan yang tidak terindeks oleh Search Engine.

Untuk pemsangan Tag Meta lain lakukan bila Anda submit blog ke situs direktori submission, biasanya situs ini akan memerintahkan untuk memasang tag meta sebagai verifikasi keanggotaan. Demikian tips yang bisa saya sampaikan semoga bisa bermanfaat.

ReadFull Article ..

Rabu, 06 November 2013

Memasang Feedjit untuk mengontrol aktivitas pengunjung

Trik blogspot - Mungkin bagi anda para blogger yang sudah lama berkecimpung di dunia blogger, istilah ini sudah tidak asing lagi. Feedjit merupakan salah satu situs penyedia layanan real time traffic widget bagi pengguna blog. Dengan feedjit anda dapat mengetahui dari mana asal pengunjung, bagaimana mereka mengunjungi blog anda (melalui search engine, blog direktori, facebook, atau lainnya) dan kapan mereka datang serta meninggalkan blog anda. Semua data tersebut tercantum lengkap dalam widget feedjit. dengan kata lain, anda dapat mengetahui aktivitas pengunjung ketika berada di blog anda.

Nah bagi anda yang tertarik untuk mencoba layanan ini silahkan ikuti langkah-langkah berikut untuk memasang widget Feedjit di blog anda:

1. Buka situsnya di sini!

2. Pada halaman utama, masukkan nama dan alamat email anda pada kotak yang disediakan kemudian tekan tombol Get Free Live Traffic Feed.

3. Setelah itu anda akan dibawa kehalaman seperti berikut.

Select a color scheme: Pilih pola warna yang anda inginkan
Customize your color scheme: Atur sendiri kombinasi warna yang anda inginkan
Select widget width: Pilih lebar widget yang anda inginkan
Feedjit advanced options: Opsi tambahan dari Feedjit. Opsi ini hanya berlaku bagi pengguna berbayar. Namun anda bisa mencobanya secara gratis dengan mengklik Sign-up for a free to get access
Install Feedjit on my: Pilih Other blog or website

4. Kemudian klik tombol Go!

5. Copy semua kode dalam kotak lalu buka blogger.

6. Klik menu Design > Page elements

7. Klik Add a Gadget > HTML / Javascript

8. Paste kodenya kedalam kotak dan klik Save. Selesai

Goodluck!!

ReadFull Article ..