Ucapan Terima Kasih Saya untuk Award Pertama & Kedua Dari Sahabat

Salam Blogger Sahabat semuanya, Kali ini saya ingin mengucapkan terima kasih kepada sahabat Wenks & Dwi Semakin Sukses yang telah bersedia memberi Award kepada Saya.

Tiada terduga saya yang masih tergolong pemula (Newbie) mendapatkan Award dari para sahabat, tiada henti dan beribu-ribu terima kasih saya ucapkan kepada Sahabat yang telah memberikan Award kepada saya.

Berikut Award yang telah dinobatkan kepada saya dari para sahabat:

1. Award pertama:

Award Blogwalking

Keterangan: Award yang pertama diberikan oleh sahabat Weks sebagai Penghargaan Persahabatan yang saling mendukung antara blogger.

2. Award kedua:

Selamat anda mendapatkan award blog dimana anda adalah blogger yang memberikan info dan membalas komentar dengan baik dan jelas, sekali lagi selamat

Keterangan: Award yang kedua Diberikan Oleh Sahabat Dwi Semakin Sukses sebagai seorang blogger yang memberikan info dan komentator yang membalas komentar dengan baik dan jelas.

Demikianlah Award yang telah dinobatkan kepada saya dan sekali lagi saya ucapkan beribu-ribu terima kasih kepada Sobat Weks & Dwi Semakin Sukses yang telah bersedia memberikan Award kepada saya.

Cara Membuat Komentar Facebook dan Blogger Berdampingan Pada Semua Template

Salam Blogger, Melengkapi permintaan salah satu sahabat Zuaz'Z Creator yang meminta saya menjelaskan tentang cara memasang komentar facebook dan blogger berdampingan.

Mungkin tutorial ini sudah usang dan tidak asing lagi bagi Sobat semua, akan tetapi tutorial yang sudah ada saya coba tidak berhasil pada semua template, dan kemungkinan banyak berhasil pada template premium saja.

Disini saya sedikit mengulas lagi agar tutorial ini berhasil di semua template, karena pada saat saya coba pada blog uji coba saya yang bertemplate standar, tuorial yang lama tidak berhasil, hanya berhasil pada template premium saja, berikut cara yang saya dapatkan dari salah satu blog yang sudah lama bergelut di dunia blogger.

Cara Membuat Komentar Facebook dan blogger Berdampingan Pada semua template: DEMO

1. Login ke account blogger Sobat
2. Klik rancangan lalu klik Edit HTML
3. Download template Sobat dulu untuk berjaga-jaga jika nanti terjadi kesalahan
4. Beri centang atau ceklis pada kotak kecil yang bertuliskan Expand Template Widget
5. Jika sudah, cari kode  ]]></b:skin>  (gunakan ctrl + f untuk mempermudah pencarian)
6. Kalau sudah ketemu maka masukkan kode berikut ini di atas kode ]]></b:skin>


Klik buka untuk melihat kode:
    .comments-page { background-color: #f2f2f2;}
    #blogger-comments-page { padding: 0px 5px; display: none;}
    .comments-tab { float: left; padding: 5px; margin-right: 3px;
    cursor: pointer; background-color: #f2f2f2;}
    .comments-tab-icon { height: 14px; width: auto; margin-right: 3px;}
    .comments-tab:hover { background-color: #eeeeee;}
    .inactive-select-tab { background-color: #d1d1d1;}


Hilangkan kode berwarna hijau bila ingin background kedua komentar transparan.

Cara di atas ini yang biasanya mewajibkan penempatan kode di bawah kode /* Comment atau #comments, Sebenarnya sama saja, mungkin para master terdahulu menyarankan begitu agar tampak lebih rapi.


7. Kemudian Sobat cari kode </head>
   Jika sudah ketemu, masukkan kode berikut ini tepat di atas kode </head>



Klik buka untuk melihat kode:
    <script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
    <script src='http://code.jquery.com/jquery-latest.js'/>
    <meta content='ID FB Sobat disini' 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>


Perhatikan tulisan yang berwarna hijau di atas, ganti dengan ID facebook Sobat, misalkan https://www.facebook.com/nama Sobat maka ID Sobat berada pada tulisan yang berwana hijau. Namun jika Sobat belum merubah ID Sobat maka yang tertera adalah berupa angka. contohnya seperti ini: https://www.facebook.com/1234567890


8. Kemudian cari kode  <div class='comments' id='comments'>


Keterangan:  Pada umumnya kode tersebut ada 2, copy dan pastekan kode berikut ini di bawah kedua kode <div class='comments' id='comments'>.



Klik buka untuk melihat kode:
    <div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle(&quot;#fb-comments&quot;);' 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(&quot;#blogger-comments&quot;);' 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 == &quot;item&quot;'>
    <div id='fb-root'/>
    <fb:comments expr:href='data:post.url' num_posts='2' width='400'/>
    </b:if>
    </div>
    <div class='comments comments-page' id='blogger-comments-page'>


NB: Pada penempatan kode yang ke dua Sobat hapus kode yang berwarna ungu ya: <div class='comments comments-page' id='blogger-comments-page'> apabila kode di bawahnya sama.


Perhatikan angka yang berwarna biru dan hijau di atas, angka 2 merupakan jumlah komentar yang akan ditampilkan pada komentar facebook. Sedangkan angka 400 merupakan lebar kotak komentar facebook. Sobat dapat menyesuaikannya sesuka hati, tapi kalu boleh saya kasih saran, sesuaikanlah dengan lebar template Sobat agar kelihatan rapi.


Pada cara di atas yang biasanya menyarankan hanya menempatkan pada kode <div class='comments' id='comments'> yang kedua saja, saat saya coba pada template blog uji coba saya tidak berhasil, jadi harus menempatkan di bawah kedua kode tersebut.


9. Kemudian klik save, dan lihat hasilnya.

Demikianlah  Cara Membuat Komentar Facebook dan Blogger Berdampingan Pada Semua Template,,

Selamat mencoba ya Sobat dan jangan lupa nih Komentarnya, hehehe,,,  bila ada kata-kata yang salah saya mohon maaf,,

Sumber: http://super-bee.blogspot.com

Ucapan Terima Kasih Saya

Assalamu Alaikum Wr. Wb

Puji syukur saya panjatkan kehadirat Allah SWT yang telah memberi saya kesehatan jasmani maupun rohani sehingga saya masih bisa mengucapkan kata-kata dalam postingan ini,

Solawat serta salam saya ucapkan kepada junjungan Nabi besar saya Muhammad SAW yang telah menunjukkan saya dari jalan yang gelap gulita menuju jalan yang terang benderang.

Salam Blogger, kali ini saya tidak memposting tips trick komputer pemula dan saya juga tidak memposting tips trik blog.

Kali ini saya ingin berterima kasih sebanyak-banyaknya kepada sahabat blogger yang telah mendukung Zuaz'Z Creator di Facebook, Sahabat yang ikut bergabung di sahabat blogger dan Juga sahabat yang mau berlangganan artikel melalui Email.

Beribu-ribu terima kasih juga saya ucapkan kepada teman-teman yang lainya yang telah sudi berkunjung ke blog pemula ini, sehingga blog Zuaz'Z Creator akhirnya mendapatkan rangking dari google.

Rasa percaya tidak percaya saat saya iseng-iseng cek page rank yang biasanya 0/10 dan kini menjadi 2/10, yang artinya kini blog Zuaz'Z Creator mendapatkan page rank 2.

Bukannya saya mau pamer saat ini, tapi saya hanya merasa sangat senag sekali saat melihatnya dan bingung ingin mengucapkan apa kepada Sobat semua yang telah sudi mendukung blog Zuaz'Z Creator. Sekali lagi saya sebagai admin Blog Zuaz'Z Creator "den zuaz" Mengucapkan beribu-ribu terima kasih kepada Sobat semuanya, Mohon untuk tetap mendukung Zuaz'Z Creator sampai kapanpun.

Dalam kesempatan kali ini saya juga mengucapkan selamat kepada Sobat sekalian yang telah mendapatkan rangking dari google, Silakan Sobat Cek di sini Google PageRank Checker, bagi sobat yang belum mendapatkan rangking haruslah bersabar dan terus semangat untuk memposting artikel-artikel yang bermanfaat.

Demikian Ucapan Terima Kasih Saya dan saya akhiri Wassalamualaikum Wr. Wb

Hormat saya den zuaz.

Cara Membuat Fans Page Facebook Di Blog

Salam blogger, Melengkapi permintaan dari salah satu sahabat Zuaz'Z Creator on Facebook yang meminta saya untuk memposting cara untuk menghubungkan blog dan halaman facebook yang lebih kita kenal sebagai Facebook page/Like Box. Facebook page sudah sangat lazim digunakan di blog/website, mengingat besarnya manfaat untuk perkembangan blog/website maupun product yang ditawarkan. 

Jaringan sosial beserta pluginnya, khususnya Facebook, terbukti telah memperluas dan meningkatkan popularitas, daya jangkau, traffic, serta penjualan produk jenis apapun. Oleh karena itu, membuat Fans Page Facebook di blog/website merupakan hal yang sangat dianjurkan untuk blog/website Sobat.

Cara Membuat Fans Page Facebook di Blog/Website
1. Langkah pertama Sobat login terlebih dahulu di account Facebook Sobat.
2. Kemudian buka halaman ini:  Facebook Page
3. Pilih/klik opsi Merek atau Produk

4. Pilih opsi no.1"website" dan isikan no.2"nama Page" sesuai dengan yang diinginkan. centang "Persetujuan" dan klik "Mulai", seperti contoh gambar berikut:

5. Selanjutnya Sobat akan masuk ke halaman Facebook Page yang telah dibuat. Lakukan kostumisasi terlebih dahulu sesuai petunjuk, misalnya mengupload foto/gambar untuk Facebook Page, mengedit informasi, dan lain sebagainya, atau langsung membuat Facebook Like Box yang nantinya dapat dipasang di blog/website.

Penting: Sebelum menuju langkah berikutnya copy terlebih dahulu url Facebook Fan Page yang telah dibuat. Fungsinya sebagai spesifikasi url untuk like box yang nantinya hendak dibuat.

Contoh url-nya: http://www.facebook.com/pages/K-T-B/300432780037612

6. Berikutnya sobat pilih menu nomer 5 dan klik "add like box" atau bisa juga buka halaman berikut: Like Box

7. Selanjutnya, isikan spesifikasi seperti gambar berikut:

Setting Facebook Like Box:

1. Facebook Page url: paste url Facebook Page yang di copy tadi

2. Width: lebar tampilan facebook like, sesuaikan dengan lebar sidebar widget pada blog sobat.

3. Height: adalah tinggi like box, sesuaikan juga dengan widget pada blog sobat.

4. Color scheme: pilih light jika ingin tampilan terang, dan dark untuk tampilan gelap.

5. Show Faces: Centang untuk menampilkan foto profil likers.

6. Border color: Isikan dengan kode warna jika ingin memberi border atau kosongkan agar transparan.

7. Show stream: Centang jika ingin menampilkan informasi/posting terakhir di like box.

8. Show header: Centang jika ingin menampilkan tulisan header "Temukan kami di Facebook".

Lihat preview tampilan di sebelah kanan form tersebut.

8. Jika settingan yang dibuat sudah beres, klik Get Code. Kemudian akan muncul pop-up window yang menampilkan 3 jenis kode, HTML5, XFBML dan IFRAME pilih salah satu dan copy kodenya. (Untuk Blogger, disarankan pilih HTML 5).

Copy kedua kode tersebut untuk pemasangan Like Box di blog Sobat.

Cara pemasangan like Box pada Blog:

1. Buka Dashboard > Design/Rancangan > Klik add a gadget/tambah gadget.
2. Pilih HTML/JavaScript.
3. Masukkan kode yang telah dicopy ke dalam kotak kode HTML/JavaScript.
4. Save/Simpan

.

Like box telah siap digunakan, dan setiap pengunjung blog/website yang menyukai blog/website Sobat dapat dengan mudah meng-klik like pada like box yag telah disediakan.

Demikianlah Cara Membuat Fans Page Facebook Di Blog semoga bermanfaat Sobat.

Sumber: http://buka-rahasia.blogspot.com

Cara Membuat Chat YM Pingbox Pada Blog

Salam Blogger, Kali ini saya akan berbagi tentang bagaimana Cara Membuat Chat YM Pingbox Pada Blog yang telah direquest salah satu sobat Blogger saat chat dengan saya.

Untuk melengkapi cara berkomunikasi langsung pada pengunjung blog kita haruslah menyediakan sebuah media misalnya seperti chatbox ataupun chat YM Pingbox agar pengunjung lebih leluasa untuk bertanya pada kita.

Sebab tidak semua pengunjung mau bertanya lewat komentar pada blog, mungkin disebabkan malu ataupun lainya, dan tidak semua pemilik blog pun mau menjawab pertanyaan si pengunjung tersebut, hal ini saya alami sendiri dulu sewaktu pertama merambah dunia blogger, pengalaman pahit [heheheeee,,, ].

Baiklah cukup sekian kita basa-basinya, bagi sobat bloger yang berminat untuk memasang YM Pingbox Silakan ikuti langkah-langkah berikut ini:

1. Sobat Klik link berikut ini  Pingbox
2. Klik buat pingbox seperti gambar di bawah ini

3. Sobat atur tampilan pingbox seperti gambar di bawah:

Keterangan nomor pada Gambar:

1. Untuk mengatur tampilan tema pingbox
2. Untuk mengatur ukuran text dan warna text pada saat chat
3. Untuk mengatur nama tampilan admin pada pingbox
4. Text yg tampil saat admin online
5. Text yang tampil saat admin ofline
6. Nama chat pingbox

Dari keterangan di atas sobat sesuaikan sendiri tampilannya sesuai selera sobat.


4. Mengatur pingbox akan dipasang dimana, lihat keterangan gambar berikut:

Keterangan nomor pada gambar:

1. Pilih apa jenis blog sobat Blogger atau Wordpres
2. Atur panjang dan lebar pingbox
3. Copy script yang tampil pada kolom tersebut untuk dipasang pada blog sobat.

Dari keterangan di atas sobat sesuaikan sendiri tampilannya sesuai selera sobat dan download aplikasi yahoo! Messengernya.

5. Cara pemasangan.

• Login pada akun blogger sobat
• Klik Tata Letak
• Klik Add Widget / Tambah Gatget
• Pilih HTML/JavaScript
• Paste code yang tampil pada kolom 3 pada gambar di atas ke dalam HTML/JavaScript
• Klik Save / Simpan dan lihat hasilnya.

Demikianlah Cara Membuat Chat YM Pingbox Pada Blog. Semoga bermanfaat ya sobat dan selamat mencoba.