Showing posts with label Widgets. Show all posts
Showing posts with label Widgets. Show all posts

Monday, May 23, 2011

Cara Pasang Widget Melayang Di Pojok Blog

Cara Pasang Widget Melayang Di Pojok Blog - ini melainkan untuk membuat Widget - widget selalu di lihat oleh pengunjung dan tidak perlu memakai scrool ke bawah atau ke atas dan widget ini secara otomatis akan selalu berada di Pojok bawah kanan atau kiri, dan juga bisa di atas kanan atau kiri, lihatlah di blog KomMukti juga ada Widget Melayang Di Pojok Blog yaitu Widget facebook fans, coba anda scrool ke atas atau kebawah,, akan terus menempelkan.
Manusia, Melayang, Terbang, Cara, Pasang, Widget, Blog
Artikel ini juga berhubungan dengan artikel Trik Blog sebelumnya yaitu :
jangan lupa di baca juga ya. Cara Pasang Widget Melayang Di Pojok Blog tidak rebet kok untuk cara pemasangannya yang blog - blog lain pernah posting, dan membuat widget melayang dalam artikel ini tidak memakai css , dan hanya memakai code simple saja,,..
untuk demo nya ada di blog ini yang Fans facebook melayang...
oke bila anda ingin membuat widget malayang juga silahkan ikuti step2 di bawah ini.

  1. Login Ke blog > pada dasboard blog kamu pilih Design > Page Element > Add Gadget dan pilih JavaScript/HTML.dan masukan kode di bawah ini
<div style="position: fixed; bottom: 0px; right: 10px;width:150px;height:130px;">Masukan kode Widget anda disini</div>

  • Silahkan warna yang berwarna biru bisa di ganti dengan Left, Buttom, Top Dll.
  • Untuk yang berwarna merah silahkan ganti dengan Widget yang kamu mau buat melayang
  2. Jika sudah selesai simpan lah dan lihat hasilnya

sangat mudah kan, trik blog ini dalam judul (Artikel : Cara Pasang Widget Melayang Di Pojok Blog selesai semoga bermanfaat.

Tuesday, May 17, 2011

Cara Menambahkan Widget HTML/JavaScript Di Blog

hallo para blogger newbie/pemula kali ini KomMukti akan berbagi tutorial Cara Menambahkan Widget HTML/JavaScript Di Blog bagi pemula yang tidak tau cara menambahkannya, Widget HTML/JavaScript ini hanya khusus untuk Kode - Kode seperti widget Followers dan kode lainnya. tapi Menambahkan Widget HTML/JavaScript ini hanya untuk yang ada kolom untuk widget, bila blog anda tidak ada kolom silahkan ubah template anda dulu dengan masuk ke (Artikel : Cara Ubah Template Di Blog ) . trik ini sangat mudah sekali, oke ikuti intalisasi di bawah ini :

1.Masuk Ke blogger

 2.  Pilih Blog Dan clik rancangan
 3.  Dan Pilih Add Gadget
 4. dan anda akan menemukan tampilan seperti gambar di bawah ini

  • Dan Pilih HTML/JavaScript
 5. Anda akan masuk ke layer , dan di layer itu banyak pilihan element yang bisa kamu pasang seperti Code Html, Widget, Link List, Picture, HTML/JavaScript dan lain- lain. (Tunggu KomMukti Akan posting artikel tentang widget keren dengan langganan email ) 
Jika ingin menambahkan widget/element dari pihak lain maka cara termudah adalah dengan memilih HTML/javascript.
banyak penyedia situs widget gratis seperti Shoutbox, Cbox, Statistik, Clock dan lain - lain. silahkan search di google.

Artikel Cara Menambahkan Widget HTML/JavaScript Di Blog sudah selesai, dan nanti akan terusannya, bila anda tidak mau ketingalan penerusan selanjutnya silahkan masukan email di Form di bawah ini. semoga bermanfaat, salam Mukti

Monday, May 16, 2011

Cara Ubah Template Di Blog

Setelah sebelumnya posting Artikel Blog Itu Apa? Dan Cara Buat Blog Di Blogspot , dan ini adalah artikel penerusan dari artikel cara buat blog di blogspot, bila blog baru anda kurang keren dan ingin mengganti template dan , Gimanasih berganti template di blogspot itu?...tenang, anda beruntung membaca artikel ini karna artikel ini akan posting Cara Ubah Template Di Blogger,
Template Blogger , banyak penyedia Template Blogger Yang gratis, Di Website - Website khusus template. silahkan anda pilih - pilih template blogger , dan inilah situs - situs penyedia template blogger gratis yang KomMukti Tau.

Setelah anda menemukan tempate silahkan download dan extrack dulu,
Silahkan Ikuti Cara Intalisasi Cara Ubah Template Di Blogger
 1. Silahkan masuk ke blogger login Dulu , pilih blog yang mau Di Ubah templatenya > pilih rancangan/ design dan pilih Edit HTML

  • Ikuti lah petunjuk diatas.
  • Jangan lupa untuk download template lengkap ku untuk jaga - jaga bila template yang anda pilih kurang keren
  • Dan clik pilih berkas > pilih template yang kmu download > dan clik Open
  • dan clik Unggah
2. Dan Sesudah di unggah templatenya anda akan menemukan 
  • Pilih Pethankan Widget untuk Widget yang sebelumnya akan tampil lagi di template baru
  • Untuk hapus widget , widget yang di template lama akan menghilang
 3. Dan Simpan Deh.

Bila anda tidak mempunyai Blog Silahkan Buat Blog Melalui Artikel Sebelumnya:


Tunggu Kelanjutan Artikel Dari saya Dengan Langganan Artikel Melalui Langanan Artikel .Semoga bermanfaat. dengan Artikel Cara Ubah Template Di Blogger

Saturday, May 14, 2011

Yahoo Messenger (YM)

Status Yahoo Messenger Di Blog - bloggerider Online posting lagii nih, sudah lama gak posting karna beberapa hari kemarin blogger maintence (perbaikan), dan sekarang bisa posting lagii deh , karna , blogger sudah maintence nya, hhe , dan sekarang bloggerider akan posting artikel Status Yahoo Messenger Di Blog ,

Apa sih Yahoo Messenger itu?
Yahoo Messenger (sering disingkat “Y!M” atau “YM”) merupakan program pengirim pesan instan populer yang disediakan oleh Yahoo.

Yahoo Messenger tersedia secara gratis dan dapat diunduh serta diakses menggunakan Yahoo! ID yang biasa digunakan untuk mengakses layanan Yahoo yang lainnya, seperti Yahoo! Mail. Penggunaan ID ini juga mengakibatkan pengguna dapat langsung diberitahu bila mendapat sebuah e-mail.

Yahoo telah mengumumkan kerjasama dengan Microsoft untuk bergabung dalam jaringan instant messenger. Hal ini mengakibatkan Yahoo! Messenger dapat berhubungan dengan layanan .NET Messenger milik Microsoft. Layanan ini mulai berfungsi sejak 13 Juli 2006.

Dan sekarang Yahoo Messengger sudah meliris Yahoo Messengger 11 Beta . Bagi yang mau Download Clik Link Di Bawah Ini.
Yahoo Messengger 11 Beta : Download



Yahoo Messenger Di Blog
Apa Sih Pentingnya Status Yahoo Messengger Di Blog?
Apa Sih Gunanya?
Yahoo Messengger Di blog berguna untuk pengunjung bila ingin ngobrol dengan admin tentang pembelian,Bisnis Blog, DLL. dan mempermudah bertanya ke pada pemilik blog mengenai hal yang kurang paham atau ada hal-hal yang kurang jelas karena data tidak lengkap.

Bagi pemilik blog ,status yahoo mesengger tentu berguna untuk mengakrabkan dengan pengunjung blog tersebut dan juga menunjukkan bahwa blog tersebut dirawat,atau ada yang mau ditanyakan tentang posting .
Dan bila anda ingin memasang Yahoo Messenger Di Blog Silahkan Masuk Artikel :

Artikel : Cara Membuat Status YM di Blog



Cara Memasang Widget YM Di Profil
Apa Sih Pentingnya Cara Memasang Widget YM Di Profil ?
Widget YM Di Profil ini penting nya supaya pengunjung bisa tau siapa Pemilik Status YM Di blog itu, dengan menambahkan Widget YM Di Profil pengunjung bisa tau , bahwa pemilik Status YM Di Blog Itu Adalah yang tertera Di Profil. dan dengan cara memasang widget ym di profil anda tidak akan boros widget , jadi anda hanya pasang widget YM ditempatkan Di Profil.
Bagi Yang Mau pasang widget YM Di Profil Masuk Link Di Bawah Ini.

Artikel : Cara Memasang Widget YM Di Profil

Akhirnya Postingan Yahoo Messenger (YM) Selesai Dan Semoga Bermanfaat

Saturday, May 7, 2011

Cara Membuat Popular Posts Dengan Gambar with Css Di Blogger

Cara Membuat Popular Posts Dengan Gambar with Css Di Blogger - bloggerider Online memberikan trik blog lagii ni, yang sebelumnya telah posting juga artikel tentang trik blog (Artikel : Cara Membuat Menu Navigasi Inverted Down Di blogspot ) yang berhubungan dengan navigasi Blogspot/blogger, dan saya juga telah posting juga (baru kemaren) artikel tentang widget blog (Artikel : Kumpulan Widget Blogger Indonesia ) dan ini adalah widget - widget blogger indonesia , apakah kamu blogger indonesia pakailah widget Kumpulan Widget Blogger Indonesia ini supaya pengunjung dari luar indonesia bisa mengetahui blog anda berasal dari indonesia, pasang ya. oke lanjutkan lagii ke artikel Cara Membuat Popular Posts Dengan Gambar with Css Di Blogger , Popular Posts Dengan Gambar ini bukan gambar tampilan seperti biasa , tapi ini dengan tambahan Script yang di simpan sebelum kode ]]></b:skin> . penasaran??. bila penasaran liat lah demo gambar dan demo web dibawah ini .
Cara Membuat Popular Posts Dengan Gambar with Css Di Blogger

Bila kurang jelas ada demonya , tapi tidak saya pasang di blog ni , clik link dibawah ini:
(Silahkan Clik Iklan yang lewat)

Ingin juga membuat nya silahkan ikuti cara - caranya di bawah ini :
Cara pembuatan : Cara Membuat Popular Posts Dengan Gambar with Css Di Blogger
Step - Step :
 1. Log In ke Blogger
 2. Silahkan Menuju Layout ( Rancangan )> Edit HTML dan check Expand Widget Templates

 3. Cari Kode ]]></b:skin> Dan simpan kode CSS dibawah ini tepat diatas Kode tadi .

/*-----------------------------------------
  {bloggerider}  Popular Post  {Online}
-------------------------------------------*/
.item-thumbnail img {
margin: 2px 20px 0 0;
padding: 4px;
float: left;
       -moz-border-radius: 4px;
       -webkit-border-radius: 4px;
background-color: #24282a;
border: 1px solid #383c3e;
text-align: left;
        width:105px;
        height:105px;
        opacity:0.6;filter:alpha(opacity=40)
}
.item-thumbnail img:hover{-moz-opacity:100; filter:alpha(opacity=100); opacity:100;}
.item-snippet {
        display:none;
}
.item-title{display:none;}
.popular-posts {
width: 290px;
float: left;
margin:0 0 10px 0;
}
.popular-posts ul {
width: 290px;
margin: 0px 0 0 0;
padding: 0;
float: left;
list-style: none;
}
.popular-posts ul li {
width: 105px;
height: auto;
margin:0 10px;
float: left;
display: block;
font: normal 13px Arial, Helvetica, sans-serif;
color: #000;
line-height: 22px;
background: none;
}
 4.  dan clik simpan template
 5.  silahkan menuju Layout ( Rancangan ) dan tambah Gadget Populer Posts
 6. Dan simpan, liat hasilnya .

!Hore Postingan Cara Membuat Popular Posts Dengan Gambar with Css Di Blogger beres juga , semoga bermanfaat.

Friday, May 6, 2011

Kumpulan Widget Blogger Indonesia

Kumpulan Widget Blogger Indonesia - ketika saya blogwalking ke  iskaruji saya menemukan widget - widget blogger indonesia yang keren - keren, terus saya inginmembagikan widget ini ke pada teman - teman blogger saya , dan artikel ini adalah artikel tentang blog tutorial blog, trik blog dan berhubungan dengan blog, dan sebelumnya juga bloggerider telah posting artikel tutorial blog juga ini artikel tentang menu navigasi (Artikel : Cara Membuat Menu Navigasi Inverted Down Di blogspot ) di liat juga yaa.hhe.
oke kita lanjutkan lagi ke artikel intinya .widget blogger indonesia yang keren - keren.
Apakah anda blogger indonesia?
bila anda blogger indonesia , pasang lah widget ini supaya orang luar indonesia bisa mengetahui blog anda adalah blogger indonesia sejati.

Clik link diatas untuk melihat demo nya.

anda juga ingin membuat widget seperti link diatas juga ikuti cara - cara memasang widget seperti di atas. dan memasang widget seperti link blog diatas itu sangat mudah .


Cara - cara:
1. Login Ke blog > pada dasboard blog kamu pilih Design > Page Element > Add Gadget dan pilih JavaScript/HTML. Kemudian pastekan kode yang kamu pilih.
Silahkan pilih widget - widget dibawah ini:
Kumpulan Widget Blogger Indonesia
Style #1
Iskaruji dot com
Sudut Kiri atas
<script language="JavaScript" src="http://my-project-bloggerider.googlecode.com/files/bloggerider_Kiri_Atas.js" type="text/javascript"></script> <script language="JavaScript" type="text/javascript"> cot("http://lh4.ggpht.com/_55xfixw5xxA/TSQeqQkaV7I/AAAAAAAAAO0/kFJ7ZrLVy3s/Widget%20Blogger%20Indonesia.png") </script>
Style #2
Iskaruji dot com
Sudut kanan atas
<script language="JavaScript" src="http://my-project-bloggerider.googlecode.com/files/bloggerider_kanan_atass.js" type="text/javascript"></script> <script language="JavaScript" type="text/javascript"> cot("http://lh6.ggpht.com/_55xfixw5xxA/TSRAD5V-CeI/AAAAAAAAAPc/czrjhswKpVo/Widget%20Kanan%20Blogger%20Indonesia.png") </script>
Style #3
Iskaruji dot com
Sudut Kiri bawah
<script language="JavaScript" src="http://my-project-bloggerider.googlecode.com/files/bloggerider_kiri_bawah.js" type="text/javascript"></script> <script language="JavaScript" type="text/javascript"> cot("http://2.bp.blogspot.com/-Y1dKjqpXvgA/Tb92aJRlKoI/AAAAAAAABYs/PLNETiLrfRQ/s1600/Blogger+Indonesia+Kiri.png") </script>
Style #4
Iskaruji dot com
Sudut kanan bawah
<script language="JavaScript" src="http://my-project-bloggerider.googlecode.com/files/bloggerider_kanan_Bawahh.js" type="text/javascript"></script> <script language="JavaScript" type="text/javascript"> cot("http://2.bp.blogspot.com/-Y1dKjqpXvgA/Tb92aJRlKoI/AAAAAAAABYs/PLNETiLrfRQ/s1600/Blogger+Indonesia+Kiri.png") </script>

  • Silahkan untuk texs warna merah untuk di ganti dengan gambar pilihan anda dengan format ukuran  100 X 100 Pixel . dan ukuran bisa berapa saja sesuka mu.
Note: Pada sebagian template, tampilan widget Blogger Indonesia ini tidak bisa tampil tepat pada sudut yang diinginkan, sehingga akan terlihat janggal jika memasang widget ini.
Dan bloggerider juga punya gambar - gambar blogger indonesia lagii. silahkan di pilih :
Iskaruji dot com
http://lh5.ggpht.com/_55xfixw5xxA/TSVHdy9MFxI/AAAAAAAAAP0/nfFe3OYf3E0/Blogger%20Indonesia.png
Iskaruji dot com
http://lh5.ggpht.com/_55xfixw5xxA/TSVKbIlXynI/AAAAAAAAAP4/zO6JhyIbaDI/Blogger%20Indonesia2.png
Iskaruji dot com
http://lh4.ggpht.com/_55xfixw5xxA/TSVQ9DjCCRI/AAAAAAAAAP8/hYT_tTq5KV0/Widget%20garuda.png

http://img834.imageshack.us/img834/6526/blogger12.png

Ahh selesai juga deh Postingan Kumpulan Widget Blogger Indonesia semoga bermanfaat dengan artikel ini . selamat mencoba