--> UNYU BERBAGI: widget | Deskripsi Singkat Blog di Sini

Berbagi Cerita dari Berbagai Coretan

Showing posts with label widget. Show all posts
Showing posts with label widget. Show all posts

March 02, 2013

Cara memasang Widget Blogger Indonesia FULL

Cara memasang Widget Blogger Indonesia FULL

Bila anda blogger indonesia , pasang lah widget dibawah ini supaya orang luar indonesia bisa mengetahui anda adalah blogger indonesia sejati.
jangan mengaku indonesia kalo belum memasang widget indonesia keren ini ! :D

Beriku kumpulan widget keren indonesia :



sudut kiri atas

Iskaruji dot com 


sudut kanan atas
Iskaruji dot com

 
sudut kiri bawah

Iskaruji dot com
 
 

sudut kanan bawah
Iskaruji dot com
 



 
 

 


Cara memasang Widget di atas bagi yang pemula :)
  • Login Ke Blog =  Desain = Tata Letak = Add Gadget(pilih gadget) = pilih JavaScript/HTML = Selesai.


Smoga Blog sederhana Ini Bermanfaat Pada Sobat Blogger khususnya blogger indonesia :)


March 01, 2013

Membuat admin blog dibawah postingan

Membuat admin blog dibawah postingan

Haii, salam hangat buat para pembaca setia unyu-cyber. Mungkin kalian sudah bosan dengan artikel yang saya sajikan selalu tentang cerita motivasi, nah kali ini saya akan mencoba berbagi tips tentang Cara Membuat Profil Admin Dibawah Postingan Blog

Apakah sobat pernah melihat kotak kecil berisi keterangan dan pesan penulis disertai judul posting dan tanggal terbit yang biasa ditampilkan di bawah posting, ternyata cara membuatnya cukup mudah lho, untuk contohnya sobat bisa lihat di blog unik.bertuah.info seperti terlihat dibawah ini.

Nah, buat sobat yang ingin mencoba menampilkan profil atau biografi singkat tentang diri sobat, maka sobat bisa mengikuti langkah berikut ini.

Pertama-tama, masuklah ke halaman Design, pilih edit HTML template sobat, kemudian centang bagianExpand Template Widget agar seluruh elemen pembangun posting tampil.

Temukan kode ini:


TIPS: Tekan CTRL + F lalu ketik class='post-footer' untuk mempermudah pencarian.

Salin kode ini, kemudian letakkan tepat di atas kode




Ditulis Oleh :




Artikel ini ditulis oleh pada hari . Terimakasih atas kunjungan Anda pada blog ini. Kritik dan saran tentang dapat Anda sampaikan melalui kotak komentar dibawah ini.
:: Get this widget ! ::



Silahkan sobat ganti kode yang berwarna merah dengan image profil sobat.

Kemudian cari lagi kode ]]>
 pada template sobat. Kemudian copy kode CSS dibawah ini dan paste tepat diatas kode ]]>. Jika gagal sobat bisa juga meletakkan kode CSS ini tepat dibawah kode .
.admin-penulis {
   display:block;
   width:auto;
   background:#defdef;
   padding:0;
   margin:30px 0 10px 0;
   font:normal 12px Arial, Sans-Serif;
   color:#222;
   border:2px solid #fff;
   box-shadow:0 1px 3px #000;
   -moz-box-shadow:0 1px 3px #000;
   -webkit-box-shadow:0 1px 3px #000;
   }

.admin-penulis .kontainer {
   padding:5px;
   }

.admin-penulis h4 {
   background:#699019;
   border:none;
   border-bottom:1px solid #699019;
   color:#fff;
   text-transform:normal;
   text-shadow:0 1px 0 rgba(0, 0, 0, 0.4);
   font:bold 12px Arial,Sans-Serif;
   padding:5px 10px;
   margin:0 0 0 0;
   display:block;
   }

.admin-penulis h4 a {
   color:#FEEA83;
   }

.admin-penulis img {
   width:70px;
   height:70px;
   margin:0 10px 0 0;
   float:left;
   border:1px solid #954B02;
   padding:2px;
   background:#ffffff;
   box-shadow:none;
   -moz-box-shadow:none;
   -webkit-box-shadow:none;
   }
Langkah terakhir Simpan template sobat. Untuk selanjutnya saya yakin sobat mempunyai kreasi sendiri untuk lebih mempercantik tampilan blognya, semoga tips singkat tentang Cara Membuat Profil Admin Dibawah Postingan Blog ini bermanfaat bagi para pembaca setia. Jika sobat berkenan, mohon jangan dihapus kredit link yang menuju ke tutorial ini. Terimakasih.

February 26, 2013

Cara Membuat buku tamu melayang

Cara Membuat buku tamu melayang

Kali ini Saya akan membagikan tentang tips membuat buku tamu melayang di sebelah kanan blog dan bisa ditutup dibuka.. , seperti buku tamu yang ada di blog saya itu, tulisan ini saya posting karena banyak temen-temen saya yang tanya "Gimana si buat buku tamu yang kaya gitu?" maka dari itu, saya buat tulisan  ini. Nah dari pada bkin penasaran temen-temen, langsung aja ini caranya, Pertama-tama Anda buat dulu aplikasi chat Anda seperti shoutbox atau cbox, namun karena kini shoutbox sudah tidak gratis lagi, saya sarankan Anda untuk menggunakan Cbox saja yang gratis klik ini untuk menuju ke Cbox. Okeh silakan Anda buat akun kemudian pilih-pilih desain sesuai keinginan Anda, jika sudah jangan lupa untuk menekan "save" lalu pilih "publish" untuk memunculkan kode Cbox milik Anda. Lalu untuk membuat buku tamu melayang, ikuti langkah berikut ini :


1. Login ke blogger temen-temen.

2. Untuk blog yang baru, Anda pilih Tata letak
.

3. 
Tambah gadget, Pilih HTML/Javascript.

4. Copy kan kode dibawah
 :






MASUKAN KODE SCRIPT CBOX ANDA DISINI


[tutup]




5. 
Kemudian Paste kan kode script ini ke halaman gadget baru yang Anda baru tambahkan.

6. Yang terakhir simpan
 dan lihat hasilnya.

CATATAN :
Kode yang berwarna merah diganti dengan 
KODE SCRIPT CBOX yang telah Anda buat.

Okeh...semoga tulisan ini bermanfaat, dan selamat mencoba. ^_^

February 24, 2013

Cara Memasang Jam Dan Kalender di Blog

Cara Memasang Jam Dan Kalender di Blog

:hii:Regards sahabat unyu :hii:

Berikut ane ingin berbagi tantang: Cara Memasang Jam Dan Kalender di Blog
AchsanBlog - Cara Memasang Jam Dan Kalender di Blog. sobat bagi seorang blogger ada berbagai macam aksesoris yang bisa di tambahkan pada blog  salah satu widget yang mungkin berguna bagi blogger  memasang Jam serta kalender di blog tersebut. widget jam dan kalender ini selain berfungsi untuk menghiasi blog bisa juga bermanfaat untuk mengingatkan atau menunjukkan waktu serta tanggal pada pengunjung. untuk blog saya ini sementara tidak saya pasang, karena tempatnya udah penuh, hehe


Cara Pasang Jam di Blog :


1. Silakan menuju situs http://www.clocklink.com/gallery.php


2. Setelah anda masuk di situsnya pilih “Gallery” jam yang ada, yang ini saya sarankan sesuaikan gallery jam yang di pilih dengan tema blog anda agar lebih seragam, misalkan blog anda membahas mengenai olah raga maka pilih Sports.


3. Pilih model jam yang anda inginkan, misalkan jam berbentuk bola lalu klik “View HTML Tag” yang berada tepat pada gambar jam yang di pilih tersebut.


4. Selanjutnya jika ada keluar halaman persetujuan license, klik saja tombol “Accept”dan akan muncul halaman pengaturan warna, jam serta zise yang di inginkan yang di sertai dengan dua kotak Text box yang berisi scrip kode jam tersebut.


5. Ambil salah satu kode tersebut, dan pastekan dan save langsung di halaman posting/artikel atau di widget blog anda tergantung di mana anda mau meletakkan jam tersebut.


6. Selamat, anda sudah mempunyai jam sebagai penunjuk waktu di blog anda.



Cara Pasang Kalender di Blog :

1. Silakan menuju situs http://www.free-blog-content.com/

 
2. Selanjutnya pilih tipe kalender yang anda inginkan pada kolom di bagian bawah, yang terdiri dari Animated Calendars, Nature Calendars, Car Calendars, Abstract Calendars, Girl Calendars, Plain Calendars, Animal Calendars, Calendar with Clock

 
3. Setelah anda memilih salah satu tipe dan model kalender, anda akan di arahkan ke halaman selanjutnya yang berisi model tampilan kalender serta scrip kode kalender tersebut.

 
4. Ambil salah satu kode kalender yang anda sukai kemudian pastekan dan save di halaman posting/artikel atau widget blog anda, tergantung di mana anda mau meletakkannya.

 
5. Sekarang di blog anda sudah mempunyai Kalender yang menghiasi blog anda sekaligus mengigatkan tanggal ke pada anda.


semoga bermanfaat !!

jangan lupa beri komentarnya ya :)

February 20, 2013

Memasang Efek Matrix Di Blog

Memasang Efek Matrix Di Blog


:hii:Regards sahabat unyu :hii:

Berikut ane ingin berbagi tantang:
Pernahkah anda melihat efek garis-garis berwarna hijau di background blog? ya itu adalah efek matrix. sebenarnya memasang beberapa jenis efek di blog akan mempengaruhi loading blog kita. tapi bagi anda yang masih ingin membuat blog nya terlihat lebih rame lagi silahkan pasang script dibawah ini kemudian liat sensasinya.
Berikut tahapan pemasangannya :

  • log in ke blogger
  • klik rancangan -- tata letak
  • add gadget dan pilh HTML / Java Script 
  • pastekan kode dibawah ini





  • Simpan

    Selamat Mencoba !!!

Sumber 
Cara membuat related post

Cara membuat related post

 
 

:hii:Regards sahabat unyu :hii:

Berikut ane ingin berbagi tantang:
 
Related post meerupakan fitur artikel berkenaan yang ditambahkan oleh si pemilik blog agar pengunjung dapat mengetahui artikel lainnya dalam blog tersebut. blog akan secara otomatis membuat daftar artikel yang kita posting berdasarkan keterkaitannya dengan artikel lainnya. biasanya fitur ini diletakkan dibawah postingan.


ngerti ga sih saya ngomong panjang lebar. begini lah screen shotnya. silahkan dilihat gambar dibawah. kurang lebih seperti itu.
contoh related post
tertarik untuk memasangnya di blog anda? langsung aja ini caranya :
  1. Log in ke blogger.
  2. Pada Menu klik Rancangan ➨ edit HTML ➨ centang  Expand Template Widget, download dulu template sobat untuk mengantisipasi bila ada kesalahan.
  3.  Selanjutnya cari kode
. jika sudah ketemu silahkan paste kode dibawah ini di atas kode
 




Related Posts Widget For Blogger with 
ThumbnailsBlogger Templates

5. Klik save template.
  mudah bukan menerapkannya ke blog kita? selamat mencoba semoga bermanfaat.
Menambah Elemen Baru Dibawah Header Blog

Menambah Elemen Baru Dibawah Header Blog

:hii:Regards sahabat unyu :hii:

Berikut ane ingin berbagi tantang: Postingan kali ini berkenaan dengan postingan sebelumnya yakni membuat menu dibawah header. karena menu yang dibuat diletakkan di gadget dibawah header. pertanyaannya adalah bagaimana jika template blog saya tidak terdapat gadget dibawah headernya berarti kita tidak bisa bikin menu donk. duh jangan berputus asa gitu dulu sobat karena blog yaqindlive akan share cara membuat atau menambahkan elemen baru dibawah header. masih bingung tidak dengan yang dimaksud, jika masih silahkan tatap gambar dibawah ini hoho.


Cara menambahkannya sebagai berikut :
1. Log in ke blogger
2. Pada menu klick Rancangan ➨ Edit HTML
3. CentangExpand Template Widget ➨ Backup dulu templatenya untuk berjaga-jaga bila terjadi  kesalahan.
4. Copy kode berikut lalu pastekan diatas kode ]]>

      #under_header{
      margin:10px 0;
      padding:1%;
      width:98%;
      }

5. Kemudian cari kode yang mirip dengan kode dibawah ini





   

6. Copy kode dibawah ini dan pastekan di bawah kode diatas




7. Save template anda dan tunggu hingga loading selesai
8. Klik element laman dan lihat anda sudah mempunyai elemen baru dibawah header

..: Congratulation & Happy Blogging :..
no image

Menambah Elemen Baru Diatas Header Blog


:hii:Regards sahabat unyu :hii:

Berikut ane ingin berbagi tantang: Jika sebelumnya saya pernah memposting cara menembahkan elemen baru dibawah header sekarang blog yaqindlive akan post tutorial menembahkan elemen baru diatas header. elemen baru merupakan gadget khusus yang digunakan oleh blogger untuk memasang java script di blognya. bisa untuk memasang iklan, daftar isi, atau menu yang mengharuskan gadget atau elemen baru ada di atas header. langsung saja caranya

Step-Stepnya :
  • Log in ke akun blogger sobat
  • Selanjutnya Klik Rancangan ➨ Edit HTML. Jangan lupa untuk selalu memback up template anda takut   terjadi kesalahan CentangExpand Template Widget ➨ Download Template. 
  • Selanjutnya cari kode ]]>

  • Pastekan kode dibawah ini tepat diatas kode ]]>


  •      
          #gadget_header{
          margin:10px 0;
          padding:1%;
          width:100%;}

     


  • Selanjutnya cari kode
    atau jika tidak ada silahkan cari kode <div class='header-wrapper'> atau
  • Jika sudah ketemu pastekan kode dibawah ini tepat diatas kode tadi






  • Simpan template anda dan lihat hasilnya


  • Sumber : http://yaqindlive.blogspot.com/2012/07/menambah-elemen-baru-diatas-header-blog.html#ixzz2LPun8cYI

    February 18, 2013

    no image

    Cara mudah membuat favicon sendiri


    Regards sahabat unyu :hii:

    fav.jpg

    Favicon adalah singkatan dari Favorite icon yaitu gambar/logo yang tertera pada sebelah kiri bagian address bar pada suatu browser.
    Favicon juga dikenal dengan sebutan shortcut icon, website icon,URL Icon, bookmark icon yang berbentuk gambar icon kecil dengan ukuran 16x16 pixel .
    Pada browser logo favicon ini biasanya ditampilkan pada address bar atau bookmark menu.
    Dengan memiliki favicon pada blog atau website kita, tentunya favicon ini bisa kita jadikan ciri khas atau identitas dari blog atau website kita.
    Favicon biasanya berformat ico,gif atau png.
    Dan bagi anda yang mau bikin silahkan mencoba.
    Pertama anda siapkan gambar/photo yang akan dibuat logo favicon.
    Seterusnya anda masuk ke sini . Lalu pilih gambar dan klik created, jadi deh
    Setelah itu download gambar tersebut.
    Oh iya cara diatas aku menggunakan ponsel via operamini.
    Dan belum pernah mencoba memakai perangkat lain.
    Dan untuk pemasangan favicon di mywapblog cukup mudah.
    Anda hanya menuju Dashboard >> Pengaturan >> upload favicon >> Simpan, dan Selesai.
    Dan untuk diwebsite, pertama simpan/upload logo favicon di folder.
    Dan pemasanganya, biasanya pasang di tag head.
    Dan cara pasangnya seperti kode dibawah

    buang tanda *
    Kiranya hanya itu yang saya sampaikan.
    Moga ada manfaatnya.

    ane sih bikinnya disitu gan


    February 16, 2013

    no image

    cara membuat | flag visitor



    Pada waktu membuat blog di WP ini, banyak hal yang menarik perhatian papafaiz. Salah satunya adalah tampilan bendera pengunjung blog.
    Papafaiz melihat hampir sebagian besar blog yang pernah papafaiz kunjungi mempunyai flag visitor ini.
    Lagi-lagi seperti yang papafaiz lakukan pada saat mencari jawaban di internet (lihat di cara membuat read the rest of this entry), papafaiz bertanya ke papagoogle, bagaimana sih cara membuat flag visitor ini?
    Flag visitor ini merupakan sebuah widget untuk mengetahui jumlah pengunjung berdasarkan negara asal pengunjung.
    Ini cara membuatnya.
    • masuk dulu ke situsnya flagcounter disini
    • kalau sudah, anda akan lihat halaman seperti ini

    setelah anda masuk ke situs tersebut anda akan dihadapkan pada tampilan seperti diatas;
    1. anda harus memilih show on your site : top countries atau flag map. kalau pilih top countries akan tampil seperti di nomor 5. Sedangkan untuk flag map, tampilannya akan berubah dengan gambar peta disertai bendera negara.
    2. disini anda akan lihat maximum flag to show, disini anda tinggal pilih saja berapa negara tertinggi pengunjung yang akan ditampilkan seperti di no. 5. Colums of flag, ini jumlah kolom dalam displaynya (pada no.5, itu merupakan bentuk 2 kolom).  Label on top visitor, ini adalah judul dari display di no.5
    3. Show Country Codes, ini adalah untuk menunjukkan perlu tidak nya id negara tersebut ditampilkan (di display no.5 itu merupakan contoh tanpa mencentang opsi ini). Show pageview count, ini adalah untuk menampilkan jumlah pengunjung total.
    4. Get Your Flag Counter, setelah anda selesai memilih pilihan anda, sekarang anda tinggal meng-klik tombol tersebut. Setelah anda klik, nanti akan tampilan ada tampilan pop up “Would you like to register your Flag Counter?“, ini bisa anda isi atau di-SKIP saja.
    Setelah anda SKIP atau Continue nanti akan ada tampilan

    Naah.. tugas anda sekarang adalah meng-copy (menyalin) apa yang ada di kotak merah itu. Pertanyaan berikutnya; trus di-paste-kan (ditempel) kemana dung?
    langkah selanjutnya, buka akun Blog anda kemudian cari tata letak | widgets | tambah scripnya , tinggal anda save saja.
    selesai. :)

    Sumber gambar :Google.com
    Cara Membuat Buku Tamu Melayang & Sembunyi Di Kanan Atas Blog | Tips Blogspot | Buku Tamu Melayang Di Blog

    Cara Membuat Buku Tamu Melayang & Sembunyi Di Kanan Atas Blog | Tips Blogspot | Buku Tamu Melayang Di Blog


    Cara Membuat Buku Tamu Melayang & Sembunyi Di Kanan Atas Blog | Tips Blogspot | Buku Tamu Melayang Di Blog - Posting kali ini kolom blog gratis akan membahas cara  Membuat Buku Tamu Melayang Dan Tersembunyi Di Kanan Atas blog, Membuat buku tamu itu penting karena disitulah para blogger saling menyapa dan memberikan pendapatnya mengenai blog sobat. Namun salah satu yang bikin masalah yaitu mencari peletakanya. Kadang para blogger binggung memasangnya dimana. Nah kalo masalah itu ada solusinya yaitu memasang Buku tamu yang melayang. Maka dari itu sebelum memasang ini harus diperhitungkan juga masalah kecepatanya. fitur buku tamu ini sangat disarankan untuk dipasang. Hal ini dikarenakan dengan adanya buku tamu, sobat menjadi tahu siapa saja yang sudah berkunjung di blog sobat. Dan tidak hanya itu buku tamu bisa berfungsi sebagai chatting ( komunikasi ) antara sobat pemilik blog dengan pengunjung, Berikut ikuti langkahnya :
    1. Daftar ke Shoutmix untuk dapatkan kode buku tamu.
    2. Masuk / Login ke blogger dengan ID sobat.
    3. Pilih ke menu Rancangan ( Element laman ).
    4. Pilih Tambah Gadget - Pilih HTML / Javascript.
    5. Copy paste kode html dibawah ini :






      ..:: Paste Kode Buku Tamu Sobat Disini ::..

      ">
      [
      Free ShoutMix]



  • Kemudian Klik simpan
  • Selesei.
  • Catatan Penting!!! Jangan satukan dengan Iklan Melayang karena akan menjadi kacau balau, Semoga Cara Membuat Buku Tamu Melayang & Sembunyi Di Kanan Atas Blog | Tips Blogspot | Buku Tamu Melayang Di Blog bisa bermanfaat dan tambahkan jaring teman diKolom Blog GRATIS,...

    Sumber : http://www.kolombloggratis.blogspot.com/2011/05/membuat-buku-tamu-melayang-sembunyi-di.html#ixzz2L2dIaUXI