IKLAN BULAN INI

Saturday, 15 September 2012

Tampilkan TimeLines Twitter di Blog

Jejaring Sosial yang paling ngetrend informasinya sekarang ini, salah satunya adalah Feature Aplikasi Twitter dengan TimeLinesnya, kalau kawan ingin mengetahui lebih lanjut cara penerapannya di Blog silahkan berkunjung ke Twitter Developers :y;
Persyaratan yang diperlukan sudah pasti kawan sudah bergabung atau mempunyai Account Twitter :z; untuk Create your own embedded timeline 

Caranya :
  • Masuk Account Twitter kawan dengan meng-Klik  Create your own embedded timeline 
  • Pilih Widget - Buat Baru
  • Selanjutnya, silahkan kawan mengadakan setting seperlunya yang secara otomatis akan keluar disamping kanannya Pratinjau [seandainya Pratinjau tidak mau muncul silahkan kawan setting Account Twitter kawan kemungkinan ada kesalahan atau kurang lengkap]





  • Ambil Scriptnya yang kode kurang lebih seperti berikut 

  1. <a class="twitter-timeline" href="https://twitter.com/twitterapi" data-widget-id="YOUR-WIDGET-ID-HERE">Tweets by @twitterapi</a>
  2. <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

  • Tapi sebelumnya kawan tambahkan atau buatkan Kolom luar biar kelihatan manis seperti contoh berikut dibawah ini 

<div style="margin: 10px auto;display: block;text-align: center;box-shadow: 0px 5px 10px rgba(50,50,50,0.75);width: 500px;height: 405px">

<a class="twitter-timeline" href="https://twitter.com/twitterapi" data-widget-id="YOUR-WIDGET-ID-HERE">Tweets by @twitterapi</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
</div>

Informasi Tambahan :
TimeLine Twitter ini di simpan pada Postingan, tapi dalam penerapannya saya menemui kendala saat loading mau tampil yang selanjutnya cuma ada kolomnya saja, solusinya saya taruh di Sidebar



Read more ...

Tuesday, 11 September 2012

Membangun Rumah, Selalu Lakukan yang Terbaik

Assalamualaikum Warohmatullahi Wabarakatuh,

Saudaraku,
Ada seorang Pembuat Rumah (tukang) yg sudah tua siap untuk segera pensiun dari pekerjaannya. Dia mengatakan kepada kontraktor majikannya tentang rencananya untuk meninggalkan bisnis bangunan rumah dan menjalani kehidupan yang lebih santai dengan istrinya sambil menikmati sisa-sisa harinya bersama keluarga besarnya.

Sebenarnya sayang juga sih pekerjaan tersebut bagi tukang kayu itu karena telah memberinya gaji yang cukup untuk menghidupi keluarganya selama ini, tapi ia harus pensiun karena usia semakin bertambah sepuh dan tenaga serta penglihatannya sudah mulai berkurang kemampuannya.

Pemilik usaha Kontraktor rumah itu sangat kecewa dengan keputusan pegawainya yang baik dan cekatan itu untuk berhenti dari pekerjaannya dan setelah tercenung beberapa saat kemudian lalu ia bertanya apakah tukang kayu itu bersedia untuk membangunkan baginya lagi satu rumah yang terakhir sebagai bantuan pribadi. Tukang kayu mengatakan ya, tetapi nampak dari raut wajah dan suaranya waktu itu mudah sekali untuk dapat dilihat bahwa hatinya tidak dalam karyanya. Dia bekerja dengan ogah-ogahan dan hasil pekerjaannya pun sangat berada di bawah standard kerjanya selama ini dan juga ia mempergunakan bahan-bahan dengan kualitas yang sangat rendah. Sambil terus menggerutu di dalam hatinya karena ia bekerja dengan anggapan akan mendapatkan imbalan hanya "Thank You" saja dan ia-pun menganggap bahwa cara yang ia lakukan ini adalah cara yang cukup layak untuk mengakhiri karirnya toh besok-besok dia tidak akan bertemu kembali dengan bosnya itu.

Ketika tukang kayu telah rampung menyelesaikan pekerjaannya dan pemilik usaha kontraktor pembangun rumah datang untuk memeriksa rumah, kontraktor itu kemudian secara tidak terduga menyerahkan kunci pintu masuk rumah itu kepada tukang kayu seraya berkata, "Ini adalah rumahmu" katanya, "hadiah saya kepada Anda".

Sungguh sangat teramat kelewat mengejutkan kejadian ini bagi si tukang itu !! Sayang sekali!! Jika saja ia mengetahui bahwa yang sedang dibangunnya tadi itu adalah tempat yang akan menjadi rumahnya sendiri tentu ia akan melakukan itu semua dengan cara yang begitu berbeda dari perlakuannya sebelumnya. Sekarang ia mendapati kenyataan pahit bahwa ia harus memperoleh tempat tinggal di rumah yang dibangunnya dengan asal-asalan dengan kualitas bahan bangunan yang tidak baik serta di bawah standard.

Begitu pula analogi kisah ini dengan keadaan kita, saudaraku . . Kita seringkali membangun kehidupan kita dengan cara yang asal-asalan dan kurang kesungguhan, bereaksi berlebihan karena selalu berhitung menimbang-nimbang secara kalkulasi "untung-rugi", senantiasa bersedia untuk mempertontonkan hasil kerja sendiri jauh dari hasil karya terbaik yang dapat kita lakukan. Pada poin penting ini faktanya adalah kita tidak bersedia berjuang sungguh-sungguh untuk memberikan kinerja dan talenta terbaik kita. Kemudian dengan sangat terkejut kita melihat situasi yang telah kita ciptakan dari hasil pekerjaan asal jadi itu dengan bersungut-sungut dan menyesal kemudian.

Pikirkan diri Anda sebagai tukang kayu ini. Pikirkan tentang rumah Anda. Setiap hari Anda palu paku-paku menghujam dinding papan masa depan anda sendiri, atau mendirikan dinding-dinding kokoh untuk sendi-sendi fondasi kehidupan anda di masa mendatang.

Mulailah merajut dan membangun masa depan dengan kesungguhan dan perjuangan semaksimal yang dapat anda lakukan. Bahkan jika seandainya saja Anda tinggal di dunia ini untuk hanya satu hari lagi saja dalam perjalanan hidup anda, maka isilah dan laluilah sisa hari yang akan anda jalani itu dengan kehidupan yang layak  melalui hidup secara anggun dan bermartabat.

Sebagai pebisnis, sepantasnya anda juga akan men-"Treatment" segala upaya anda agar dapat menjadi pebisnis yang tangguh dan sukses . . Dan bila ada peluang yang akan membuat bisnis anda semakin maju dan berkembang, maka segera sambar dan ambil kesempatan berharga itu, sebelum anda juga akhirnya menjadi termasuk golongan "barisan penggerutu" karena karena lamban dalam mengambil keputusan dan malas membuka mata cerdas anda dalam menangkap peluang berharga di depan mata . .

Semoga bermanfaat . .

Wassalamualaikum Warohmatullahi Wabarakatuh,
source : group Yuk Bisnis Property
Read more ...

Cara Membuat Navbar Menu Bertingkat ke2

Kawan masih ingat postingan saya sebelumnya "Cara Membuat Navbar Menu Bertingkat" yang merupakan salah satu contoh dasar cara-cara membuat Navbar Menu Blog yang perlu lagi di modifikasi [Kreasi] lagi supaya kelihatan menarik :z; dan enak dipandang [secara pribadi saya tentunya], karena apa yang saya sampaikan itu dengan harapan mengajak kawan-kawan Blogger untuk mencoba ber-Kreasi tentunya [khusus untuk yang masih Pemula dan yang ingin sama-sama belajar] :x;
Cara Membuat Navbar Menu Bertingkat ke-2 ini kawan bisa lihat dan coba pada Blog saya ini :q; 
Oke langsung saja ke Cara Memodifikasi / Membuat Navbar Menu Bertingkat ke-2


  • Masuk Account Blogger dengan ID kawan
  • Pada Dasbor pilih Template - Edit HTML - Lanjutkan
  • Kalau kawan mempergunakan Navbar Menu [atau apalah namanya silahkan di Copas dulu untuk jaga-jaga] atau kalau tidak ada Navbar Menu pada Blog kawan, Copas Kode Css berikut persis diatas ]]></b:skin> 
#NavbarMenu {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXFT3cilBAE07kFLmlBD-yjgYB69rrsi4h2E2qi9-_LJ87uasgamMaP23U9LkIk5yLi5lnYY_g6aggPHnuB4iEsg9dNQN_GlYjudnExNTl7NZVrOu3BQ5w4Neh-4m2yunnHyIcPJXSbDjt/s1600/menu_bg.png); no-repeat top center;
width: 100%;
height: 40px;
 color: $navcolor;
 margin: 0 auto 0;
 padding: 5px 30px;
 font: bold 12px Arial, Tahoma, Verdana;
 border: 0px solid #699AB8
 }
#nav {
width: 95%; float: left;
 margin: 0;
 padding: 0;
}
#nav ul {
 float: left;
 list-style: none;
 margin: 0;
 padding: 0;
}
#nav li {
 list-style: none;
 margin: 0;
 padding: 0;
}
#nav li a, #nav li a:link, #nav li a:visited {
 color: $navcolor;
 display: block;
height: 20px;
 text-transform: uppercase;
 margin-top: 2px;
 padding: 7px 15px;
 font: bold 13px Tahoma, Georgia, Times New Roman;
 background: transparent;
}
#nav li a:hover, #nav li a:active {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3Q_iqLG_GLbl5EXfuNj7masI8hXg3HNLAG4RI2hU4e-RGoDNED1EHToMIK2-j7msOdBpQvCpankSenCybPx4t4HrASiTHoGSF7k2JOE4POOsORnivTKuY4fgk_JKrlkNtS9QSwUc8dQPE/s1600/selected.png); repeat-x center center;
border: 1px 1px 0 1px;
color: #FFF;
text-shadow: 1px 1px 1px #F00;
text-decoration: none;
margin-top: 2px;
padding: 7px 15px ;
}
#nav li li a, #nav li li a:link, #nav li li a:visited {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSimUXXGiyO6NuuKNbWrw8OOBmThO-FoUuWDPux5xzgr_MjdQIW4tbCEFE8mHf-Gr9m4sL4xxESBRLnMtTGMcSBjeAyKVSRcHdUCjzuNBN2KV7fmavEEaLdfk1bARBNxcc_fHpGQugp717/s1600/submenu.png); repeat-y left bottom;
width: 150px;
height: auto;
color: #000;
text-transform: uppercase;
float: none;
margin : 0;
position: relative;
padding: 7px 20px;
font: normal 13px Tahoma, Georgia, Times New Roman;
}
#nav li li a:hover, #nav li li a:active {
background:  url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZsv0G2mbbGxBq8TDkgnILVjGC8TwWizUgSCrcq69IKHM4r9uNSNGWWqMpkxEO3lptturcxMUCw3r-tiJ2bW1BN7K0rXw7scCIt0zrk2XLPqSV-rm2i25BSmvGmR22VuTy_YweutoleIEj/s1600/submenuhover.png); no-repeat center top;
border: 0px solid #ccc;
color: #FFF;
text-shadow: 1px 1px 1px #F00;
text-decoration: none;
margin: 0;
padding: 7px 20px;
font-size: 13px;
}
#nav li {
float: left;
padding: 0;
}
#nav li ul {
z-index: 9999;
position: absolute;
left: -999em;
height: auto;
width: 140px;
margin: 0;
padding: 0;
}
#nav li ul a {
width: 140px;
}
#nav li ul ul {
margin: -30px 0 0 190px;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
left: auto;
}
#nav li:hover, #nav li.sfhover {
position: static;
}
  • Simpan Template kawan, 
Catatan khusus : untuk yang memakai Cara Membuat Navbar Menu Bertingkat yang saya posting sebelumnya bisa lihat langsung hasilnya
  • Untuk kawan Blogger yang memakai model Navbar Menu lain atau yang pada Blognya belum berisi Navbar Menu silahkan Copas HTML berikut pada tempat yang kawan inginkan 
<div id='NavbarMenu'>
<ul id='nav'>
<li><a href='http://blogbego-creation.blogspot.com' title='Kembali ke Beranda'> Beranda</a></li>
<li><a href='http://blogbego-creation.blogspot.com/2012/01/site-map-blogbego-creation.html'>Daftar Isi</a></li>
<li> <a href='#'>Katagori</a>
<ul>
<li><a href='http://blogbego-creation.blogspot.com/search/label/Kreasi' target='_blank'>Kreasi </a></li>
<li><a href='http://blogbego-creation.blogspot.com/search/label/tips%20trik' target='_blank'>Tips Trik</a></li>
<li><a href='http://blogbego-creation.blogspot.com/search/label/tutorial' target='_blank'>Tutorial </a></li>
<li><a href='http://blogbego-creation.blogspot.com/search/label/animasi' target='_blank'>Animasi </a></li>
<li><a href='http://blogbego-creation.blogspot.com/search/label/widget' target='_blank'>Widget </a></li>
<li><a href='http://blogbego-creation.blogspot.com/search/label/komentar' target='_blank'>Komentar </a></li>
</ul></li>
<li><a href='http://blogbego-creation.blogspot.com/search/label/Template' target='_blank'>Template </a></li>
<li><a href='http://pagespeed.googlelabs.com' target='_blank'> TEST BLOG </a></li>
<li> <a href='#'>Page</a>
        <ul>
        <li> <a href='#'>Edit Page #A</a>
                  <ul>
                  <li><a href='#'>Page #A-1</a>
                          <ul>
                          <li><a href='#'>Page #A-1-1</a></li>
                          <li><a href='#'>Page #A-1-2</a></li>
                          </ul> </li>
                   <li><a href='#'>Page #A-2</a></li>
                   <li><a href='#'>Page #A-3</a></li>
                  </ul> </li>
        <li><a href='#'>Edit Page #B</a></li>
        <li><a href='#'>Edit Page #C</a></li>
        <li><a href='#'>Edit Page #D</a></li>
        <li><a href='#'>Edit Page #E</a></li>
        </ul></li>
</ul>
</div>
Silahkan Ganti URL / Link saya dengan URL / LInk Blog kawan
Selamat Ber-Kreasi :x; 

    Read more ...