Cara Memasang Gambar Cinta Produk Indonesia di Blog
1:45 AM Tutorial Blogspot 0 Comments
Cara Memasang Gambar Cinta Produk Indonesia di Blog - Memasang Gambar Cinta Produk Indonesia Di Blog, banyak produk Indonesia yang mempunyai kualitas export terbaik, namun masih ada orang indonesia yang tidak merasa bangga memakai produk dalam negeri, baginya dengan memakai produk luar negeri suatu kebanggaan tersendiri. Padahal pada kenyataannya masih banyak produk indonesia yang tak kalah bagusnya dengan kualitas yang patut di acungkan jempol.
Nah bagi para pembisnis dunia online yang mencintai produk dalam negeri,
anda dapat mengajak konsumen anda untuk lebih mencintai produk dalam
negeri dengan cara memasang gambar cinta produk indonesia di blog maupun
di website millik anda.
Dengan Memasang Gambar Cinta Produk Indonesia di Blog maka anda
telah ikut berpartisipasi untuk menyadarkan orang orang indonesia bahwa
produk dalam negeri mempunyai kualitas yang terbaik.
Nah bagi sahabat yang ingin Memasang Gambar Cinta Produk Indonesia di Blog novry930_arsita
akan memberikan tutoial cara memasang gambar cinta produk indonesia.
Gambar yang akan sundaboy share merupakan gambar animasi sederhana yang
dibuat oleh saya sendiri. apabila sahabat ingin menggantinya silahkan
tinggal mengganti dengan gambar milik sahabat sendiri. Berikut Gambarnya
:

1. Login ke blogger
2. Pilih Tata Letak >> Add Widget >> HTML/Javascript
3. Copy salah satu kode script dibawah ini lalu pastekan kedalam widget
Gambar di Pojok Kiri Atas
Gambar di Pojok Kanan Atas
Gambar di Pojok Kiri Bawah
Gambar di Pojok Kanan Bawah
4. Setelah itu silahkan simpan dan lihatlah hasilnya.
Nah sekarang blog sahabat sudah terpasang Gambar Cinta Produk Indonesia di Blog. Majulah dan dukunglah produk produk dalam negeri. apabila dirasa artikel ini bermanfaat sahabat boleh share kembali kepada teman teman blogger lainnya. sekian dan terimakasih.
Membuat Translate This Blog Dengan Sebuah generator (Update)
1:14 AM Tutorial Blogspot 0 Comments
Widget Populer
Berikut Tampilan barunya :
Translate This Blog
Untuk membuatnya anda tinggal mendaftarkan blog anda, di :
http://adhy.yn.lt/create
- Isi dengan nama Judul blog dan alamat blog anda kemudian klik Create
- Copy paste Kode htmlnya (Cari trnaslate this blog Pada baris ke2)
- Masuk Mywapblog, Pilih navigasi Menu dan pastekan kode tersebut
- Dan lihat hasilnya
Selamat Mencoba
Cara Memasang Musik di Blog
12:40 AM Tutorial Blogspot 0 Comments
Selain itu, beberapa riset membuktikan bahwa musik dapat membuat
seseorang menjadi lebih tenang, selain rasa tenang musik juga mampu
memberikan kegembiraan tersendiri bagi para pendengarnya, dan hal yang
sama juga terjadi pada blog kita, saat kita mengunjungi sebuah blog dan
disana dipasang lagu yang cocok, maka kita akan betah berlama-lama
berada di blog tersebut. Hal ini tentuya menjadi nilai plus pada Rank di
Alexa, yang mana tentunya akan banyak visitor yang mengunjungi blog
kita dan betah berlama-lama berada disana. Dan bagi anda yang saat ini
ingin memasang musik pada blog agar blognya lebih menarik, dengan
memasang musik atau lagu yang bisa anda pilih sendiri.
Berikut ini kami bisikan langkah-langkahnya.
-
Langkah yang pertama, terkebih dahulu buka browser browser paada komputer anda.
-
Kemudian masuk pada dashboard dari akun blog. Caranya, bisa dilakukan
dengan buka alamat “blogger.com”. dan masuk dengan menggunakan akun
gmail yang anda buat untuk mendaftar akun blog di artikel yang telah
kami bisikan sebelumnya yakni Cara Membuat Blog dengan Mudah dan Cepat.
Selanjutnya tekan tombol Masuk, agar anda bisa diarahkan masuk ke
dashboard blog.
-
Selanjutnya, cari salah satu script untuk dapat memutar lagu pada
blog. Berikut ini link yang bisa anda kunjungi
http://www.divine-music.info.
-
Dengan membuka link ini akan muncul beberapa artis dan anda bisa
memilih lagu/musik mana yang ingin anda putar di blog, yang nantinya
musik/lagu tersebut akan dimainkan saat orang lain mengunjungi situs
anda.
-
Jika salah satu artis sudah dipilih, maka anda akan diarahkan pada
halaman kode HTML dari setiap lagu. Terlebih dahulu pilih lagu mana yang
anda inginkan.
-
Dan apabila lagu sudah ditemukan, copy kan semua scrip HTML yang terdapat pada kolom disana.
-
Kemudian letakan, script HTML tersebut di blog. Yakni dengan cara
kembali ke dashboard blogger> Tata Letak> tambahkan gadget pada
kolom yang anda inginkan.
-
Selanjutnya, pada halaman jendela browser yang baru pilih kategori
HTML/JavaScript. Disinilah script yang anda copy tadi bisa di
paste-kan.
-
Dan jangan lupa untuk memberikan judul, apabila sudah selesai tekan tombol simpan.
-
Untuk dapat melihat perubahan klik tombol “Lihat Blog” dan kini anda bisa mendengar sebuah lagu diputar pada blog anda. Hal yang sama akn terjadi saat orang lain mengunjungi blog anda.
Cara Memasang Widget Alexa Traffic Rank Pada Blog
12:29 AM Tutorial Blogspot 0 Comments
Blog, Marhaban bikum kawan juga selamat jumpa lagi di blog saya ini semoga hari ini lebih baik dari kemarin, amiin..
Mungkia anda belum tahu tentang pungsi alexa traffic rank dan kegunaannya,oke saya akan jelaskan disini.
Alexa Rank adalah sebuah alat tool atau layanan list ranking suatu blog yang berdasarkan suatu blog itu sendiri.Di bilang penting tool ini ya sangat penting juga, karena kita tahu bahwa traffic alexa sangat mempengaruhi Popularitas dan juga perkembangan dari suatu website/blog,khususnya di mata search engine terhadap naunganblog kita.
Alexa akan selalu memonitoring, mendata dan memperbaharui aktivitas website/blog kita sesuai dengan perkembangan yang terjadi terhadap blog kita, apakah semakin maju akan berkualitas atau justru sebaliknya.Semakin tinggi rank kita di alexa maka semakin tinggi pula indeks pencarian blog kita di search engine.jadi kita harus bisa bagaimana cara agar traffik kita tetap ramping, itulah sekilas tentang pengertian Alexa Rank.
Oke kita lanjut dengan Novry930_Arsita Blog Informasi / Tentang - Cara Memasang Widget Alexa Traffic Rank Pada Blog, apa yang harus kita lakukan ...?
1 . Langsung saja masuk ke situs Alexas Widgets disitu akan muncul kolom form dan anda bisa mengisikan alamat URL website/blognya.
Bisa dilihat contoh gambar dibawah ini
Mungkia anda belum tahu tentang pungsi alexa traffic rank dan kegunaannya,oke saya akan jelaskan disini.
Alexa Rank adalah sebuah alat tool atau layanan list ranking suatu blog yang berdasarkan suatu blog itu sendiri.Di bilang penting tool ini ya sangat penting juga, karena kita tahu bahwa traffic alexa sangat mempengaruhi Popularitas dan juga perkembangan dari suatu website/blog,khususnya di mata search engine terhadap naunganblog kita.
Alexa akan selalu memonitoring, mendata dan memperbaharui aktivitas website/blog kita sesuai dengan perkembangan yang terjadi terhadap blog kita, apakah semakin maju akan berkualitas atau justru sebaliknya.Semakin tinggi rank kita di alexa maka semakin tinggi pula indeks pencarian blog kita di search engine.jadi kita harus bisa bagaimana cara agar traffik kita tetap ramping, itulah sekilas tentang pengertian Alexa Rank.
Oke kita lanjut dengan Novry930_Arsita Blog Informasi / Tentang - Cara Memasang Widget Alexa Traffic Rank Pada Blog, apa yang harus kita lakukan ...?
1 . Langsung saja masuk ke situs Alexas Widgets disitu akan muncul kolom form dan anda bisa mengisikan alamat URL website/blognya.
Bisa dilihat contoh gambar dibawah ini
2 . Isi form dengan alamat blog anda dan klik Built Widget,kemudian
lihat hasilnya,untuk selanjutnya coppypaste kode yang tercantum tinggal
pilih ukuran sesuai kehendak anda,bisa dilihat dibawah ini gambar
buttonnya.
3 . Cara Memasang Widget Alexa Traffic Rank Pada Blog, Kemudian masuk ke blog dengan account anda dibagian dashboard pilih layout dan klik tambah widget dan simpan kode button alexa sesuka hati mu.
Saya cukupkan sampai disini dulu semoga artikel ini bermanfaat buat anda sekalian.
Saya cukupkan sampai disini dulu semoga artikel ini bermanfaat buat anda sekalian.
Cara Memasang Power Saving Mode di Blog
11:57 PM Tutorial Blogspot 0 Comments
Oke bagamaimana bagus bukan, untuk menghemat Daya PC Laptop pengunjung blog dan sobat sendiri. Langsung saja kita ke TKP....
Berikut Cara Memasang Power Savign Mode Di Blog:
1. Log in blogger kemudian masuk ke Template kemudian Edit HTML.
2. Kemudian cari tag </head> , agar lebih cepat mencarinya gunakan CTRL+F.
3. Paste script di bawah ini tepat di atas tag </head>.
<script language='javascript' src='http://www.onlineleaf.com/savetheenvironment.js?time=20' type='text/javascript'/>
- Agan bisa mengganti angka yang berwarna biru sesuia dengan keinginan agan. Angka tersebut adalah waktu yang ditentukan untuk mengaktifkan Power Saving Mode pada blog agan, 20 = 20 detik.
Bagaimana mudah bukan untuk menambah efek Power Saving Mode pada blog. Semoga blog agan akan semakin elok. Dan semoga agan bisa paham dengan tutorial yang sudah disampaikan.
Semoga bermanfaat, dan jangan lupa klik pada iklan, satu klik saja sudah sangat berharga.

Power Saver- Tips blogger kali ini berhubungan dengan hemat energi. Seperti yang anda tahu power saver pada blog berguna untuk menurunkan kontras pada halaman yang berwarna putih, sehingga tidak memakai banyak listrik. Waktu bisa diatur beberapa detik, misalnya anda sedang tidak menggerakan mouse dan anda sedang tidak memakai komputer, akan muncul power saver seperti gambar di atas dan ketika anda sudah menggerakan mouse, power saver akan hilang. Cara memasangnya pun sangat mudah, saya sarankan hanya untuk blog yang terlalu banyak warna putihnya, kalau blog anda gelap saya sarankan tidak memakai efek ini, karena hanya merugikan, blog anda gelap dan di tambah power saver, hanya menambah beban blog saja.
Untuk Pemasangan ikuti langkah langka di bawah ini:
1. Masuk ke Dasbor
2. Klik Template
3. Klik Edit HTML
5. Klik Lanjutkan
6. Centang Expand Template Widget
7. Cari kode </head> (gunakan CTRL+F untuk mempermudah pencarian)
8. Letakan kode berikut tepat di atas kode <//head>
<script language='javascript' src='http://www.onlineleaf.com/savetheenvironment.js?time=20' type='text/javascript'/>9. Klik Simpan Template
Mengganti Header Blog di Blogspot
11:29 PM Tutorial Blogspot 0 Comments
Pertama kali
orang melihat blog, mayoritas mereka melihat header blog tersebut..
Kesan pertama terhadap blog yang mereka kunjungi adalah bagaimana header
blog tersebut mencerminkan isi atau konten dari keseluruhan blog. Untuk
blogspot blog, tampilan header (pakai gambar atau hanya tulisan saja)
biasanya tergantung dari template yang kita gunakan. Ada kalanya,
format keseluruhan template blogspot sudah sesuai dengan keinginan
kita, namun gambar headernya tidak cocok dengan isi blog kita. Jika
demikian kasusnya, kita perlu mengganti header blog agar sesuai dengan
konten.
Bagaimana mengganti header blog blogspot? Untuk mengganti header blogspot, ada beberapa cara yang bisa kita lakukan. Cara termudah adalah dengan melalui pengaturan add and arrange page element (tergantung template yang digunakan. sebagian besar template blogspot mendukung penambahan gambar di header lewat menu ini). Untuk mengganti header blogspot dengan cara ini, login ke dashboard blogger.
Bagaimana mengganti header blog blogspot? Untuk mengganti header blogspot, ada beberapa cara yang bisa kita lakukan. Cara termudah adalah dengan melalui pengaturan add and arrange page element (tergantung template yang digunakan. sebagian besar template blogspot mendukung penambahan gambar di header lewat menu ini). Untuk mengganti header blogspot dengan cara ini, login ke dashboard blogger.
Masuk ke tab Layout. Pada kotak Header (sesuai judul blog anda) klik Edit.
Pada
jendela baru yang muncul, klik Browse untuk mencari gambar yang akan
digunakan sebagai header. Sebaiknya sebelum melakukan ini, kita harus
menyediakan image yang akan kita pakai sebagai header, dengan ukuran
sesuai ukuran header (jika tidak tahu ukuran headernya, beri tanda
centang pada Shrink to fit dimana ukuran gambar akan disesuaikan dengan
ukuran header). Pilih behind title and description
jika gambar yang anda masukkan tidak mengandung teks judul, karena ini
berarti judul dan deskripsi blog akan ditampilkan. Sebaliknya, jika
anda membuat gambar header komplit dengan tulisan judul dan
deskripsinya, pilih instead of title and description yang mana pilihan ini akan menyembunyikan judul dan deskripsi. Klik Save. Kini blog anda sudah mempunyai header yang sesuai dengan keinginan anda (tentunya disesuaikan dengan tema blog).
Cara lain untuk
mengganti header blogspot adalah melalui pengaturan kode CSS. Caranya,
dari dashboar blogger, masuk ke blog yang akan kita ganti headernya.
Masuk ke tab Layout > Edit HTML. Pastikan anda selalu membackup template sebelum mengubahnya (caranya dengan klik Download full template) agar sewaktu-waktu ada kejadian yang tidak kita harapkan, kita bisa kembalikan lagi template seperti semula.
Pada menu Edit HTML, beri centang Expand Widget Template. Tekan tombol Ctrl + F bersamaan untuk memanggil fungsi pencarian. Ketikkan header pada kolom Find untuk mencari kode css header. Anda juga bisa menscroll mouse untuk melakukan pencarian ini, tapi tidak praktis.Cara kedua ini tidaklah sulit, namun jika Anda tidak ingin pusing-pusing membuat gambar sendiri, Anda bisa memanfaatkan website penyedia gambar yang gratis, seperti: freewebpageheaders.com, smashingmagazine.com dan lain.
Pada menu Edit HTML, beri centang Expand Widget Template. Tekan tombol Ctrl + F bersamaan untuk memanggil fungsi pencarian. Ketikkan header pada kolom Find untuk mencari kode css header. Anda juga bisa menscroll mouse untuk melakukan pencarian ini, tapi tidak praktis.Cara kedua ini tidaklah sulit, namun jika Anda tidak ingin pusing-pusing membuat gambar sendiri, Anda bisa memanfaatkan website penyedia gambar yang gratis, seperti: freewebpageheaders.com, smashingmagazine.com dan lain.
Adapun cara download gambar di freewebpageheaders.com adalah sebagai berikut:
- Klik Daftar Sekarang untuk membuka halaman situsnya;
- Klik Register untuk mendaftar.
- Klik Agree. Kemudian Anda akan diminta untuk mengisi Registration form. Form ini terdiri dari 2 bagian yaitu : Required info dan Optional info. Required info merupakan info yang harus Anda berikan untuk pendaftaran sedangkan Optional info merupakan info yang digunakan untuk menampilkan data Anda kepada pengunjung saat Anda login. Jika Anda merasa tidak perlu maka diabaikan saja untuk bagian ini.
- Klik Submit Registration Form, lalu Anda akan mendapat pesan supaya membuka email untuk mengaktifkan account Anda.
- Buka email yang Anda gunakan untuk mendaftar. Klik pada link yang diberikan untuk mengakftifkan account Anda.
- Jika sudah, Anda akan mendapat pesan bahwa account Anda sudah diaktifkan.
- Klik Return to the front page of free Web Page Headers.
- Lalu klik Login untuk mendowload gambar header.
- Pilih kategori header yang Anda inginkan. Jika Anda sudah menemukan gambar yang cocok. Klik pada gambar tersebut lalu klik Download.
- Kemudian gambarnya akan terbuka pada halaman baru. Klik kanan pada gambar lalu pilih Save Image As lalu tekan Save.
- Selesai. Sekarang gambar sudah tersimpan di komputer Anda.
Langkah selanjutnya Cara Mengganti Header Blog pada Blogger, yang pertama dilakukan yaitu mencari tahu berapa ukuran header pada template Anda, caranya:
- Klik Rancangan->Edit HTML.
- Cari kode #header-wrapper. Supaya mudah untuk mencarinya, tekan Ctrl+F ketikkan #header-wrapper lalu tekan Next.
- Jika sudah ketemu biasanya ada kode width dan height disekitarnya. Misalnya seperti ini:
Keterangan:#header-wrapper {
width:975px;
height:130px;
margin:0px;
padding:0px;
text-align:left;
background:#FFF url("http://i977.photobucket.com/albums/ae258/SPN_photo/HeaderMaskolis-New.jpg") no-repeat right ;
}
width:975px; adalah panjang header
height:130px;adalah lebar header.
Agar gambar Anda sesuai dengan ukuran header template, maka gambar Anda harus diresize menjadi 975x130 pixel. Untuk merizenya Anda bisa menggunakan program pengolah gambar seperti Ms Paint, ACD See, Photoshop atau lainnya. - Setelah selesai. Masuk ke Dashboard Blogger Anda lagi, pilih Rancangan => Page Elements.
- Klik Edit pada bagian Header.
- Kemudian akan muncul halaman baru, pilih Browse from your computer, jika gambarnya disimpan dikomputer atau Browse from the web, jika gambarnya disimpan di image hosting seperti: Imageshack, Photobucket atau Geocities.
- Pada bagian Placement. Pilih Behind title and description, jika Anda ingin manampilkan gambar dibelakang judul dan deskripsi blog atau pilih Instead of title and description, jika Anda ingin menyembunyikan judul dan deskripsi blog.
- Lalu klik Save, selesai.
- Tidak semua template bisa dipasang gambar, karena ada yang hanya menggunakan teks saja oleh karena itu pilihlah template yang sesuai kebutuhan.
- Jika cara di atas sulit diterapkan pada blog Anda, isi kotak komentar yang ada di bawah siapa tau saya bisa bantu.
Menambahkan Meta Tag Description di Blogger
11:22 PM Tutorial Blogspot 0 Comments
Meta tag adalah elemen HTML digunakan untuk menyediakan data atau deskripsi terstruktur tentang halaman blog kita. Tag tersebut ditempatkan di bagian kepala (atas) dari dokumen HTML. Search Engine menggunakan data ini untuk menampilkan potongan pencarian ketika search engine menampilkan halaman dari blog kita.
Sebagian besar button berbagi ke sosial media seperti Facebook Share atau Google+ (+1) Jika kita menggunakan button berbagi itu akan memilih hal ini meta description untuk membuat potongan (deskripsi) yang akan dibagi ke sosial media tersebut. Dengan menambahkan Meta Description yang berbeda di setiap entri sesuai dengan isinya akan membuat blog kita lebih optimal di search engine.
Cara Menambahkan Meta Tag Description
Jika di blog wordpress dengan hosting sendiri, sudah ada plugins yang tersedia. Di Blogger yang baru ini juga meluncurkan berbagai fitur SEO dan sekarang menambahkan Meta Tag Description telah menjadi begitu mudah. Kita dapat melakukannya dengan mudah dari User Interface Blogger (tampilan baru blogger) tanpa melakukan banyak mengedit template, berikut adalah caranya:1. Login ke Blogger.com dan pastikan kamu dalam tampilan dasbor yang baru.
2. Pilih Setelan lau Preferensi penelusuran dan Aktifkan uraian penelusuran Meta Tag.
3. Tuliskan deskripsi yang menggambarkan secara umum isi blog kamu, maksimal 150 karakter.
4. Jika sudah klik Simpan Perubahan.
5. Menambahkan Meta Tag Description di Setiap Entri.
Sekarang ketika kita membuat entri baru atau di halaman entri, kita dapat mengatur dan menuliskan Meta Description dengan cara mengatur Setelan Entri yang ada di sidebar. Kita tuliskan deskripsi singkat yang menggambar isi entri di Uraian Penelusuran maksimal 150 karakter. Setalh selesai bisa kita publikasikan.
6. Sekarang kita harus menambahkan beberapa kode HTML untuk Template Blogger kita. Untuk melakukannya pilih Template kemudian Edit HTML terus jangan lupa centang Expand Template Widget. Cari <head> dan bawahnya sisipkan kode berikut.
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' name='description'/>
</b:if>
<meta expr:content='data:blog.metaDescription' name='description'/>
</b:if>
7. Simpan Template jika sudah selesai
Rahasia Membuat Blog yang Ramai Dikunjungi
11:20 PM Tutorial Blogspot 0 Comments
Blog yang ramai, banyak yang mengakses, banyak yang melihat, banyak
yang berkunjung. Itu pasti keinginan sebagian besar blogger, termasuk
saya :). Bukan hal mudah untuk membuat blog menjadi ramai, tetapi juga tidak sulit untuk mewujudkan blog yang ramai. Terinspirasi dari tulisan sederhana saya dulu yang posting di sini, ternyata hari ini setelah 3 tahun kembali saya temukan. Ternyata lumayan banyak yang membaca dan berkomentar.Sebenarnya ini ceritanya mau memindahkan postingan, tapi buka dengan cara copy paste langsung melainkan dengan cara menulis kembali. Bisa ditiru juga, kalau mau memindahkan postingan jangan copy paste, dikhawatirkan bisa menjadikan duplikat post. Baiklah, kita buka kembali rahasia untuk membuat blog ramai pengunjung itu:
Posting dengan Rutin dan Original
Ini penting, jika blog kita lama tidak pernah kita update, ya tentu saja Mr google akan menurunkan posisi kita, dan juga pembaca akan bosan, mencari yang baru. Walau tidak sering tetapi haruslah rutin, misal 4 kali sebulan. pastikan juga yang kita posting adalah tulisan yang original, bukan copy paste.
Perhatikan Link yang Masuk dan yang Keluar
Usahakan lebih banyak link yang menuju blog kita, tetapi kita juga harus memasang link keluar, ke blog atau website lain. Mungkin perbandingannya 3 link yang menuju blog kita dan 2 Link yang kita pasang keluar. Link masuk bisa kita peroleh dengan blog walking, meningalkan jejak, dan berkomentar di blog orang lain. Link yang kita pasang yang biasanya sebagai blogroll atau menautkan di postingan, usahakan ke blog-blog yang mempunyai page rank yang tinggi.
Optimalkan Blog dengan SEO
Kita harus mengoptimalkan blog kita, artinya yang bekerja agar blog banyak dikunjungi orang adalah blog kita sendiri. Contoh-contoh yang bisa kita lakukan untuk mengoptimalkan blog kita adalah, menganti judul blog dengan judul postingan, menambahkan meta tag, mendaftarkan blog kita ke goole, dan sebagainya.
Manfaatkan Sosial Media yang Lain
Selain tergantung dari search engine, di zaman yang sekarang ini kita juga harus mampu memanfaatkan sosial media yang lain untuk menyebarkan link postingan terbaru. Sosial media atau situs jejaring sosial itu yang populer saat itu, semisal twitter, facebook, google+ dan lain-lain. Sosial media atau situs bookmarking untuk berbagi link menarik, kalau di Indonesia semisal Ureport-nya Vivanews atau Lintas Berita.
Itulah rahasia membuat blog yang ramai dikunjungi, sehingga bukan menjadi rahasia lagi. Blog adalah media dan tentunya saja blog milik kita bisa seperti sebuah merk atau brand. Jadi bangunlah brand itu dengan baik, sehingga banyak pelanggan, banyak pembaca sehingga menjadi ramai.
Cara Membuat Widget Like Box Facebook Melayang
11:00 PM Tutorial Blogspot 0 Comments
Widget like box facebook jika dipasang di blog, ini untuk mempromosikan halaman facebook. Jika suka dengan blog kita, pembaca tidak akan ragu untuk mengklik like (suka). Sesekali untuk pirode tertentu kita bisa pasang widget like box facebook melayang ini di blog agar like (suka) berjumlah, begitupun dengan kunjungan ke halaman facebook blog kita.
Cara Membuat Widget Like Box Facebook Melayang di Blog
1. Login ke blogger.com
2. Pilih Tata Letak kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan kode HTML berikut ini:
<style type='text/css'>
/* Message Box */
#box-message {
position:fixed !important;
position:absolute;
top:-1000px;
left:50%;
margin:0px 0px 0px -182px;
width:300px;
height:auto;
padding:16px;
background:#fff;
font:normal Dosis, Georgia, Serif;
color:#111;
border:2px solid #333;
-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}
#box-message a.close {
position:absolute;
top:-10px;
right:-10px;
background:#fff;
font:bold 16px Arial, Sans-Serif;
text-decoration:none;
line-height:22px;
width:22px;
text-align:center;
color:#111;
border:2px solid #333;
-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-webkit-border-radius:22px;
-moz-border-radius:22px;
border-radius:22px;
cursor:pointer;
}
#twitterx {
background: #EEF9FD;
padding: 10px;
text-align:center;
border: 1px solid #C7DBE2;
border-top: 0;
}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<script type='text/javascript'>
$(window).bind("load", function() {
// Animate Top Value When Page Loaded Completed
$('#box-message').animate({top:"50px"}, 1000);
// Remove Mailbox When Close Button On Click
$('a.close').click(function() {
$(this).parent().fadeOut();
return false;
});
});
</script>
<div id='box-message'>
<!-- HTML Start -->
<center>
<iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/kurniaseptadotcom?ref=hl&width=292&height=258&colorscheme=light&show_faces=true&border_color&stream=false&header=false&appId=371524026202784" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:258px;" allowtransparency="true"></iframe>
</center>
<!-- HTML End -->
<a class='close' href='#'>×</a>
</div>
/* Message Box */
#box-message {
position:fixed !important;
position:absolute;
top:-1000px;
left:50%;
margin:0px 0px 0px -182px;
width:300px;
height:auto;
padding:16px;
background:#fff;
font:normal Dosis, Georgia, Serif;
color:#111;
border:2px solid #333;
-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}
#box-message a.close {
position:absolute;
top:-10px;
right:-10px;
background:#fff;
font:bold 16px Arial, Sans-Serif;
text-decoration:none;
line-height:22px;
width:22px;
text-align:center;
color:#111;
border:2px solid #333;
-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-webkit-border-radius:22px;
-moz-border-radius:22px;
border-radius:22px;
cursor:pointer;
}
#twitterx {
background: #EEF9FD;
padding: 10px;
text-align:center;
border: 1px solid #C7DBE2;
border-top: 0;
}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<script type='text/javascript'>
$(window).bind("load", function() {
// Animate Top Value When Page Loaded Completed
$('#box-message').animate({top:"50px"}, 1000);
// Remove Mailbox When Close Button On Click
$('a.close').click(function() {
$(this).parent().fadeOut();
return false;
});
});
</script>
<div id='box-message'>
<!-- HTML Start -->
<center>
<iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/kurniaseptadotcom?ref=hl&width=292&height=258&colorscheme=light&show_faces=true&border_color&stream=false&header=false&appId=371524026202784" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:258px;" allowtransparency="true"></iframe>
</center>
<!-- HTML End -->
<a class='close' href='#'>×</a>
</div>
5. Ganti kode yang warna merah dengan URL halaman Facebook kamu.
6. Simpan jika sudah selesai.
Sama seperti mengelola blog, mengelola halaman facebook juga harus kreatif. Ingat, konten adalah raja, jangan hanya memakai halaman facebook untuk memposting feed blog. Berikan informasi yang menarik sesuai dengan tema konten blogmu.
Cara Bikin Fanpage FB dan Pasang Like Box di Blog
12:54 AM Tutorial Blogspot 0 Comments
Blogger | Coepoe - Cara membuat Fp. Memiliki Fanpage (FP) facebook adalah keharusan jika sobat menjalankan sebuah bisnis, khususnya bisnis online. Fanpage bisa memiliki anggota hingga ribuan, bahkan ada sebuah fanpage yang memiliki member hingga mencapai jutaan. Betapa efektifnya kita bisa memasarkan produk hanya sekali posting sudah tersebar ke member kita yg mencapai ribuan, puluhan ribu hingga jutaan. Sahabat Blogger pun juga memanfaatkan FP ini untuk menyebarluaskan artikel-artikel yang di posting di blog, dan tentu ini salah satu juga teknik seo yang bisa di terapkan. Bisnis offline pun juga memanfaatkan usahanya untuk promosi. Intinya apapun bisnis sobat sangat membutuhkan FP Facebook untuk kegiatan promosi di media online
Pada bagian artikel ini, ada 2 bagian yang di bahas, yaitu :
1. Cara Bikin Fanpage
2. Cara Pasang Widget Like box di Blog
Ok deh, langsung aja dan untuk memulai jangan lupa login ke akun facebook masing-masing milik anda :
Untuk Cara Bikin / membuat Fanpage langsung saja masuk sini : http://www.facebook.com/pages/create.php Muncul tampilan seperti di bawah ini. Pilih salah satu yang paling menggambarkan tema bisnis atau group anda.
Ok, skip dulu dan lanjut proses sampai sistem menampilkan halaman penyelesaian akhir seperti tampilan screenshot di bawah ini :
Sampai disini, artinya pembuatan sebuah fanpage udah selesai dengan alamat URL : http://www.facebook.com/pages/nama fan page/kode fanpage atau
http://www.facebook.com/nama fan page
Proses berikutnya tinggal updated :
- Add profile picture
- Add Cover buat header
- Setting untuk admin
- Dan langkah berikutnya adalah menarik member atau orang lain untuk nge-like fan page kita
Pasang widget Like Box di blog :
Untuk membuat widget like box sama mudahnya dengan bikin FP Facebook, silahkan sobat klik link ini : http://developers.facebook.com/docs/pluginsDari pilihan aplikasi yang tampil, pilih Like Box, seperti gambar berikut :
Selanjutnya sampai di form pengisian data seperti gambar di bawah :
Perhatikan gambar di atas :
- Facebook Page URL : Di isi dengan link fanpage sobat yg udah di bikin diatas
- Width & Height : adalah ukuran lebar dan tinggi, bisa di atur-atur sesuai dengan ukuran sidebar blog
- Color Scheme : Untuk menyesuaikan dengan backgroung blog milik sobat. Kalau backgroundnya terang, sebaiknya pilih light saja
- Selebihnya bisa di coba-coba sendiri, silahkan di test dengan melihat hasil preview di sampingnya.
- Langkah terakhir, Klik Get Code. Kode inilah yang nanti di pasang di widget blog
Dari membaca komentar - komentar dari pengunjung, rupanya masih banyak kendala yah?, sebetulnya cukup mudah. Pada saat klik Get Code, kita di hadapkan pada pilihan mau format :
1. HTML5
2. XFBML
3. IFRAME
4. URL
Dari 4 pilihan itu kebanyakan orang ambil HTML5 atau IFRAME, Namun saya lebih suka memakai kode HTML5. Kenapa?, karena script yang di bungkus IFRAME kurang bagus buat SEO. Kalau blog kita di test di http://chkme.com kode IFRAME akan mengurangi penilaian SEO blog milik kita:). Untuk itu pakai yg pilihan Tab HTML5 saja. Perhatikan gambar di bawah :
Namun kadang ada blogger yang ingin menampilkan FP di dalam postingan, atau menjadi bagian dari posting. Untuk kasus seperti ini kode harus di Parse dulu supaya tidak error. Coba search di google caranya parse script. Di bagian posting saya yg lain ada yg membahas tentang parse kode html.
Selamat mencoba tip dan tutorial mulai dari bikin Fanpage sampai cara pasang widget Like Box di blog. Semoga artikel ini bermanfaat bagi anda semua pengunjung blogger coepoe
Baca juga artikel Cara Promosi Fans Page dengan Code FP
Tutorial Langka Awal Membuat Blog di Blogger.Com
12:21 AM Tutorial Blogspot 0 Comments
Panduan Tutorial Lengkap Cara Membuat Blog di Blogger.Com
– Sangatlah tidak susah hanya dengan bermodalkan Internet juga dengan
bermodalkan PC atau laptop anda dengan sangat mudahnya membuat blog.
Blog sendiri merupakan layanat Platform seperti website yang menyediakan
tempat bagi para penggunanya untuk membagikan tulisan atau gambar. Nah
jika anda Yang ingin memiliki blog namun bingung untuk membuatnya
berikut kami sajikan tutorial Cara Membuat Blog di Blogger.Com dengan mudah.
Karena blogger telah diakuisisi oleh google anda diharuskan untuk Membuat Akun Gmail
terlebih dahulu, cukup gampang Membuat akun gmail anda hanya diperlukan
untuk mengisi data diri seperti nama, alamat, TTL dan juga gender anda
hingga Mengisi nomor telfon anda berikut Tutorialnya Lihat Pada Artikel Cara Membuat Email Gmail Baru
Setelah Membuat Gmail Diatas Lalu Buka Tab Baru Pada Browser Anda Lalu Ketiklah : Blogger.Com
Kemudian sampai disini Anda akan dihadapkan pada halaman yang memuat
tentang konfirmasi nama tampilan anda, Isikan dengan nama anda supaya
Dimudahkan. Setelah itu klik lanjutkan ke blogger untuk kemudian membuat
blog anda dengan mudah. Berikut nya anda klik Blog Baru berikut
gambarnya .
Ya, Setelah melakukan step diatas anda
akan dihadapkan dengan halaman yang mengharuskan anda untuk mengisi
judul serta Alamat blog anda nantinya. Berikut gambarnya.
Isikan judul dan juga alamat blog dengan
sesuka hati anda, Nantinya alamat dan juga nama blog ini juga dapat
diubah pada seteln Yang terletak di dalam halaman blogger. Setelah step
diatas dilakukan secara langsung anda akan dihadapkan dengan halaman
Mengenai blog anda sudah dapat digunakan.
Kemudian anda perlu tahu tentang settingan pada Blogger.Com yaitu setting Seo On Page Pada Blog baru yang anda buat Langsung saja perhatikan cara dibawah ini :
- Setelah Jadi Blog Anda Kemudian Klik Pada Judul Blog Anda Seperti Gambar Di Bawah Ini :
- Kemudian Menuju Ke Tab Setelan Atau Setting Jika Dashboard Anda Dalam Bahasa Inggris
- Kemudian Isi Tab Judul Dan Deskripsi Sesuai Dengan Ke Inginan Anda.
- Kemudian Anda Menuju Tab Pos Dan Komentar Dan Setting Seperti Gambara Di Bawah Ini :
- Setelah Itu Langsung Menuju Bahasa Dan Pemformatan Dan Setting Seperti Gambar Di Bawah Ini
- Dan Untuk Tab Preferensi Penelusuran Juga Selular Dan Email Anda Isi Berdasarkan Kebutuhan Blog Anda Sendiri.
Subscribe to:
Posts (Atom)
Follow Us
Popular Posts
Labels
Sitemap
-
▼
2014
(14)
-
▼
November
(14)
- Panduan Blog Lengkap Terbaru 2014 Cara Membuat B...
- Pengenalan Blog | Artikel Komputer
- Lumia 930 - Ultimate Experience
- Cara Memasang Gambar Cinta Produk Indonesia di Blog
- Membuat Translate This Blog Dengan Sebuah generato...
- Cara Memasang Musik di Blog
- Cara Memasang Widget Alexa Traffic Rank Pada Blog
- Cara Memasang Power Saving Mode di Blog
- Mengganti Header Blog di Blogspot
- Menambahkan Meta Tag Description di Blogger
- Rahasia Membuat Blog yang Ramai Dikunjungi
- Cara Membuat Widget Like Box Facebook Melayang
- Cara Bikin Fanpage FB dan Pasang Like Box di Blog
- Tutorial Langka Awal Membuat Blog di Blogger.Com
-
▼
November
(14)
Powered by Blogger.
Arsip Blog
-
▼
2014
(14)
-
▼
November
(14)
- Panduan Blog Lengkap Terbaru 2014 Cara Membuat B...
- Pengenalan Blog | Artikel Komputer
- Lumia 930 - Ultimate Experience
- Cara Memasang Gambar Cinta Produk Indonesia di Blog
- Membuat Translate This Blog Dengan Sebuah generato...
- Cara Memasang Musik di Blog
- Cara Memasang Widget Alexa Traffic Rank Pada Blog
- Cara Memasang Power Saving Mode di Blog
- Mengganti Header Blog di Blogspot
- Menambahkan Meta Tag Description di Blogger
- Rahasia Membuat Blog yang Ramai Dikunjungi
- Cara Membuat Widget Like Box Facebook Melayang
- Cara Bikin Fanpage FB dan Pasang Like Box di Blog
- Tutorial Langka Awal Membuat Blog di Blogger.Com
-
▼
November
(14)
Like Facebook
RSS
Friend Link
About Me
- Unknown
.png)

















0 komentar: