gadget tersembunyi

FACE GADGET

UNTUK GADGET BERIKUTNYA
---------Image 2
Gadget Blog Anda Demo Gadget Blog Anda Demo2 Gadget Blog Anda Demo Gadget Blog Anda Demo Gadget Blog Anda Demo Gadget Blog Anda Demo Gadget Blog Anda Demo2

mega dropdown

Translate

S- otomatis

Cara menyimpan sosial plugin di bawah posting

Artikel kali ini saya aka memberi informasi kepada teman-teman semua tentang membuat gadget Sosial Button, biasanya pada sebelumnya jika ingin membuat gadget tersebut harus edit Template HTML, namun pada artikel yang ini Anda hanya cukup menabah gadget baru atau Add a Gadget pada sidebar, ingin meletakkan gadget terserah Anda, pada akhirnya gadget tersebut akan muncul di bawah setiap posting. Untuk itu bila Anda berminat silakan kunjungi alam ini untuk daftar baru

1. Masuk dengan akun Anda atau daftar sebagai pengguna  baru
2. Setelah berhasil, lihat arah panah pada gambar di bawah ini dan pilih salah satu yang diinginkan





3. Langkah berikutnya lanjutkan klik Next


4. Pilih salah satu platform seperti contoh, pada gambar bawah, tunggu beberapa saat hing muncul  tanda "
  Check here to open Blogger  " lalu klik



5. Menambah Elemen Laman, pilih blog yang aka dipasang gadget  ini. Sebelum melangkah sebaiknya klik "Edit Konten" akan muncul kode yang dimaksud. Untuk penempatan posisi gadget dapat Anda lakukan klik   Menambah Widget  atau copy saja code di dalam kotak merah


Atau pilih code yang sudah ada di bawah, hanya tinggal copy saja.
Arahkan mouse langsung disorot untuk copy

Cara menerapkan:
  •  Masuk ke Blogger dengan akun Anda >> teruskan ke Desigen / Rancangan.
  • Kemudian pilih Tata Letak untuk Tambah Gadget / Add a Gadget
  • Lalu paste code tersebut pada halaman Mengonfigurasi HTML/JavaScript
  • Klik  Simpan 

Selesai.
Lihat hasilnya..... selamat mencoba semoga berhasil................ Terima kasih...

Tampilan Dashboard Blogger lama telah tiada


Secara tidak sadar kerena terlalu mendahulukan membuat artikel baru untuk blog,  dan pada waktu itu, mungkin dua bulan yang lalu sebelumnya saya menggnakan tampilan lama Dashboar Blogger, seperti bisa tidak terlalu peduli pada tampilan itu karena tidak membutuhkan untuk penyetelan tampilan blog. Sebelum sudah ada pemberitahuan mengenai tampilan Dashboard Blogger akan segera  dihapus, Anda akan menggunakan tampilan Dashbord yang baru. Sebenarnya dengan bergatinya tampilan Dashboard baru lebih simpel digunakan daripada tampilan Dashboard lama. Sudah faham betul  dong dengan tampilan Dashbord lama Blogger kan? Yang seperti di bawah:


Kemudian diganti dengan tampilan baru seperti di bawah:



Dan pada setelan yang berada di sisi kanan seperti yang telihat pada contoh gambar di bawah, bertuliskan "Old Blogger interface" sekarang sudah tidak ada; coba lihat oleh Anda pada stelan tampilan Dashbord Blogger blog Anda




Setelan menjadi seperti gambar di bawah:




Yang lainnya masih banyak lagi yang belum dibuat artikelnya tentang tampilan Dashbord Blogger yang baru, Anda pun sudah tahu semua cara menggunakannya pada Dashboard tersebut. Untuk kelanjutan artikel ini saya serahkan kepada Anda. Artikel saya cukupkan samapi di sini, semoga bermanfaat untuk teman-teman semua sesama neter dapat dan saling berbagi pengetahuan. Terima kasih.......

Cara membuat video mengapung

Cara membuat gadget video ketika di klik akan mengapung dan langsung memutar sendiri, seperti contoh di bawah pada judul di bawah ini:

Video
dan ini dapat dimanfaatkan untuk perlengkapan sebagai tutorial blog Anda dalam video tersebut. Untuk menerapkan pada blog Anda , mari kita ikuti langkah-langkahnya:
Sebelum melakukan, sebaiknya Anda masuk ke Blogger>> lanjutkan ke Design>>pilih Edit HTML Template>> klik lagi Lanjutkan.
Lalu cari code </head> untuk menyimpan code utama pada sebelum penutup kepala </head>
copy code yang paling atas ya? Di halaman sebelah lalu paste pada halaman Edit HTML Template: Lanjutka ke halaman ini untuk melihat code itu..

Cara membuat teks muncul pada link

Cara membuat teks muncul pada link ketika disentuh cursor, dengan cara ini akan membantu pada pengunjung saat mengarahkan mouse ke link, sebelum mengklik  akan akan muncul nama judul dari artikel tersebut, jadi kesimpulannya pungunjung diberi tahu sebelum melangkah ke halaman berikutnya oleh kemunculan teks atau judul yang muncul pada, Link., cara membuatnya pun sangat sederhana, bila Anda ingin membuat cukup ikuti lang-langkah berikut di bawah ini. Seperti dikatakan pada artikel di atas yaitu tentang Cara membuat teks muncul pada link Ingin membuat dengan cara yang ini? Di sini atau, berikut untuk diterap pada artikel posting baru blog Anda. atau muncul pada image Untuk pilihan Anda

Caranya:
1. Masuk ke Blogger
2. Lalu mengarah ke Posting Baru / New Post 
Catatan! Sebelum mengetik artikel, sebaiknya  pada halaman posting baru dalam posisi HTML karena, jika mengetik artikel terlebih dulu akan merumitkan Anda dalam mengedit code ini.

Gambar mengapung #2

Berikutnya saya akan memberikan contoh image "Pretty Photo Falsh"  dari kumpulan gambar yang Anda tanamkan pada postingan ini adalah gambar mengapung. Gambar-gambar ini ketika di klik akan mengapung pada posisi di tengah layar komputer dan gambar yang telah mengapung tadi bisa dimainkan secara otomatis, juga dapat di klik satu per satu untuk menggeser gambar tersebut. Coba Anda klik contoh gambar-gambar di bawah, jika tidak berfungsi Anda dapat beralih ke halaman sebelah untuk melihat cara kerjanya dari gambar-gambar tersebut.dan pada gambar yang muncul di situ adapula tombol "tweet" dan tombol Facebook "Like"


Mungkin pada template ini tidak cocok untuk gambar mengapung ini, jadi saya alihkan pada sidebar di bagian footer blog ini dengan judul gadget "image 2" dan ke blog percobaan. Untuk itu Anda dan teman-teman semua yang ingin menanamkan gambar mengapung untuk blog Anda sebagai pelengkap artikel atau blog khusus gambar dengan  slogan  pada gambar yng telah di upload. Maka dari itu saya sarankan bahwa gambar mengapung ini sangat menarik bagi pengunjung untuk melihat gambar-gambar Anda karena,  gambar mengapung ini, jika pengunjung mengklik gambar  akan mengapung dan berganti tampilan menjadikan gambar berada di dalam bingkai lengkap dengan beberapa pengaturan untuk pilihan yang diinginkan pengunjung. Pada bingkai  tertanam tiga pengaturan, bisa dilihat untuk membuktikan. Pada posting yang lalu sudah saya berikan contoh, fungsinya hampir sama dengan posting kali ini, namun gambar tersebut tidak bisa diputar otomatis .
Code HTML masih dalam format.....

Menyimpan Blog Di Google Maps

Untuk Anda semua yang sudah atau belum menyimpan blog di Google Maps, di sini Anda bisa melakukan dan menyimpannya. Untuk membuat blog tersimpan di Google Maps, karena Anda menggunakan akun Gmail, ini secara otomatis Anda dapat langsung menyetel pada halaman ini.
Perhatikar, nomor 1, 2, dan nomor 3.
  1. Ketik nama Daerah, Kota Anda atau nama Propinsi
  2. Sesudah itu klik My places
  3. Klik lagi CREATE MAP, jika Anda ingin melihat panduannya, klik saja link seperti ini New! Explore making custom maps in an interactive tutorial. yang berada di bawah CREATE MAP

4. Ketik Judul dan Slogan Blog, yang akan dimuat ke Google map. Setelah selesai, klik tombol Done
Agar terlihat di publik, sebaiknya klik tombol Public


5. Lihat hasilnya dari judul dan slogan tadi di atas.



6. Untuk Edit posisi pada alamat atau kota Anda tinggal, klik ikon yang telah diberi tanda merah dalam posisi mengarah pada Map, lalu geser ikon tersebut tepat pada alamat yang dituju.lepaskan ikon tersebut.


7. Setelah selesai melakukan itu, Kita kembali ke bagian Edit lagi, untuk meberikan logo sebagai blog Anda. Sebagai contoh, seperti pada gambar dibawah adalahjudul blog tadi yang telah dibuat, perhatikan judul blog tesebut yang ditunjuk dengan gambar tanda panah. Lihat nomor 1 dan nomor 2, ini adalah:
  1. Jika perlu unggah image  Anda untuk tampilan muka pada Google map.
  2. Klik ikon image, untuk mengunggah gambar untuk tampilan pada Google Map, gambar ini akan muncul setelah dikilik oleh pengunjung atau Anda sendiri.



8.Jangan lupa untuk menautkan link sebagai alamat yang mengarah ke blog Anda, beri slogan untuk link itu yang berada di bawah gambar dalam halaman (lihat ikon nomor2).Setelah selesai klik "OK" lalu klik lagi Done


9. Sekarang lihat gambar di bawah,  untuk mendapatkan code HTML nya, perhatikan susunan tiga kotak yang diberi tanda di bawah ini
  1. Pertama klik ikon mata rantai/link
  2. Klik link seperti Customize and preview embedded map
  3. Lalu copy  code HTML di sisi paling kanan.


Cara menempatkan pada blog.
Masuk ke blogger dengan akun Anda >> Klik New Post>>Paste di halaman posting baru dalam posisi Edit HTML.
Klik TERBITKAN ENTRI

Selesai.. Lihat hasilnya,,, selamat mencoba semoga berhasil dan bermafaat

Membuat komentar Face Book (gadget auto hide)

Beberapa gadget yang sudah pernah dilihat oleh Anda, hampir seluruhnya sama cara kerjanya dari gadet auto hide ini. Adapun dengan artikel tersebut saya akan memaparkan tentang gadget auto hide untuk komentar Facebook, yang mana komentar Face Book ini akan tersimpan di sisi kanan blog kita, kebetulan dalam artikel yang dimaksud terletak di sisi kanan. Untuk menghindari "gambar/image Facebook" tidak terbalik, sebaiknya ditempatka pada sisi kanan.
Sebelum Anda membuat nomor id Facebook Anda, ada baiknya lihat dulu code komentar FaceBook (gadget auto hide) di bawah ini:


Keterangan:
  js.src = "//connect.facebook.net/id_ID/all.js#xfbml=1&appId=141xxxxxxx13759"; yang berwarna merah (Ganti dengan nomor ID facebook Anda)
data-width="385" data-colorscheme="dark"></div>  Ganti dan sesuaikan dengan warna yang Anda suka, Blue atau Black, sebagai "ukuran:" dan warna latar belakang kotak komen "Facebook"
 Cara membuat ID Facebook:
  •  Klik +Create New App
  • Ketik nama yang akan dibuat misalnya nama blog Anda sebagai aplikasi, klik "Lanjutkan" seperti contoh di bawah:
  •  Berikutnya akan terlihat dua code samar, ketik ulang pada kolom yang telah disediakan, seperti gambar di bawah:
  •  Klik lagi "Lanjutkan"  (gambar bawah) Jadi sudah App ID  Facebook di bawah nama App itu.
 Sekarang saatnya membuat 
plugins "Komentar" dan tombol "Suka" Facebook untuk blog Anda, pergi dari sini.


Lihat nomor 1, 2 dan 3. Ini adalah cara membuat  kotak komentar sudah selesai.
1. "Comments"
2. " URL http://bloganda.blogspot.com"
3. "Get Code"
 Cara memasang susunan code dari atas untuk gadget auto hide tersebut, Anda hanya membutuhkan / copy ID Facebook dan mengganti dengan nama judul blog dan URL nya saja, pada code di atas.
1. Masuk ke blog Anda >> "Rancangan">>"Tambah Gadget">>
2.  Lalu masukkan code pada halaman "Mengonfigurasi HTML/JavaScript"
3. Klik  Simpan 
Selesai...Lihat hasilnya...Selamat mencoba semoga berhasil,,, terima kasih. 

Membuat Image Galllery

Beberapa hari yang lalu saya melalukan share ke beberapa situs, untuk mencari hal-hal terbaru (menurut saya) kususnya tentang image, yang mana image ini banyak sekali bentuknya. Dalam artikel saya ingin berbagi pengalaman dengan Anda, sebetulnya slide image gallery ini berbayar, namun bisa dirubah gambarnya hanya saja link dari situs tersebut tidak bisa dirubah karena gratis. Tapi cukup lumayan hasilnya bisa kita nikmati dengan merubah gambar  hasil yang kita buat. Ya,, itung-itung mengenal dan melancarkan dalam edit mengedit code-code yang sangat rumit untuk mengasilkan sebuah slide image galleri. Bagi yang suka tantangan dalam mengedit, di sinilah kita mengalami sedikit kesulitan karena dalam penyempurnaan satu gambar saja tidak cukup satu kali menanamkan URL image, kita haru membuat ukuran gambar kecil dan ukuran gambar besar agar terlihat perubahannya ketika pengunjung mengklik image gallery tersebut.
 Ok, untuk memulai Anda masuk ke Blogger, >Pergi ke Design > untuk Edi HTML
  • 1. Paste code di bawah, persis di atas code </head>
  • 2. Berikutnya Beralih ke halaman posting baru dalam posisi Edti HTML, paste code di bawah pada halaman itu (halaman posting baru)
  • 3. Untuk menyelesaikan, code di bawah ini harus anda rubah dan paste di bawah code tadi pada halaman posting baru.
  •  Bila Anda merasa kesulitan membaca code image di bawah ini, Anda dapat meng-copy code tersebut secara manual yang berada paling bawah dengan tampilan lebih jelas dan nyata





<div class="thumbwrapper">
Gallery
<a class="highslide" href="http://www.highslide.com/samples/gallery3.jpg" onclick="return hs.expand(this, galleryOptions)"><img alt="Highslide JS" src="http://www.highslide.com/samples/gallery3.thumb.jpg" title="Click to enlarge" />&nbsp;</span></a>&nbsp;
<a href="http://www.highslide.com/samples/gallery7.jpg" class="highslide" onclick="return hs.expand(this, galleryOptions)"><img alt="Highslide JS" src="http://www.highslide.com/samples/gallery7.thumb.jpg" title="Click to enlarge" />&nbsp;</span></a>&nbsp;
<a class="highslide" href="http://www.highslide.com/samples/gallery5.jpg" onclick="return hs.expand(this, galleryOptions)"><img alt="Highslide JS" src="http://www.highslide.com/samples/gallery5.thumb.jpg" title="Click to enlarge" /></a></div>
<div class="thumbwrapper">




Code yang di atas ini menggunakan metode meng-klik ikon yang berada di pojok atas bagian kanan kode, caranya sentuh code dengan cursor, lihat ikon yang muncul, kemudian tnjuk satu persatu ikon tersebut, Untuk meng-copy code, klik saja ikon yang bertuliskan "Copy to Clipboard". Jika Anda ingin menanamkan cara copy seperti pada code di atas. Akan saya publikasikan segera


<div class="thumbwrapper">

Gallery

<a class="highslide" href="http://www.highslide.com/samples/gallery3.jpg" onclick="return hs.expand(this, galleryOptions)"><img alt="Highslide JS" src="http://www.highslide.com/samples/gallery3.thumb.jpg" title="Click to enlarge" />&nbsp;</span></a>&nbsp;


<a href="http://www.highslide.com/samples/gallery7.jpg" class="highslide" onclick="return hs.expand(this, galleryOptions)"><img alt="Highslide JS" src="http://www.highslide.com/samples/gallery7.thumb.jpg" title="Click to enlarge" />&nbsp;</span></a>&nbsp;

<a class="highslide" href="http://www.highslide.com/samples/gallery5.jpg" onclick="return hs.expand(this, galleryOptions)"><img alt="Highslide JS" src="http://www.highslide.com/samples/gallery5.thumb.jpg" title="Click to enlarge" /></a></div>

<div class="thumbwrapper">


 CATATAN:

Pada code gambar atau URL image  di atas, perhatikan ada tiga dari masing-masin kelompok code image sama, namun pada code tersebut ada satu code itu  untuk gambar menjadi besar  (code yang berwarna merah)


Sedangkan code yang berwna pink, untuk code gambar kecil, perlu dipehatikan agar gambar tersebut menjadi kecil, sebaiknya code .thumb.jpg ini jangan dihilangkan, masalhnya, jika dihilangkan maka gambar tidak akan mengalami perubahan
Setelah seluruh selesai. Klik Publikasi.
Selesai......Selamat mencoba semoga berhasil...Somaga bermanfaat untuk Anda ...Terima kasih......