| VARIASI TAMPILAN BUKU TAMU CBOX Posted: 06 May 2013 03:48 PM PDT  Cbox merupakan situs yang melayani buku tamu gratis (semoga selamanya gratis . !!!). Mungkin bagi sebagian peblogger belum mengetahui bahwa Cbox memberikan pilihan untuk menampilkan buku tamu karena kalau kita lihat hampir sebagian besar buku tamu dari Cbox tampil secara default pada sidebar atau buku tamu tersembunyi disisi kanan blog. Sebenarnya jika kita teliti ketika akan menyalin kode buku tamu pada Cbox, terdapat 4 pilihan yaitu : - Inline (Default)
- Popup Link
- Floating Button
- Diferred Load.
Anda bisa memilih dari keempat pilihan diatas agar tampilan buku tamu tidak melulu tampil seperti yang biasa anda lihat. Bagi anda yang belum memiliki buku tamu dari Cbox silahkan buka link ini kemudian lakukan Registrasi. Bagi anda yang telah memiliki akun pada Cbox dan ingin menampilkan dalam variasi yang disediakan oleh Cbox. - Login pada Cbox
- Klik menu Publish yang terdapat dibagian atas.
- Pilih Variasi tampilan pada step 2 :Choose a variation
- Coppy kode yang tersedia kemudian masukan ke blog anda.
Cara memasukan buku tamu pada blog - Masuk ke Blogger
- Tata Letak
- Tambah Gadget
- HTML/Javascript
- Paste kode buku tamu yang di copy tadi pada kolom yang tersedia.
- Simpan
Jika anda mau, variasi tampilan buku tamu dari Cbox juga dapat anda ganti dengan widget lain yang ingin anda tampilkan dengan cara mengganti kode buku tamunya dengan widget yang ingin anda tampilkan. Selamat mencoba, semoga bermanfaat....!!!  |
| MEMBUAT TOMBOL ADD TO BLOGGER Posted: 27 May 2012 08:16 AM PDT  Bagi anda yang memiliki sebuah blog untuk berbagi dengan konten mengenai tips/trik atau tutorial blogger, tutorial berikut sangat bermanfaat untuk diterapkan pada blog yang anda kelola. Cara seperti ini, selain memiliki tampilan yang keren juga dapat menghemat tampilan postingan blog anda karena kode-kode yang akan digunakan oleh pengunjung tidak tampil pada postingan blog tetapi jika diklik akan tampil pada tab baru dengan gaya seolah-olah anda telah menjadi profesional dalam menyajikan tutorial terutama yang berhubungan denga dunia blogger. Sebagai contoh, coba anda klik gambar dibawah ini untuk melihat tampilan add to Blogger. CARA MENAMPILKAN TOMBOL ADD TO BLOGGER - Siapkan dua buah gambar sebagai aksesoris tampilan agar terlihat lebih cantik.
- Gambar pertama untuk tombol yang tampil pada postingan anda, misalnya :
 - Gambar kedua untuk tampilan setelah tombol pada gambar pertama di klik yang tampil pada tab baru, misalnya :
 - Kedua gambar diatas dapat anda gunakan dari kreasi anda sendiri atau gambar-gambar lain yang anda miliki..
- Kode yang digunakan untuk menampilkan tombol Add to Blogger.
<div style="text-align: center;"> <form action="http://www.blogger.com/add-widget" method="post" target="_blank"> <textarea name="widget.content" style="display: none;">Kode boong-boongan</textarea> <br /> <input name="widget.title" type="hidden" value="JUDUL WIDGET" /> <input name="infoUrl" type="hidden" value="http://epg-studio.blogspot.com/2012/05/membuat-tombol-add-to-blogger.html" /> <br /> <input name="logoUrl" type="hidden" value="https://lh4.googleusercontent.com/-oAyD1U2gUJk/T65bAHTJP1I/AAAAAAAAEQs/DfzEhNC5HeY/s250/eagle2.gif" /> <br /> <input name="go" src="https://lh4.googleusercontent.com/-l11T-OfD4eY/T8I3W_8eZWI/AAAAAAAAEW4/imfF9gdPfVc/s104/blogger.gif" type="image" value="Add This Widget to your blog" /> </form> <br /></div>
Keterangan : - Kode :
Kode boong-boongan diisi dengan kode widget yang akan anda tampilkan. Kode ini harus diisi dengan kode yang telah dipharse agar diterima dalam postingan. - Kode :
JUDUL WIDGET diisi dengan judul widget yang akan tampil pada blog yang menggunakan widget dari blog anda. - Kode :
http://epg-studio.blogspot.com/2012/05/membuat-tombol-add-to-blogger.html diisi dengan URL/alamat postingan anda sebagai sumber. - Kode :
https://lh4.googleusercontent.com/-oAyD1U2gUJk/T65bAHTJP1I/AAAAAAAAEQs/DfzEhNC5HeY/s250/eagle2.gif merupakan tampilan gambar pada tab baru setelah pengunjung mengklik tombol add to Blogger. - Kode :
https://lh4.googleusercontent.com/-l11T-OfD4eY/T8I3W_8eZWI/AAAAAAAAEW4/imfF9gdPfVc/s104/blogger.gif merupakan tombol yang tampil pada postingan anda.
kode HTML/Javascript yang ditampilkan harus berupa kode yang telah dipharse agar dapat tampil pada postingan. Selamat mencoba, semoga bermanfaat...!!!  |
| MENAMPILKAN HALAMAN PENGGEMAR GOOGLE PLUS Posted: 22 May 2012 06:46 AM PDT  Google Plus terus berbenah diri dengan melengkapi filtur baru yang nantinya akan lebih menambah betah para membernya untuk berlama-lama di Google Plus. Salah satu filtur yang diluncurkan Google Plus adalah Fans Page (Halaman Penggemar) yang mirip seperti halaman milik FaceBook. Cara membuat Fans Page Google Plus. - Buka link ini https://plus.google.com/pages/create
- Pada deretan menu yang ada dibagian kiri, pilih kategori yang sesuai dengan halaman yang ingin anda buat. Pilih kategori Lainnya jika tidak ada yang sesuai.
- Isi format yang tersedia seuai dengan data yang diminta.
 - Jangan lupa kasih tanda centang pada kotak kecil kemudian klik tombol Buat.
- Tambahkan Slogan atau deskripsi dari halaman yang telah anda buat.
- Upload foto profil halaman anda.
- Promosikan Halaman anda.
- Selesai.
Cara Menampilkan Fan Page Google Plus pada Blog. - Kunjungi link ini
- Masukkan ID Halaman anda pada kolom yang tersedia.
 - Tentukan pilihan anda pada bagian Featutures, Language, Width dan Color Theme.
- Cara mendapatkan ID halaman Google+ dengan cara.
- Buka Halaman Google+ anda.
- Lihat pada adress bar, disitu terdapat ID halaman Google+ anda berupa deretan angka.
 - Copy deretan angka tersebut kemudian paste pada kolom yang tersedia. (lihat gambar pada poin 2)
- Setelah semua data terisi dengan benar, scroll kebawah untuk melihat kode yang akan dipasang pada blog anda.
Cara memasang kode kedalam Blog - Masuk ke Edit Template
- Masukan Kode yang terdapat dibawah kode ini
<!-- Place this tag in the <head> of your document --> tepat dibawah kode <head> - Simpan
- Masuk ke Tata Letak - Tambah Gadget - HTML/JavaScript
- Masukan Kode yang terdapat dibawah kode
<!-- Place this tag where you want the badge to render --> pada kolom yang tersedia. - Simpan
Selamat mencoba, semoga bermanfaat...!!!  |
| SEGERA BERALIH KE PROFIL GOOGLE PLUS Posted: 08 Dec 2012 04:17 AM PST  Mbah Google lagi gencar gencarnya mencari solusi untuk memberikan layanan terbaik buat para membernya. Salah satu filtur Google yang termasuk baru yaitu Google plus. Filtur ini boleh dikatakan sebagai usaha Google dalam memberikan saingan akan pesatnya perkembangan Face Book dan Tweeter. Google terus berupaya meningkatkan tampilan Google plus menjadi lebih menarik. Sasaran Google plus diutamakan pada pengguna Blogger dengan berbagai kemudahan sehingga para Blogger diharapkan semakin intim dengan kehadiran Google plus Cara KerjaGoogle Plus - Profil Google+ publik Anda akan menggantikan Profil Blogger Anda.
- Gadget profil anda akan menampilkan informasi, termasuk nama umum dari profil Google+ publik anda, bukan profil Blogger anda.
- Pos dan komentar anda akan ditautkan ke profil Google+ publok anda.
- Komentar terdahulu yang menggunakan profil Blogger akan dianggap sebagai komentar pengunjung. Begitu juga bagi blog yang komentar admin berbeda warna dengan pengunjung blog akan berubah menjadi warna pengunjung blog.
Catatan Penting - Pada saat beralih ke profil Google+, anda kan memiliki opsi untuk kembali ke profil Blogger anda selama 30 hari. Setelah itu, data profil Blogger anda akan dihapus.
- Informasi di profil Blogger anda tidak akan ditransfer ke profil Google+, jadi salin informasi profil Blogger anda sebelum beralih.
Langkah-langkah untuk beralih dari profil Blogger ke profil Google+ - Masuk ke dasbor blog anda.
- Pada bagian Setelan bagian kiri atas, klik Opsi Blogger pilih terhubung ke Google+
 - Setelah berada dihalaman Google+, anda diminta untuk melengkafi data diri anda. Setelah lengkap klik tombol Tingkatkan.
 - Berikutnya mucul tampilan seperti ini, klik link tersebut untuk memulai.
 - Pada halaman berikutnya anda akan diminta untuk melakukan beberapa langkah, silahkan anda ikuti .
- Langkah terakhir, kasih tanda centang sebagai persetujuan anda untuk beralih ke profil Google+. Klik tombol Beralih sekarang juga
 - Selesai
Selamat datang di Google+, sekarang anda dapat menggunakan fasilitas yang terdapat pada Google+  |
| KOMENTAR BLOGGER DAN FB BERDAMPINGAN Posted: 12 May 2012 07:05 AM PDT  Tampilan komentar yang satu ini memiliki kelebihan dibanding komentar default blogger, karena selain komentar blogger juga tampil komentar Face Book. Sebagai contoh, coba anda perhatikan bagian komentar dari EPG Studio. Komentar akan tampil jika tombol komentar diklik baik itu komentar blogger maupun komentar Face Book.  Cara menampilkan komentar seperti contoh tadi, dapat anda ikuti tipsnya dibawah ini. - Masuk ke Blogger.
- Pilih menu Template.
- Download template blog anda terlebih dulu, jika takut gagal dengan cara klik Cadangkan/Pulihkan yang berada di bagian atas kanan.
- Setelah proses download selesai, klik Edit Template.
- Cari kode
]]></b:skin> pada template blog anda (gunakan CTRL+F untuk mempercepat pencarian). - Copy kode dibawah ini kemudian paste tepat diatas kode
]]></b:skin>
.comments-page { background-color:black;}
#blogger-comments-page { padding: 0px 5px; display: none;}
#fb-comments-page { padding: 0px 5px; display: none;}
.comments-tab { float: left; padding: 5px; margin-right: 3px; border:2px dotted #2F323D;-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px:
cursor: pointer; background-color:black;}
.comments-tab-icon { height: 14px; width: auto; margin-right: 3px}
.comments-tab:hover { background-color: black;}
.inactive-select-tab { background-color: black;}
Keterangan :- Tampilan warna dari tombol komentar semuanya berwarna hitam/black. Ganti warna tersebut sesuai dengan keinginan anda. Warna itu dipilih agar sesuai dengan warna tampilan EPG Studio
- Kode
#blogger-comments-page { padding: 0px 5px; display: none;} merupakan kode untuk menyembunyikan komentar dari Blogger ketika postingan dibuka. Jika anda ingin menampilkan komentar dari Blogger, hapus kode tersebut. - Kode
#fb-comments-page { padding: 0px 5px; display: none;} merupakan kode untuk menyembunyikan komentar dari Face Book ketika postingan dibuka. Jika anda ingin menampilkan komentar dari Face Book, hapus kode tersebut.
- Selanjutnya cari kode
</head> - Copy kode dibawah ini, kemudian paste tepat diatas kode
</head>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<script src='http://code.jquery.com/jquery-latest.js'/>
<meta content='ID Face Book anda' property='fb:admins'/>
<script type='text/javascript'>
function commentToggle(selectTab) {
$(".comments-tab").addClass("inactive-select-tab");
$(selectTab).removeClass("inactive-select-tab");
$(".comments-page").hide();
$(selectTab + "-page").show();
}
</script>
Keterangan : - Ganti kode
ID Face Book anda dengan angka dari ID Face Book anda. - Cara mendapatkan ID Face Book :
- Pada alamat Face Book anda misalnya http://www.facebook.com/ades.sambas
- Ganti www dengan kata graph sehingga menjadi seperti ini http://graph.facebook.com/ades.sambas. Tekan enter.
- Berikutnya akan muncul data fb anda, copy deretan angka pada "id": "100000174912525", Perhatikan gambar dibawah ini :
 - Simpan Template.
- Langkah terakhir masih di Edit Template.
- Kasih tanda centang pada Expand Template Widget.
- Cari kode
<div class='comments' id='comments'> - Kode tersebut ada dua. Pilih yang pertama kemudian copy kode diwah ini dan paste tepat dibawah kode
<div class='comments' id='comments'>
<div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle("#fb-comments");' title='Comments made with Facebook'>
<img class='comments-tab-icon' src='http://static.ak.fbcdn.net/rsrc.php/v1/yH/r/eIpbnVKI9lR.png'/>
<fb:comments-count expr:href='data:post.url'/> Comments
</div>
<div class='comments-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle("#blogger-comments");' title='Comments from Blogger'>
<img class='comments-tab-icon' src='http://www.blogger.com/img/icon_logo32.gif'/> <data:post.numComments/> Comments
</div><div class='clear'/>
</div>
<div class='comments-page' id='fb-comments-page'>
<b:if cond='data:blog.pageType == "item"'>
<div id='fb-root'/>
<fb:comments expr:href='data:post.url' num_posts='2' width='500'/>
</b:if>
</div>
<div class='comments comments-page' id='blogger-comments-page' style='overflow:auto;height:300px;'>
Jika gagal pada kode <div class='comments' id='comments'> yang pertama, coba pada kode <div class='comments' id='comments'> yang kedua.
Keterangan - Kode
num_posts='2' merupakan jumlah komentar dari Face Book. Ganti angka 2 dengan jumlah komentar yang ingin anda tampilkan. - Kode
width='500' merupakan lebar dari kotak kementar dari Face Book. Ganti angka 500 sesuai dengan lebar post anda. - Kode
style='overflow:auto;height:300px; merupakan fasilitas scroll pada komentar Blogger. Ganti angka 300 dengan angka yang anda inginkan.
- Simpan Template.
- Lihat Bagian Komentar Blog anda.
Selmat mencoba, semoga bermanfaat...!!!  |
0 komentar:
Posting Komentar