11 April 2013

 

Facebook memiliki banyak sekali widget-widget yang lain dan penulis juga memiliki satu lagi widget mengagumkan untuk para visitor/pembaca setia blog saya ini dan itu dilengkapi dengan widget yang sangat mengagumkan seperti yang anda lihat pada gambar di atas. Widget ini memiliki tombol Tutup dengan timer 20 detik, setelah 20 detik widget ini akan tersembunyi secara otomatis. Desain itu sangat unik dan sangat profesional untuk setiap blogger.


  • Masuk ke akun Blogger > Dashborad
  • kemudian klik Template
  • Biasakan membackup template terlebih dahulu sebelum melakukan perubahan di blog anda
  • Sekarang klik Edit HTML > Proceed > Expand Widget Templates
  • Tekan Ctrl + F untuk memudahkan pencarian dan cari tag/kode </body>.
  • Pastekan kode di bawah ini sebelum kode </body>  


Catatan

Ganti nama eyang anom dengan nama pengguna facebook anda. 
  • SimpanTemplate dan lihat hasilnya...Happy blogging !


Cara membuat Widget Facebook Like Dengan Pop-Up JQuery

Posted at  03.04  |  in  widget  |  Read More»

 

Facebook memiliki banyak sekali widget-widget yang lain dan penulis juga memiliki satu lagi widget mengagumkan untuk para visitor/pembaca setia blog saya ini dan itu dilengkapi dengan widget yang sangat mengagumkan seperti yang anda lihat pada gambar di atas. Widget ini memiliki tombol Tutup dengan timer 20 detik, setelah 20 detik widget ini akan tersembunyi secara otomatis. Desain itu sangat unik dan sangat profesional untuk setiap blogger.


  • Masuk ke akun Blogger > Dashborad
  • kemudian klik Template
  • Biasakan membackup template terlebih dahulu sebelum melakukan perubahan di blog anda
  • Sekarang klik Edit HTML > Proceed > Expand Widget Templates
  • Tekan Ctrl + F untuk memudahkan pencarian dan cari tag/kode </body>.
  • Pastekan kode di bawah ini sebelum kode </body>  


Catatan

Ganti nama eyang anom dengan nama pengguna facebook anda. 
  • SimpanTemplate dan lihat hasilnya...Happy blogging !


Written by: jalupangna
Wawasan spiritual dan blogging, Updated at: 03.04

10 April 2013


Pada tutorial kali ini, saya akan berbagi ke anda tentang cara membuat 4 tombol live demo css3 tebar pesona. Saya bikin judul demikian karena 4 tombol live demo ini memilki pesona yang luar biasa dan animasinya keren sekali karena menggunakan CSS3. hehe..:D

Sebagaimana yang kita ketahui bahwa tombol "Live Demo" biasanya sering digunakan untuk menaruh alamat link yang dituju dari sebuah artikel yang kita maksud. Untuk melihat hasilnya silahkan klik live demo di bawah ini:



 
Kode CSS        
  • Untuk menempatkan kode CSS, silahkan anda cari kode/tag ]]></b:skin>  kemudiana pastekan kode CSS di bawah ini tepat diata kode ]]></b:skin>



  • Kemudian Simpan template.
  • Untuk kode pemanggil dari CSS diatas, anda hanya memerlukan beberapa kode Tag Pemanggil di bawah ini kemudian menepatkan kode pemanggil tersebut kedalam "HTML" postingan.

Kode HTML

<a class="button big blue" href="Your Link" target="_blank">Live Demo</a>
<a class="button big orange" href="Your Link" target="_blank">Live Demo</a>
<a class="button big green" href="Your Link" target="_blank">Live Demo</a>
<a class="button big gray" href="Your Link" target="_blank">Live Demo</a>

Catatan : 

Ganti Teks Merah (your link) dengan Alamat Link/URL
Ganti Tulisan Kuning Live demo dengan Nama Link Tujuan


Semoga bermanfa'at and Happy Blogging..!

Cara membuat 4 tombol live demo css3 tebar pesona versi2

Posted at  18.29  |  in  tips dan triks blog  |  Read More»


Pada tutorial kali ini, saya akan berbagi ke anda tentang cara membuat 4 tombol live demo css3 tebar pesona. Saya bikin judul demikian karena 4 tombol live demo ini memilki pesona yang luar biasa dan animasinya keren sekali karena menggunakan CSS3. hehe..:D

Sebagaimana yang kita ketahui bahwa tombol "Live Demo" biasanya sering digunakan untuk menaruh alamat link yang dituju dari sebuah artikel yang kita maksud. Untuk melihat hasilnya silahkan klik live demo di bawah ini:



 
Kode CSS        
  • Untuk menempatkan kode CSS, silahkan anda cari kode/tag ]]></b:skin>  kemudiana pastekan kode CSS di bawah ini tepat diata kode ]]></b:skin>



  • Kemudian Simpan template.
  • Untuk kode pemanggil dari CSS diatas, anda hanya memerlukan beberapa kode Tag Pemanggil di bawah ini kemudian menepatkan kode pemanggil tersebut kedalam "HTML" postingan.

Kode HTML

<a class="button big blue" href="Your Link" target="_blank">Live Demo</a>
<a class="button big orange" href="Your Link" target="_blank">Live Demo</a>
<a class="button big green" href="Your Link" target="_blank">Live Demo</a>
<a class="button big gray" href="Your Link" target="_blank">Live Demo</a>

Catatan : 

Ganti Teks Merah (your link) dengan Alamat Link/URL
Ganti Tulisan Kuning Live demo dengan Nama Link Tujuan


Semoga bermanfa'at and Happy Blogging..!

Written by: jalupangna
Wawasan spiritual dan blogging, Updated at: 18.29


Widget Jejaring sosial sangat penting untuk situs web apapun dan jika widget berupa animasi maka selalu memberikan kesan yang sangat baik untuk setiap blog dan juga para pengunjung. Anda ingin bermain-main dengan widget animasi ini dan terkadang para visitor / pengunjung juga ingin melihatnya berkali-kali.

Akan tetapi seperti yang kita tahu, widget animasi sulit untuk diterapkan melalui HTML. Tapi penulis menemukan dan memiliki widget baru dan sangat segar dengan efek animasi, keren dan menarik dari hasil blogwalking di blog tetangga. Klik Live Demo...




Bagaimana cara menerapkannya di blog?
  1. Login ke Blogger -> Dashboard
  2. Pilih -> Tata Letak -> Tambah Gadget
  3. Kemudian pastekan kode berikut di bawah ini:
<div style="position: fixed; z-index: 65535; left: 0px; bottom: -3px; width:100%;"> <marquee><a href="http://www.facebook.com/sijalupangna" target="blank"> <abbr title="Follow us at Facebook"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijsd6XcTAt0irNU0wTOs-r_wupDV9Xu1XbG4suDQ6c9qiUtBGNfQXvgyAXX5DOqhdbcoZJU6mYWb9desvQszeC-cFOIqVuAP5KqdQfnQ2mNaMwvnf2JdN0Dw3BI8cCEf68t4tgaIZNeiTW/s1600/Social-Truck_fb2.png" width="120px" height="100px"/> </abbr> </a> <a href="http://feeds.feedburner.com/sijalupangna" target="blank"> <abbr title="Subscribe Our Feeds"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh97xz6YQN7JCkNvs2Sov8ecHVhhUTCZY-ka3U_hkJZd7Pe_yuqegPoJi_PWHZU1DKAnzDNJl6yCOAFYUPcnPEjs3hdCQc79NytncpAA8RX-qycUuz9S2YEgmF5xxTY7f5JKEeA9w8Yjm_7/s1600/Social-Truck_rss.png" width="120px" height="100px"/> </abbr> </a><a href="http://twitter.com/sijalupangna" target="blank"> <abbr title="Follow Us on Twitter"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwVZ0G9zW8sbVwvgIjE56Xh38TeY2BxUfMcA5wERqd7hUB07SGFk1iAnR5SuGobvQDGvyHM2cS5n-4THOTnhQbr_n06f9Epd7ks8Sb-QZmaqoxUpck_1-AMz2JI118IIUiXRD2lIDgqrNg/s1600/Social-Truck_twi.png" width="120px" height="100px"/> </abbr> </a> </marquee></div>

Catatan:
  • Ganti "sijalupangna" dengan nama pengguna Facebook anda
  • Ganti "sijalupangna" dengan nama pengguna Feedburner anda
  • Ganti "sijalupangna" dengan nama pengguna Twitter anda

Kemudian simpan  widget anda, selesai...

Bagaimana? Cukup mudah khan? silahkan di praktekan di blog anda.
Salam Blogger...!

Bagaimana cara membuat widget animasi jejaring sosial berupa truk berjalan di blog

Posted at  04.43  |  in  widget  |  Read More»



Widget Jejaring sosial sangat penting untuk situs web apapun dan jika widget berupa animasi maka selalu memberikan kesan yang sangat baik untuk setiap blog dan juga para pengunjung. Anda ingin bermain-main dengan widget animasi ini dan terkadang para visitor / pengunjung juga ingin melihatnya berkali-kali.

Akan tetapi seperti yang kita tahu, widget animasi sulit untuk diterapkan melalui HTML. Tapi penulis menemukan dan memiliki widget baru dan sangat segar dengan efek animasi, keren dan menarik dari hasil blogwalking di blog tetangga. Klik Live Demo...




Bagaimana cara menerapkannya di blog?
  1. Login ke Blogger -> Dashboard
  2. Pilih -> Tata Letak -> Tambah Gadget
  3. Kemudian pastekan kode berikut di bawah ini:
<div style="position: fixed; z-index: 65535; left: 0px; bottom: -3px; width:100%;"> <marquee><a href="http://www.facebook.com/sijalupangna" target="blank"> <abbr title="Follow us at Facebook"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijsd6XcTAt0irNU0wTOs-r_wupDV9Xu1XbG4suDQ6c9qiUtBGNfQXvgyAXX5DOqhdbcoZJU6mYWb9desvQszeC-cFOIqVuAP5KqdQfnQ2mNaMwvnf2JdN0Dw3BI8cCEf68t4tgaIZNeiTW/s1600/Social-Truck_fb2.png" width="120px" height="100px"/> </abbr> </a> <a href="http://feeds.feedburner.com/sijalupangna" target="blank"> <abbr title="Subscribe Our Feeds"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh97xz6YQN7JCkNvs2Sov8ecHVhhUTCZY-ka3U_hkJZd7Pe_yuqegPoJi_PWHZU1DKAnzDNJl6yCOAFYUPcnPEjs3hdCQc79NytncpAA8RX-qycUuz9S2YEgmF5xxTY7f5JKEeA9w8Yjm_7/s1600/Social-Truck_rss.png" width="120px" height="100px"/> </abbr> </a><a href="http://twitter.com/sijalupangna" target="blank"> <abbr title="Follow Us on Twitter"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwVZ0G9zW8sbVwvgIjE56Xh38TeY2BxUfMcA5wERqd7hUB07SGFk1iAnR5SuGobvQDGvyHM2cS5n-4THOTnhQbr_n06f9Epd7ks8Sb-QZmaqoxUpck_1-AMz2JI118IIUiXRD2lIDgqrNg/s1600/Social-Truck_twi.png" width="120px" height="100px"/> </abbr> </a> </marquee></div>

Catatan:
  • Ganti "sijalupangna" dengan nama pengguna Facebook anda
  • Ganti "sijalupangna" dengan nama pengguna Feedburner anda
  • Ganti "sijalupangna" dengan nama pengguna Twitter anda

Kemudian simpan  widget anda, selesai...

Bagaimana? Cukup mudah khan? silahkan di praktekan di blog anda.
Salam Blogger...!

Written by: jalupangna
Wawasan spiritual dan blogging, Updated at: 04.43


Apakah Anda seorang desainer? atau Anda sering berbagi widget, template, dll di blog? Jika ya, maka Anda harus mampu mendemonstrasikan skill atau keahlian Anda dalam hal merancang, mendemonstrasikan widget, template, dll.  

Sebagian besar dari Anda mungkin menggunakan semacam tombol 'View Demo' atau 'Lihat Demo' tapi kebanyakan dari mereka mungkin memiliki gambar di tombol tersebut. Baru-baru ini  tombol Widget share jejaring sosial juga mencakup gambar. Untungnya sekarang ini setelah kemajuan CSS untuk Level 3, kita dapat membuat tombol yang cantik dan menarik tanpa gambar atau script.  

Keuntungan dari menggunakan murni CSS3 adalah tidak terlalu memberatkan loading blog anda. Sebagai seorang blogger atau desainer kita harus selalu mencari cara untuk meminimalkan loading blog sebanyak mungkin tanpa merugikan tampilan dan nuansa dari blog dengan memanfaatkan beberapa teknik dasar dan lanjutan dari CSS.  

Postingan kali ini saya akan share ke anda tentang cara membuat tombol view demo warna warni CSS3 dengan efek di tekan. Semua tombol telah diuji dan bekerja dengan baik di Firefox, Chrome, Opera maupun Internet Explorer.




Bagaimana cara menggunakan tombol-tombol ini?

Sebelum kita mulai, Anda harus tahu bagaimana menggunakan tombol-tombol ini. Karena setiap tombol-tombol di bawah ini  ada file CSS yang terpasang.
  1. Masuk ke akun blogger anda -> Template -> Edit HTML -> Proceed
  2. Centang Expand Template Widget
  3. Cari Tag ]]></b:skin>  (untuk memeudahkan pencarian gunakan  Ctrl + F)
  4. Tepat diatas kode ]]></b:skin> pastekan salah satu kode CSS yang terlampir dibawah ini (untuk mendapatkan kode CSS silahkan klik "View CSS" )

Catatan:  

Setiap kali anda ingin menerapkan gaya (style) tombol-tobol tersebut dalam postingan blog atau dimana saja, gunakan kode-kode HTML yang telah diberikan untuk setiap tombol masing-masing.
Jangan Lupa untuk mengganti tanda # dengan Link anda.

Tombol-tombolnya antara lain:

Shiny Black
  1. View CSS
  2. Kode HTML yang digunakan:



Shiny Blue (Biru mengkilat)
  1. View CSS
  2. Kode HTML yang digunakan:




Green (Hijau)
  1. View CSS
  2. Kode HTML yang digunakan:




Magenta
  1. View CSS
  2. Kode HTML yang digunakan:




Shiny Orange (warna jingga mengkilat)
  1. View CSS
  2. Kode HTML yang digunakan:



Pink (Merah muda)
  1. View CSS
  2. Kode HTML yang digunakan:


 

Slick Blue (Biru licin / halus)
  1. View CSS
  2. Kode HTML yang digunakan:



Slick dark red (Merah tua licin / halus)
  1. View CSS
  2. Kode HTML yang digunakan:




Semoga bermanfa'at...

Original Source

Cara membuat tombol view demo warna warni CSS3 dengan efek di tekan

Posted at  00.11  |  in  tips dan triks blog  |  Read More»



Apakah Anda seorang desainer? atau Anda sering berbagi widget, template, dll di blog? Jika ya, maka Anda harus mampu mendemonstrasikan skill atau keahlian Anda dalam hal merancang, mendemonstrasikan widget, template, dll.  

Sebagian besar dari Anda mungkin menggunakan semacam tombol 'View Demo' atau 'Lihat Demo' tapi kebanyakan dari mereka mungkin memiliki gambar di tombol tersebut. Baru-baru ini  tombol Widget share jejaring sosial juga mencakup gambar. Untungnya sekarang ini setelah kemajuan CSS untuk Level 3, kita dapat membuat tombol yang cantik dan menarik tanpa gambar atau script.  

Keuntungan dari menggunakan murni CSS3 adalah tidak terlalu memberatkan loading blog anda. Sebagai seorang blogger atau desainer kita harus selalu mencari cara untuk meminimalkan loading blog sebanyak mungkin tanpa merugikan tampilan dan nuansa dari blog dengan memanfaatkan beberapa teknik dasar dan lanjutan dari CSS.  

Postingan kali ini saya akan share ke anda tentang cara membuat tombol view demo warna warni CSS3 dengan efek di tekan. Semua tombol telah diuji dan bekerja dengan baik di Firefox, Chrome, Opera maupun Internet Explorer.




Bagaimana cara menggunakan tombol-tombol ini?

Sebelum kita mulai, Anda harus tahu bagaimana menggunakan tombol-tombol ini. Karena setiap tombol-tombol di bawah ini  ada file CSS yang terpasang.
  1. Masuk ke akun blogger anda -> Template -> Edit HTML -> Proceed
  2. Centang Expand Template Widget
  3. Cari Tag ]]></b:skin>  (untuk memeudahkan pencarian gunakan  Ctrl + F)
  4. Tepat diatas kode ]]></b:skin> pastekan salah satu kode CSS yang terlampir dibawah ini (untuk mendapatkan kode CSS silahkan klik "View CSS" )

Catatan:  

Setiap kali anda ingin menerapkan gaya (style) tombol-tobol tersebut dalam postingan blog atau dimana saja, gunakan kode-kode HTML yang telah diberikan untuk setiap tombol masing-masing.
Jangan Lupa untuk mengganti tanda # dengan Link anda.

Tombol-tombolnya antara lain:

Shiny Black
  1. View CSS
  2. Kode HTML yang digunakan:



Shiny Blue (Biru mengkilat)
  1. View CSS
  2. Kode HTML yang digunakan:




Green (Hijau)
  1. View CSS
  2. Kode HTML yang digunakan:




Magenta
  1. View CSS
  2. Kode HTML yang digunakan:




Shiny Orange (warna jingga mengkilat)
  1. View CSS
  2. Kode HTML yang digunakan:



Pink (Merah muda)
  1. View CSS
  2. Kode HTML yang digunakan:


 

Slick Blue (Biru licin / halus)
  1. View CSS
  2. Kode HTML yang digunakan:



Slick dark red (Merah tua licin / halus)
  1. View CSS
  2. Kode HTML yang digunakan:




Semoga bermanfa'at...

Original Source

Written by: jalupangna
Wawasan spiritual dan blogging, Updated at: 00.11

9 April 2013


Pada postingan kali ini masih berkaitan dengan widget jejaring sosial,  widget yang satu ini menggunakan effect transisi (CSS3). Saya akan share ke anda bagaimana cara membuat widget jejaring sosial elegant dengan CSS3. Agak sedikit berbeda dengan postingan yang telah lalu, widget ini sangat elegant, cantik dan super keren. 

Hampir setiap blog atau website memiliki widget jejaring sosial dengan tombol icons yang beragam. Dengan memasang widget jejaring sosial pada blog, anda dapat mengundang pembaca/pengunjung blog untuk terlibat dalam jejaring sosial anda, dan tentunya dapat meningkatkan reputasi blog anda. Jejaring Sosial  memainkan peran yang sangat penting dalam menghasilkan lalu lintas atau traffic pengunjung blog anda. Silahkan klik live demo di bawah ini untuk melihat hasilnya..




Super keren dan sangat elegant bukan?...:)

Langsung praktek di TKP:
  • Pertama-tama masuk ke halaman tata letak kemudian klik menu Tata Letak:


  • Tambah elemen halaman HTML/JavaScript, kemudian salin semua kode di bawah ini :
<style type="text/css">
#mkrbutton .iconz {background:#E3E3E3 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3G2uO9Zq3nZUKRbHZ4-4ZiBhmY90KdNtNXv0_fe9alfhjHzG6vm6tatHWs3LsPTNcoJTPD640L5xBa7ZAb8P-7Ns6fmHUOTgdzBXNJc-ENhapE2DmaVqGU-99m487jqbYX_36CXjyB28/s1600/blsocial12.png') 0 0 no-repeat;
-moz-border-radius:40px;
-webkit-border-radius:40px;
-o-border-radius:40px;
border-radius:40px;
display:block;
color:#212121;
float:none;
height:48px;
width: 48px;
line-height:48px;
margin:10px auto 0;
position:relative;
text-shadow:0 1px 0 #FAFAFA;
text-align:center;
text-decoration:none;
white-space:nowrap;
-webkit-transition:width .25s ease-in-out;
-ms-transition:width .25s ease-in-out;
-moz-transition:width .25s ease-in-out;
-o-transition:width .25s ease-in-out;
transition:width .25s ease-in-out;
-webkit-box-shadow:inset 0 1px 0 #FAFAFA,rgba(0,0,0,.28) 0 2px 3px;
-moz-box-shadow:inset 0 1px 0 #FAFAFA,rgba(0,0,0,.28) 0 2px 3px;
-o-box-shadow:inset 0 1px 0 #FAFAFA,rgba(0,0,0,.28) 0 2px 3px;
box-shadow:inset 0 1px 0 #FAFAFA,rgba(0,0,0,.28) 0 1px 3px;}
#mkrbutton a span {display:none;}
#mkrbutton:hover a span {display:inline;}
#mkrbutton a span {font-size:1.4em;}
#mkrbutton:hover .iconz {width:250px;}
#mkrbutton .fb {background-position: 0 -384px;}
#mkrbutton .twiter {background-position: 0 -432px;}
#mkrbutton .google {background-position: 0 -480px;}
#mkrbutton .pint {background-position: 0 -528px;}
#mkrbutton .linkedin {background-position: 0 -576px;}
#mkrbutton .devart {background-position: 0 -624px;}
#mkrbutton .ytube {background-position: 0 -672px;}
#mkrbutton .rss {background-position: 0 -720px;}
#mkrbutton .fb:hover {background-position: 0 0;color: #0374DD;}
#mkrbutton .twiter:hover {background-position: 0 -48px;color: #00A1DF;}
#mkrbutton .google:hover {background-position: 0 -96px;color: #A70000;}
#mkrbutton .pint:hover {background-position: 0 -144px;color: #C00;}
#mkrbutton .linkedin:hover {background-position: 0 -192px;color: #005772;}
#mkrbutton .devart:hover {background-position: 0 -240px;color: #4C7A4A;}
#mkrbutton .ytube:hover {background-position: 0 -288px;color: #A00;}
#mkrbutton .rss:hover {background-position: 0 -336px;color: #EC5601;}
</style>

<div id="mkrbutton"><a href="#" class="iconz fb"><span>Facebook</span></a></div>
<div id="mkrbutton"><a href="#" class="iconz twiter"><span>Twitter</span></a></div>
<div id="mkrbutton"><a href="#" class="iconz google"><span>Google+</span></a></div>
<div id="mkrbutton"><a href="#" class="iconz pint"><span>Pinterest</span></a></div>
<div id="mkrbutton"><a href="#" class="iconz linkedin"><span>LinkedIn</span></a></div>
<div id="mkrbutton"><a href="#" class="iconz devart"><span>DeviantArt</span></a></div>
<div id="mkrbutton"><a href="#" class="iconz ytube"><span>Youtube</span></a></div>
<div id="mkrbutton"><a href="#" class="iconz rss"><span>RSS</span></a></div>

Catatan: 

untuk memudahkan dalam menambah/mengurangi tombol yang anda inginkan silahkan hapus pada bagian "<div id="mkrbutton">..............</div>". Misalnya untuk menggurangi tombol Youtube silahkan hapus <div id="mkrbutton"><a href="#" class="iconz ytube"><span>Youtube</span></a></div>.

<div id="mkrbutton"><a href="#" class="iconz fb"><span>Facebook</span></a></div>
<div id="mkrbutton"><a href="#" class="iconz twiter"><span>Twitter</span></a></div>
<div id="mkrbutton"><a href="#" class="iconz google"><span>Google+</span></a></div>
<div id="mkrbutton"><a href="#" class="iconz pint"><span>Pinterest</span></a></div>
<div id="mkrbutton"><a href="#" class="iconz linkedin"><span>LinkedIn</span></a></div>
<div id="mkrbutton"><a href="#" class="iconz devart"><span>DeviantArt</span></a></div>
<div id="mkrbutton"><a href="#" class="iconz ytube"><span>Youtube</span></a></div>
<div id="mkrbutton"><a href="#" class="iconz rss"><span>RSS</span></a></div>

Ukuran lebar yang tepat untuk pengaplikasian pada sidebar yaitu 300px. Untuk menyesuaikan dengan sidebar teman-teman carilah kode ini #mkrbutton:hover .iconz {width:250px;} dan rubah nilai pada width nya agar sesuai dengan tampilan sidebar anda.

Gimana? anda tertarik dengan widget di atas? Silahkan praktekan di blog anda...

Semoga bermanfa'at...


Original Source

cara membuat widget jejaring sosial elegant dengan CSS3

Posted at  03.33  |  in  widget  |  Read More»


Pada postingan kali ini masih berkaitan dengan widget jejaring sosial,  widget yang satu ini menggunakan effect transisi (CSS3). Saya akan share ke anda bagaimana cara membuat widget jejaring sosial elegant dengan CSS3. Agak sedikit berbeda dengan postingan yang telah lalu, widget ini sangat elegant, cantik dan super keren. 

Hampir setiap blog atau website memiliki widget jejaring sosial dengan tombol icons yang beragam. Dengan memasang widget jejaring sosial pada blog, anda dapat mengundang pembaca/pengunjung blog untuk terlibat dalam jejaring sosial anda, dan tentunya dapat meningkatkan reputasi blog anda. Jejaring Sosial  memainkan peran yang sangat penting dalam menghasilkan lalu lintas atau traffic pengunjung blog anda. Silahkan klik live demo di bawah ini untuk melihat hasilnya..




Super keren dan sangat elegant bukan?...:)

Langsung praktek di TKP:
  • Pertama-tama masuk ke halaman tata letak kemudian klik menu Tata Letak:


  • Tambah elemen halaman HTML/JavaScript, kemudian salin semua kode di bawah ini :
<style type="text/css">
#mkrbutton .iconz {background:#E3E3E3 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3G2uO9Zq3nZUKRbHZ4-4ZiBhmY90KdNtNXv0_fe9alfhjHzG6vm6tatHWs3LsPTNcoJTPD640L5xBa7ZAb8P-7Ns6fmHUOTgdzBXNJc-ENhapE2DmaVqGU-99m487jqbYX_36CXjyB28/s1600/blsocial12.png') 0 0 no-repeat;
-moz-border-radius:40px;
-webkit-border-radius:40px;
-o-border-radius:40px;
border-radius:40px;
display:block;
color:#212121;
float:none;
height:48px;
width: 48px;
line-height:48px;
margin:10px auto 0;
position:relative;
text-shadow:0 1px 0 #FAFAFA;
text-align:center;
text-decoration:none;
white-space:nowrap;
-webkit-transition:width .25s ease-in-out;
-ms-transition:width .25s ease-in-out;
-moz-transition:width .25s ease-in-out;
-o-transition:width .25s ease-in-out;
transition:width .25s ease-in-out;
-webkit-box-shadow:inset 0 1px 0 #FAFAFA,rgba(0,0,0,.28) 0 2px 3px;
-moz-box-shadow:inset 0 1px 0 #FAFAFA,rgba(0,0,0,.28) 0 2px 3px;
-o-box-shadow:inset 0 1px 0 #FAFAFA,rgba(0,0,0,.28) 0 2px 3px;
box-shadow:inset 0 1px 0 #FAFAFA,rgba(0,0,0,.28) 0 1px 3px;}
#mkrbutton a span {display:none;}
#mkrbutton:hover a span {display:inline;}
#mkrbutton a span {font-size:1.4em;}
#mkrbutton:hover .iconz {width:250px;}
#mkrbutton .fb {background-position: 0 -384px;}
#mkrbutton .twiter {background-position: 0 -432px;}
#mkrbutton .google {background-position: 0 -480px;}
#mkrbutton .pint {background-position: 0 -528px;}
#mkrbutton .linkedin {background-position: 0 -576px;}
#mkrbutton .devart {background-position: 0 -624px;}
#mkrbutton .ytube {background-position: 0 -672px;}
#mkrbutton .rss {background-position: 0 -720px;}
#mkrbutton .fb:hover {background-position: 0 0;color: #0374DD;}
#mkrbutton .twiter:hover {background-position: 0 -48px;color: #00A1DF;}
#mkrbutton .google:hover {background-position: 0 -96px;color: #A70000;}
#mkrbutton .pint:hover {background-position: 0 -144px;color: #C00;}
#mkrbutton .linkedin:hover {background-position: 0 -192px;color: #005772;}
#mkrbutton .devart:hover {background-position: 0 -240px;color: #4C7A4A;}
#mkrbutton .ytube:hover {background-position: 0 -288px;color: #A00;}
#mkrbutton .rss:hover {background-position: 0 -336px;color: #EC5601;}
</style>

<div id="mkrbutton"><a href="#" class="iconz fb"><span>Facebook</span></a></div>
<div id="mkrbutton"><a href="#" class="iconz twiter"><span>Twitter</span></a></div>
<div id="mkrbutton"><a href="#" class="iconz google"><span>Google+</span></a></div>
<div id="mkrbutton"><a href="#" class="iconz pint"><span>Pinterest</span></a></div>
<div id="mkrbutton"><a href="#" class="iconz linkedin"><span>LinkedIn</span></a></div>
<div id="mkrbutton"><a href="#" class="iconz devart"><span>DeviantArt</span></a></div>
<div id="mkrbutton"><a href="#" class="iconz ytube"><span>Youtube</span></a></div>
<div id="mkrbutton"><a href="#" class="iconz rss"><span>RSS</span></a></div>

Catatan: 

untuk memudahkan dalam menambah/mengurangi tombol yang anda inginkan silahkan hapus pada bagian "<div id="mkrbutton">..............</div>". Misalnya untuk menggurangi tombol Youtube silahkan hapus <div id="mkrbutton"><a href="#" class="iconz ytube"><span>Youtube</span></a></div>.

<div id="mkrbutton"><a href="#" class="iconz fb"><span>Facebook</span></a></div>
<div id="mkrbutton"><a href="#" class="iconz twiter"><span>Twitter</span></a></div>
<div id="mkrbutton"><a href="#" class="iconz google"><span>Google+</span></a></div>
<div id="mkrbutton"><a href="#" class="iconz pint"><span>Pinterest</span></a></div>
<div id="mkrbutton"><a href="#" class="iconz linkedin"><span>LinkedIn</span></a></div>
<div id="mkrbutton"><a href="#" class="iconz devart"><span>DeviantArt</span></a></div>
<div id="mkrbutton"><a href="#" class="iconz ytube"><span>Youtube</span></a></div>
<div id="mkrbutton"><a href="#" class="iconz rss"><span>RSS</span></a></div>

Ukuran lebar yang tepat untuk pengaplikasian pada sidebar yaitu 300px. Untuk menyesuaikan dengan sidebar teman-teman carilah kode ini #mkrbutton:hover .iconz {width:250px;} dan rubah nilai pada width nya agar sesuai dengan tampilan sidebar anda.

Gimana? anda tertarik dengan widget di atas? Silahkan praktekan di blog anda...

Semoga bermanfa'at...


Original Source

Written by: jalupangna
Wawasan spiritual dan blogging, Updated at: 03.33

6 April 2013


Santet atau sihir walau bersifat metafisik, tetapi cara kerjanya juga tunduk pada hukum kesadaran.

Santet, teluh, sihir atau apapun namanya adalah energi negatif yang mampu merusak kehidupan seseorang, berupa terkena penyakit, kehancuran rumah tangga hingga sampai kematian.

Santet baru akan bekerja mempengaruhi anda bila :
  1. Anda percaya dengan kekuatan santet, jin, dll. Anda percaya bahwa kekuatan tersebut dapat memberikan efek madhorot atau keburukan bagi anda. Ini bisa kepercayaan pribadi ataupun kepercayaan bersama yg berada di area Collective Consciousness. Kepercayaan anda ini merupakan pintu masuk bagi kekuatan pengaruh santet. Sadar atau tidak, anda telah mengizinkan santet mempengaruhi anda.
  2. Biasanya, sebelum santet bekerja. ada langkah pendahuluannya yg berupa langkah-langkah psikologis teror mental. Bisa berupa lemparan telur busuk, atau bunga, atau benda-benda mistik lainnya. Hal ini dimaksudkan untuk menimbulkan ketakutan pd anda sehingga gerbang kesadaran anda terbuka dan pengaruh santet bisa masuk.
  3. Langkah pendahuluan santet yg lain adalah, dengan menyeret anda pd vibrasi hati yg rendah, bisa dengan mengajak anda bertengkar, bermusuhan, dll.
LANGKAH PENCEGAHAN :
  1. Fokuskan diri pada kekuatan Tuhan. dan serahkan keselamatan diri anda padaNya. Hal ini akan menaikkan vibrasi positif anda di level spiritual.
  2. Yakinlah, bahwa kekuatan santet tidak akan bekerja tanpa seizin Tuhan. Maka mintalah perlindungan pada Tuhan. 
  3. Jaga vibrasi hati & fikiran agar senantiasa positif.
  4. Bersikap tenang ketika ada teror lemparan benda mistik. Dan katakan bahwa itu adalah benda biasa sebagaimana benda pada umumnya.
TIPS  ILMIAH

Berbagai penyelidikan pun telah banyak dilakukan ilmuwan terhadap fenomena santet dan sejenisnya. Tentu metode penelitian para ilmuwan agak berbeda dengan agamawan. Jika para agamawan memakai rujukan dalil-dalil kitab suci (ayat kitabiyah), maka para ilmuwan menggunakan ayat kauniyah (alam semesta) untuk menyelidiki santet ini.

Penyelidikan yang menggunakan ayat kauniyah tentunya harus memiliki metode yang sifatnya ilmiah, mulai dari mencari kasus-kasus santet, tipe-tipe santet, gejala, akibat dan sebagainya.

Lalu kemudian dilakukan berbagai eksperimen untuk penyembuhannya. Salah satu kesimpulan / pendapat yang mengemuka adalah santet itu sebenarnya adalah energi. Kenapa dalam kasus santet bisa masuk paku, kalajengking, penggorengan, dan lainnya, bisa dijelaskan melalui proses materialisasi energi.

Nah, santet dan mahluk halus itu ternyata energi yang bermuatan (-). Bumipun ternyata memiliki muatan (-). Dalam hukum C Coulomb dikatakan bahwa muatan yang senama akan saling tolak menolak dan muatan yang tidak senama justru akan tarik menarik. 

Rumusnya :
  • F = K * ((Q1*Q2)/R^2)
  • F = gaya tarik menarik
  • K = Konstanta
  • Q1, Q2 = muatan
  • R = jarak
Nah karena demit alias mahluk halus dan bumi itu sama-sama bermuatan (-) makanya para demit itu tidaklah menyentuh bumi.

Orang tua jaman dulu juga sering mengingatkan jika bicara dengan orang yang tidak dikenal pada malam hari maka lihatlah apakah kakinya menapak ke bumi atau tidak. Jika tidak, maka ia berarti golongan mahluk halus.

Begitu juga dengan santet yang ternyata bermuatan (-), maka secara fisika bisa ditanggulangi atau ditangkal dengan hukum C Coulomb ini.

Disini kita tidak membahas metode melawan santet dengan zikir karena sudah banyak dibahas tapi kita akan mencoba menawarkan alternatif lainnya yang bisa bersifat “standalone” (untuk non muslim) maupun digabungkan dengan zikir (untuk muslim).

Metodenya :
1. Tidurlah di lantai yang langsung menyentuh bumi.
Boleh gunakan alas tidur asal tidak lebih dari 15 Cm. Dengan tidur di lantai maka santet kesulitan masuk karena terhalang muatan (-) dari bumi.



2. Menanam pohon atau tanaman yang memiliki muatan (-). 
Bagi yang peka spiritual, aura tanaman ini adalah terasa “dingin”. Pohon yang memiliki muatan (-) diantaranya : dadap, pacar air, kelor, bambu kuning dll.


Tanaman sejenis ini paling tidak disukai mahluk halus. Biasanya tanaman bermuatan (-) ini tidaklah mencengkram terlalu kuat di tanah (bumi) dibandingkan dengan tanaman bermuatan (+)

Lain halnya dengan pohon yang memiliki muatan (+) seperti pohon asem, beringin, belimbing, kemuning, alas randu, dll maka phohon sejenis ini tentu akan menarik mahluk halus dan seringkali dijadikan tempat tinggal.

Hal ini dikarenakan ada gaya tarik menarik antara pohon (+) dan mahluk halus (-) sesuai hukum C Coulomb.

Terlepas dari berhasil atau tidaknya cara-cara di atas, semuanya pasti akan kembali bergantung pada Kekuasaan Tuhan Sang Pencipta.

Cara yang paling ampuh untuk menangkal segala hal buruk yang ada di sekeliling kita adalah tetap berserah dan mendekatkan diri kepada-Nya sembari mengharapkan perlindungan-Nya.


Semoga Bermanfa'at...

Sumber : Kaskus.us

Tips mencegah santet (teluh) atau sihir (sihr)

Posted at  19.24  |  in  wawasan umum  |  Read More»


Santet atau sihir walau bersifat metafisik, tetapi cara kerjanya juga tunduk pada hukum kesadaran.

Santet, teluh, sihir atau apapun namanya adalah energi negatif yang mampu merusak kehidupan seseorang, berupa terkena penyakit, kehancuran rumah tangga hingga sampai kematian.

Santet baru akan bekerja mempengaruhi anda bila :
  1. Anda percaya dengan kekuatan santet, jin, dll. Anda percaya bahwa kekuatan tersebut dapat memberikan efek madhorot atau keburukan bagi anda. Ini bisa kepercayaan pribadi ataupun kepercayaan bersama yg berada di area Collective Consciousness. Kepercayaan anda ini merupakan pintu masuk bagi kekuatan pengaruh santet. Sadar atau tidak, anda telah mengizinkan santet mempengaruhi anda.
  2. Biasanya, sebelum santet bekerja. ada langkah pendahuluannya yg berupa langkah-langkah psikologis teror mental. Bisa berupa lemparan telur busuk, atau bunga, atau benda-benda mistik lainnya. Hal ini dimaksudkan untuk menimbulkan ketakutan pd anda sehingga gerbang kesadaran anda terbuka dan pengaruh santet bisa masuk.
  3. Langkah pendahuluan santet yg lain adalah, dengan menyeret anda pd vibrasi hati yg rendah, bisa dengan mengajak anda bertengkar, bermusuhan, dll.
LANGKAH PENCEGAHAN :
  1. Fokuskan diri pada kekuatan Tuhan. dan serahkan keselamatan diri anda padaNya. Hal ini akan menaikkan vibrasi positif anda di level spiritual.
  2. Yakinlah, bahwa kekuatan santet tidak akan bekerja tanpa seizin Tuhan. Maka mintalah perlindungan pada Tuhan. 
  3. Jaga vibrasi hati & fikiran agar senantiasa positif.
  4. Bersikap tenang ketika ada teror lemparan benda mistik. Dan katakan bahwa itu adalah benda biasa sebagaimana benda pada umumnya.
TIPS  ILMIAH

Berbagai penyelidikan pun telah banyak dilakukan ilmuwan terhadap fenomena santet dan sejenisnya. Tentu metode penelitian para ilmuwan agak berbeda dengan agamawan. Jika para agamawan memakai rujukan dalil-dalil kitab suci (ayat kitabiyah), maka para ilmuwan menggunakan ayat kauniyah (alam semesta) untuk menyelidiki santet ini.

Penyelidikan yang menggunakan ayat kauniyah tentunya harus memiliki metode yang sifatnya ilmiah, mulai dari mencari kasus-kasus santet, tipe-tipe santet, gejala, akibat dan sebagainya.

Lalu kemudian dilakukan berbagai eksperimen untuk penyembuhannya. Salah satu kesimpulan / pendapat yang mengemuka adalah santet itu sebenarnya adalah energi. Kenapa dalam kasus santet bisa masuk paku, kalajengking, penggorengan, dan lainnya, bisa dijelaskan melalui proses materialisasi energi.

Nah, santet dan mahluk halus itu ternyata energi yang bermuatan (-). Bumipun ternyata memiliki muatan (-). Dalam hukum C Coulomb dikatakan bahwa muatan yang senama akan saling tolak menolak dan muatan yang tidak senama justru akan tarik menarik. 

Rumusnya :
  • F = K * ((Q1*Q2)/R^2)
  • F = gaya tarik menarik
  • K = Konstanta
  • Q1, Q2 = muatan
  • R = jarak
Nah karena demit alias mahluk halus dan bumi itu sama-sama bermuatan (-) makanya para demit itu tidaklah menyentuh bumi.

Orang tua jaman dulu juga sering mengingatkan jika bicara dengan orang yang tidak dikenal pada malam hari maka lihatlah apakah kakinya menapak ke bumi atau tidak. Jika tidak, maka ia berarti golongan mahluk halus.

Begitu juga dengan santet yang ternyata bermuatan (-), maka secara fisika bisa ditanggulangi atau ditangkal dengan hukum C Coulomb ini.

Disini kita tidak membahas metode melawan santet dengan zikir karena sudah banyak dibahas tapi kita akan mencoba menawarkan alternatif lainnya yang bisa bersifat “standalone” (untuk non muslim) maupun digabungkan dengan zikir (untuk muslim).

Metodenya :
1. Tidurlah di lantai yang langsung menyentuh bumi.
Boleh gunakan alas tidur asal tidak lebih dari 15 Cm. Dengan tidur di lantai maka santet kesulitan masuk karena terhalang muatan (-) dari bumi.



2. Menanam pohon atau tanaman yang memiliki muatan (-). 
Bagi yang peka spiritual, aura tanaman ini adalah terasa “dingin”. Pohon yang memiliki muatan (-) diantaranya : dadap, pacar air, kelor, bambu kuning dll.


Tanaman sejenis ini paling tidak disukai mahluk halus. Biasanya tanaman bermuatan (-) ini tidaklah mencengkram terlalu kuat di tanah (bumi) dibandingkan dengan tanaman bermuatan (+)

Lain halnya dengan pohon yang memiliki muatan (+) seperti pohon asem, beringin, belimbing, kemuning, alas randu, dll maka phohon sejenis ini tentu akan menarik mahluk halus dan seringkali dijadikan tempat tinggal.

Hal ini dikarenakan ada gaya tarik menarik antara pohon (+) dan mahluk halus (-) sesuai hukum C Coulomb.

Terlepas dari berhasil atau tidaknya cara-cara di atas, semuanya pasti akan kembali bergantung pada Kekuasaan Tuhan Sang Pencipta.

Cara yang paling ampuh untuk menangkal segala hal buruk yang ada di sekeliling kita adalah tetap berserah dan mendekatkan diri kepada-Nya sembari mengharapkan perlindungan-Nya.


Semoga Bermanfa'at...

Sumber : Kaskus.us

Written by: jalupangna
Wawasan spiritual dan blogging, Updated at: 19.24

3 April 2013


Dalam posting saya kali ini, saya akan sedikit menjelaskan bagaimana Cara membuat widget jejaring sosial atrakatif untuk blog Anda. Ini hanya widget. Anda dapat menambahkannya ke blog Anda dengan mudah. Saya hanya menggunakan CSS3 dengan HTML. Widget yang satu ini cukup simple, menarik dan atraktif.

 
Langsung tanpa basa-basi lagi menuju TKP..:)
  1. login ke blogger > klik Design > Page element
  2. Klik add Gadget dan Tambah HTML / Javascript
  3. Sekarang pastekan kode berikut di bawah ini :




KET:
 Setelah selesai menyisipkan kode diatas :
  • Ganti "sijalupangna" dengan nama pengguna (user name) Facebook anda
  • Ganti "sijalupangna" dengan nama pengguna (user name) Twitter anda
  • Ganti "UserId" dengan userId Google plus anda
  • Ganti "sijalupangna" dengan nama pengguna (user name) Feedburner anda

Sekarang save (simpan) template anda dan lihat hasilnya, semoga bermanfa'at....!


Cara membuat widget jejaring sosial atraktif di blog

Posted at  19.23  |  in  widget  |  Read More»


Dalam posting saya kali ini, saya akan sedikit menjelaskan bagaimana Cara membuat widget jejaring sosial atrakatif untuk blog Anda. Ini hanya widget. Anda dapat menambahkannya ke blog Anda dengan mudah. Saya hanya menggunakan CSS3 dengan HTML. Widget yang satu ini cukup simple, menarik dan atraktif.

 
Langsung tanpa basa-basi lagi menuju TKP..:)
  1. login ke blogger > klik Design > Page element
  2. Klik add Gadget dan Tambah HTML / Javascript
  3. Sekarang pastekan kode berikut di bawah ini :




KET:
 Setelah selesai menyisipkan kode diatas :
  • Ganti "sijalupangna" dengan nama pengguna (user name) Facebook anda
  • Ganti "sijalupangna" dengan nama pengguna (user name) Twitter anda
  • Ganti "UserId" dengan userId Google plus anda
  • Ganti "sijalupangna" dengan nama pengguna (user name) Feedburner anda

Sekarang save (simpan) template anda dan lihat hasilnya, semoga bermanfa'at....!


Written by: jalupangna
Wawasan spiritual dan blogging, Updated at: 19.23
About Us-Privacy Policy-Contact us
Copyright © 2013 Wawasan spiritual dan blogging. Blogger Template by BloggerTheme9
Proudly Powered by Blogger.
back to top