.merdeka {position:fixed;_position:absolute;top:10px;right:10px;width:150px;} .merdeka img{opacity:0.5;filter:alpha(opacity=0); } .merdeka img:hover{opacity:1;filter:alpha(opacity=100);}

learn until the end of life

Ciawigebang - Kuningan

  • RSS
  • Delicious
  • Facebook
  • Twitter

Popular Posts

Sekolah
Lulus Kuliah
Kerja

Tukar Link di Blog Anda

Tukaran Link

Translate

Random Ayat

Thumbnail Recent Post

Soal Ujian Praktek Ms. Excel

Download file di bawah ini :
  • Soal Praktek Ms. Excel
  • Isi kolom-kolom kosong tersebut dengan formula / rumus. Jika telah lengkap kirimkan soal yang telah diisi rumus tersebut menggunakan attachment file dengan memberi nama dan kelas pada saat pengiriman ke alamat : tugas12@rocketmail.com Paling lambat dikumpulan pada hari Kamis, 29 Maret 2012.

    Download RPP & Silabus Lengkap

    Kelas XII IPA 1

    RPP DAN SILABUS SEJARAH SMA
    1. RPP Sejarah SMA Kelas X
    2. RPP Sejarah IPA SMA Kelas XI
    3. RPP Sejarah IPS SMA Kelas XI
    4. RPP Sejarah IPA SMA Kelas XII
    5. RPP Sejarah IPS SMA Kelas XII
    1. Silabus Sejarah SMA Kelas X
    2. Silabus Sejarah IPA SMA Kelas XI
    3. Silabus Sejarah IPS SMA Kelas XI
    4. Silabus Sejarah IPA SMA Kelas XII
    5. Silabus Sejarah IPS SMA Kelas XII
    RPP DAN SILABUS SENI BUDAYA SMA
    1. RPP Seni Budaya SMA Kelas X
    2. RPP Seni Budaya SMA Kelas XI
    3. RPP Seni Budaya SMA Kelas XII
    1. Silabus Seni Budaya SMA Kelas X
    2. Silabus Seni Budaya SMA Kelas XI
    3. Silabus Seni Budaya SMA Kelas XII
    RPP DAN SILABUS SOSIOLOGI SMA
    1. RPP Sosiologi SMA Kelas X
    2. RPP Sosiologi SMA Kelas XI
    3. RPP Sosiologi SMA Kelas XII
    1. Silabus Sosiologi SMA Kelas X
    2. Silabus Sosiologi SMA Kelas XI
    3. Silabus Sosiologi SMA Kelas XII
    RPP DAN SILABUS TIK SMA
    1. RPP TIK SMA Kelas X
    2. RPP TIK SMA Kelas XI
    3. RPP TIK SMA Kelas XII
    1. Silabus TIK SMA Kelas X
    2. Silabus TIK SMA Kelas XI
    3. Silabus TIK SMA Kelas XII

    RPP DAN SILABUS BAHASA INGGRIS SMA
    1. RPP Bahasa Inggris SMA Kelas X
    2. RPP Bahasa Inggris SMA Kelas XI
    3. RPP Bahasa Inggris SMA Kelas XII
    1. Silabus Bahasa Inggris SMA Kelas X
    2. Silabus Bahasa Inggris SMA Kelas XI
    3. Silabus Bahasa Inggris SMA Kelas XII
    RPP DAN SILABUS BIOLOGI SMA
    1. RPP Biologi SMA Kelas X
    2. RPP Biologi SMA Kelas XI
    3. RPP Biologi SMA Kelas XII
    1. Silabus Biologi SMA Kelas X
    2. Silabus Biologi SMA Kelas XI
    3. Silabus Biologi SMA Kelas XII
    RPP DAN SILABUS EKONOMI SMA
    1. RPP Ekonomi SMA Kelas X
    2. RPP Ekonomi SMA Kelas XI
    3. RPP Ekonomi SMA Kelas XII
    1. Silabus Ekonomi SMA Kelas X
    2. Silabus Ekonomi SMA Kelas XI
    3. Silabus Ekonomi SMA Kelas XII
    RPP DAN SILABUS FISIKA SMA
    1. RPP Fisika SMA Kelas X
    2. RPP Fisika SMA Kelas XI
    3. RPP Fisika SMA Kelas XII
    1. Silabus Fisika SMA Kelas X
    2. Silabus Fisika SMA Kelas XI
    3. Silabus Fisika SMA Kelas XII

    RPP DAN SILABUS BAHASA INDONESIA SMA
    1. RPP Bahasa Indonesia SMA Kelas X
    2. RPP Bahasa Indonesia SMA Kelas XI
    3. RPP Bahasa Indonesia SMA Kelas XII
    1. Silabus Bahasa Indonesia SMA Kelas X
    2. Silabus Bahasa Indonesia SMA Kelas XI
    3. Silabus Bahasa Indonesia SMA Kelas XII

    RPP DAN SILABUS GEOGRAFI SMA
    1. RPP Geografi SMA Kelas X
    2. RPP Geografi SMA Kelas XI
    3. RPP Geografi SMA Kelas XII
    1. Silabus Geografi SMA Kelas X
    2. Silabus Geografi SMA Kelas XI
    3. Silabus Geografi SMA Kelas XII
    RPP DAN SILABUS PKN SMA
    1. RPP PKN SMA Kelas X
    2. RPP PKN SMA Kelas XI
    3. RPP PKN SMA Kelas XII
    1. Silabus PKN SMA Kelas X
    2. Silabus PKN SMA Kelas XI
    3. Silabus PKN SMA Kelas XII
    RPP DAN SILABUS KIMIA SMA
    1. RPP Kimia SMA Kelas X
    2. RPP Kimia SMA Kelas XI
    3. RPP Kimia SMA Kelas XII
    1. Silabus Kimia SMA Kelas X
    2. Silabus Kimia SMA Kelas XI
    3. Silabus Kimia SMA Kelas XII
    RPP DAN SILABS MATEMATIKA SMA
    1. RPP Matematika SMA Kelas X
    2. RPP Matematika IPA SMA Kelas XI
    3. RPP Matematika IPS SMA Kelas XI
    4. RPP Matematika IPA SMA Kelas XII
    5. RPP Matematika IPS SMA Kelas XII
    1. Silabus Matematika SMA Kelas X
    2. Silabus Matematika IPA SMA Kelas XI
    3. Silabus Matematika IPS SMA Kelas XI
    4. Silabus Matematika IPA SMA Kelas XII
    5. Silabus Matematika IPS SMA Kelas XII
    RPP DAN SILABUS PAI SMA
    1. RPP PAI SMA Kelas X
    2. RPP PAI SMA Kelas XI
    3. RPP PAI SMA Kelas XII
    1. Silabus PAI SMA Kelas X
    2. Silabus PAI SMA Kelas XI
    3. Silabus PAI SMA Kelas XII
    RPP DAN SILABUS PENJASKES SMA
    1. RPP Penjaskes SMA Kelas X
    2. RPP Penjaskes SMA Kelas XI
    3. RPP Penjaskes SMA Kelas XII
    1. Silabus Penjaskes SMA Kelas X
    2. Silabus Penjaskes SMA Kelas XI
    3. Silabus Penjaskes SMA Kelas XII

    Kumpulan Silabus RPP SMA berkarakter lainnya

    DOWNLOAD SILABUS RPP KTSP SMA KELAS 1 / X 1. Sosiologi 2. PKN 3. Matematika 4. Sejarah 5. Seni Rupa 6. Fisika 7. Biologi 8. Bahasa Inggris 9. PAI 10. Ekonomi

    DOWNLOAD SILABUS RPP KTSP SMA KELAS 2 / XI 1. Sosiologi 2. Ekonomi 3. PAI 4. Sejarah 5. Biologi 6. Bahasa Indonesia 7. Matematika 8. Seni Rupa 9. PKN 10. Bahasa Inggris

    DOWNLOAD SILABUS RPP KTSP SMA KELAS 3 / XII 1. Sosiologi 2. Ekonomi 3. Fisika 4. Sejarah 5. Biologi 6. Bahasa Indonesia 7. Seni Rupa 8. PKN 9. Bahasa Inggris
    10. TIK X – XI – XII

    Kami juga menemukan link download lain untuk silabus dan rpp berkarakter, silahkan download dibawah ini

    1. IPA, IPS DAN KETERAMPILAN

    Download

    2. MATEMATIKA, PENJAS DAN PKN

    Download

    3. PAI, BHS. INDONESIA DAN INGGRIS

    Download

    4. SENI BUDAYA DAN TIK

    Download

    5. FISIKA BERKARAKTER

    Download

    6. TIK BERKARAKTER

    Download

    7. TIK BERKARAKTER UNTUK SMP KELAS 7 S.D. 9 KUMPLIT BRO

    Download

    8. RPP SILABUS SMA BERKARAKTER

    Download

    Download

    Download Image Photoshop

    Klik pada salah satu gambar untuk mendownload

















    Ilmu Pengetahuan

    Ilmu (atau ilmu pengetahuan) adalah seluruh usaha sadar untuk menyelidiki, menemukan dan meningkatkan pemahaman manusia dari berbagai segi kenyataan dalam alam manusia. Segi-segi ini dibatasi agar dihasilkan rumusan-rumusan yang pasti. Ilmu memberikan kepastian dengan membatasi lingkup pandangannya, dan kepastian ilmu-ilmu diperoleh dari keterbatasannya.

    Teknologi

    Teknologi adalah pengembangan dan aplikasi dari alat, mesin, material dan proses yang menolong manusia menyelesaikan masalahnya. Sebagai aktivitas manusia, teknologi mulai dikenal sebelum sains dan teknik.

    Informasi

    Informasi adalah pengetahuan yang didapatkan dari pembelajaran, pengalaman, atau instruksi. Namun demikian, istilah ini memiliki banyak arti bergantung pada konteksnya, dan secara umum berhubungan erat dengan konsep seperti arti, pengetahuan, negentropy, komunikasi, kebenaran, representasi, dan rangsangan mental.

    Bahasa

    Bahasa adalah penggunaan kode yang merupakan gabungan fonem sehingga membentuk kata dengan aturan sintaks untuk membentuk kalimat yang memiliki arti.

    Budaya

    Budaya atau kebudayaan berasal dari bahasa Sanskerta yaitu buddhayah, yang merupakan bentuk jamak dari buddhi (budi atau akal) diartikan sebagai hal-hal yang berkaitan dengan budi dan akal manusia. Dalam bahasa Inggris, kebudayaan disebut culture, yang berasal dari kata Latin Colere, yaitu mengolah atau mengerjakan. Bisa diartikan juga sebagai mengolah tanah atau bertani. Kata culture juga kadang diterjemahkan sebagai "kultur" dalam bahasa Indonesia.

    Archive for Februari 2011

    Aliran informasi dari komunitas blog-blog yang online ini di internet setiap hari semakin meningkat, orang-orang mulai menyadari akan besar manfaat yang akan diraih dari kehadiran blog yang mereka miliki. Tidak sekedar menuangkan gagasan, ide, pemikiran aaupun kreasi pribadi untuk dipublikasikan kepada pembacanya, tetapi lebih dari itu ternyata blog bisa dijadikan sebagai sumber penghasilan tambahan bagi yang serius menggelutinya. Untuk itulah karena semakin hari minat terhadap pemanfaatan blog ni semakin meningkat, kami mengangkat tulisan ini semoga dapat dijadikan tambahan informasi yang berguna.

    Apa sih dropdown menu itu?


    Dropdown menu itu seperti ini :










    Dengan dropdown menu kita bisa menghemat space/ruang di blog kita, karena dengan ukuran yang kecil seperti itu bisa menyimpan link dan text yang banyak. Itu bisa diisi dengan arsip, blogroll dll. Gimana? Mau mencobanya? caranya : Login ke blogger, trus masuk ke menu "Page Element" trus pilih Add page elements --> HTML/JavaScript. Kemudian masukkan script berikut ini di kocat "Content"



    <select onChange="document.location.href=this.options[this.selectedIndex].value;">


    <option value="0" selected>Arsip Blog</option>


    <option value="Links 1">Text 1</option>


    <option value="Links 2">Text 2</option>



    </select>



    Text yang berwarna merah adalah link. ganti text2 tersebut dengan link2 kamu.


    Text yang berwarna biru adalah tulisan yang ditampilkan. Itu juga harus km ganti.

    Contohnya seperti ini :

    <select onChange="document.location.href=this.options[this.selectedIndex].value;">


    <option value="0" selected>Arsip Blog</option>


    <option value="http://www.ubb.ac.id/menulengkap.php?nomor_urut=111"> Cara Membuat Menu Vertical dan Menu Horizontal pada Blog </option>



    <option value="http://www.ubb.ac.id/menulengkap.php?nomor_urut=121"> Cara membuat Read More ? Baca Selengkapnya pada Blog</option>


    </select>



    Maka hasilnya akan seperti ini :














    untuk menambahkan menu lagi, tambahkan kode seperti ini :





    <option value="Links 2">Text 2</option>





    sebelum kode </select>





    Link dalam dropdown menu di atas jika di klik akan membuka link di halaman yang sama. Ini cocok untuk Arsip dan link-link yang masih berhubungan dengan blog tsb. Ada satu tipe lagi yang jika diklik linknya maka akan membuka window baru tanpa menutup blog kamu. Yang ini cocok untu Blogroll atau Friend link.



    Cara mambuatnya seperti diatas tapi ganti kode berikut




    <select onChange="document.location.href=this.options[this.selectedIndex].value;">



    ganti dengan kode ini :




    <select onchange="javascript:window.open(this.options[this.selectedIndex].value);">



    hasilnya akan seperti ini :













    Trik dan tips yang berhubungan :




    Kode-kode Warna untuk HTML

    Di dalam dunia web/blog, warna itu sangat penting dan sangat berpengaruh terhadap penampilan web/blog. Warna-warna biasanya digunakan untuk background, text, links, table dll. Kalau kombinasi warna pada web/blog kita tidak sesuai, atau tidak enak dipandang mata mata, maka hal itu akan membuat pengungjung web/blog kita menjadi kurang nyaman, dan kemungkinan akan malas untuk mengunjungi blog kita lagi. Tapi karena untuk untuk membuat warna-warna ini harus menggunakan kode-kode warna, maka bagi yang tidak begitu mahir tentang html akan kesulitan untuk mendapatkan kode-kode warna ini.

    Oleh karena itulah dibawah ini dibuat Chart HTML Kode Warna bagi yang membutuhkan kode-kode warna. Cara penggunaannya cukup mudah, tinggal klik warna yang dipilih, maka kode warnanya akan tampil di kotak "kode warna:".


    Menubar adalah sarana navigasi pada situs web yang berisi daftar tautan/link. Menubar umumnya terletak mendatar pada header, baik dalam posisi menggantung (di bagian bawah) maupun persis di atas header seperti ini:


    Menubar

    Menubar



    Secara default layanan Blogger tidak menyediakan menubar pada templat-templat blog mereka. Mereka hanya menyediakan link list dan archive list yang terletak pada sidebar secara vertikal. Keberadaan menubar pada header memang tidak mutlak diperlukan, namun kalau ada akan membuat tampilan blog anda terlihat sedikit lebih ‘profesional’. Artikel ini menyingkap cara mudah membuat menubar sederhana pada blog anda di Blogger.


    Pergilah ke halaman pengeditan html blog anda (Dashboard > Layout > Edit HTML)



    Tambahkan baris kode berikut pada templat CSS blog anda tepat di bawah kode untuk header:




    #menubar h2 {display:none;}


    #menubar ul {

    list-style: none;

    }

    #menubar li {

    float: left;


    }


    #menubar a:link, #menubar a:visited, #menubar a:hover {

    padding: 5px;

    display: block;

    color: $headerTextColor;

    }


    #menubar a:hover {

    background-color: $headerCornersColor;

    }




    Kini scroll ke bawah tampilan kode hingga anda menemukan blok kode berikut:




    <div id=’header-wrapper’>

    <b:section class=’header’ id=’header’ maxwidgets=’1′ showaddelement=’no’>


    <b:widget id=’Header1′ locked=’false’ title=’Beautiful Beta (Header)’ type=’Header’/>

    </b:section>

    </div>





    Selipkan baris kode berikut tepat di bawah <div id=’header-wrapper’>:



    <b:section class=’menubar’ id=’menubar’ maxwidgets=’1′ showaddelement=’yes’>


    <b:widget id=’LinkList2′ locked=’true’ title=’Menubar’ type=’LinkList’/>

    </b:section>






    hingga secara keseluruhan akan menjadi seperti ini:




    <div id=’header-wrapper’>

    <b:section class=’menubar’ id=’menubar’ maxwidgets=’1′ showaddelement=’yes’>


    <b:widget id=’LinkList2′ locked=’true’ title=’Menubar’ type=’LinkList’/>

    </b:section>


    <b:section class=’header’ id=’header’ maxwidgets=’1′ showaddelement=’no’>


    <b:widget id=’Header1′ locked=’false’ title=’Beautiful Beta (Header)’ type=’Header’/>

    </b:section>

    </div>





    Penjelasan:


    Setiap blok script yang diawali dan diakhiri dengan tag <div id=’’> … </div> mewakili sebuah widget pada blog anda di Blogger. Baris kode warna merah adalah script tambahan untuk menempatkan menubar pada widget header.


    Setelah selesai, klik “Save Change” untuk menyimpan perubahan yang anda lakukan. Kini anda dapat menemukan elemen menubar tepat di atas header blog. Untuk mengedit menubar (menambahkan/mengurangi link dsb) pergilah ke halaman Page Layout seperti biasa.


    Mungkin file tutorial ini sudah tak asing lagi bagi para peblogger yang sudah malang melintang dalam menjelajah dan mengubek-ubek blognya. Tapi mungkin juga ada yang belum tahu mengenai tutorial sederhana tentang cara membuat teks berjalan dan berkedip pada blog wordpress, blogspot, joomla ataupun pada blog dengan css yang lain.



    Cara ini juga berlaku pada website dengan design sendiri yang berformat html. Teks berjalan dan berkedip pada bahasa html disebut dengan marquee behavior. Nah, kalau teman-teman mencari arti kata marquee di kamus, maka artinya akan lain yaitu “tenda besar”. Pastinya nggak nyambung kan..


    Tidak panjang lebar, berikut tutorial cara membuat teks berjalan dan berkedip pada blog wordpress, joomla, blogspot, dan blog yang lain :


    1. Marquee 1.0.0



    Membuat teks berjalan dan berkedip


    Marquee 1.0 ini merupakan marquee behavior standar agar teks anda bisa berjalan secara default (dari kanan ke kiri).


    Tag HTML membuat teks berjalan marquee 1.0.0 :


    <marquee>Teks Anda</marquee>



    2. Marquee 1.0.1


    Membuat teks berjalan dan berkedip


    Marquee 1.0.1 adalah pengembangan dari marquee 1.0.0, Marquee ini mempunyai kelebihan jika anda arahkan mouse pada teks tersebut maka dia akan istirahat atau berhenti.


    Tag HTML membuat teks berjalan marquee 1.0.1 :


    <marquee onmouseover=”this.stop()” onmouseout=”this.start()”>Teks Anda</marquee>



    3. Marquee 1.0.2


    Membuat teks berjalan dan berkedip


    Teks dengan marquee 1.0.2 ini maka akan berjalan sebaliknya yaitu dari kiri ke kanan.


    Tag HTML membuat teks berjalan marquee 1.0.2 :


    <marquee direction=”right”>Teks Anda</marquee>


    4. Marquee 2.0.o



    Membuat teks berjalan dan berkedip


    Marquee 2.0.0 ini mempunyai kelebihan bolak-balik dari ruang kotak yang tidak terlihat oleh mata.


    Tag HTML membuat teks berjalan marquee 2.0.0 :


    <marquee behavior=”alternate”>Teks Anda</marquee>


    5. Marquee 2.0.1


    Membuat teks berjalan dan berkedip



    Marquee 2.0.1 adalah pengembangan dari marquee sebelumnya, dengan pancingan scrollamount dia menjadi sangat agresif/cepat.


    Tag HTML membuat teks berjalan marquee 2.0.1 :


    <marquee behavior=”alternate” scrollamount=”18″>Teks Anda</marquee>


    6. Marquee 2.0.2



    Membuat teks berjalan dan berkedip


    Marquee 2.0.2 masih pengembangan dari Marquee 2.0 dengan sentuhan on-mouse-over stop dan on-mouse-out start, seperti marquee 1.0.1 yaitu jika anda arahkan mouse pada teks tersebut maka dia akan berhenti.


    Tag HTML membuat teks berjalan marquee 2.0.2 :


    <marquee behavior=”alternate” onmouseover=”this.stop()” onmouseout=”this.start()”>Teks Anda</marquee>



    7. Marquee 3.0.0


    Membuat teks berjalan dan berkedip


    Marquee 3.0.0 adalah marquee climbing, marquee pendaki ini suka sekali ketinggian, sehingga kita lihat arah teksnya pun ke atas. Jika Anda memiliki teks yang banyak, maka marquee ini merupakan pilihan yang tepat dan sangat cocok.



    Tag HTML membuat teks berjalan marquee 3.0.0 :


    <marquee direction=”up”>Teks Anda</marquee>


    8 Marquee 3.0.1


    Membuat teks berjalan dan berkedip


    Marquee 3.0.1 adalah pengembangan dari marquee sebelumnya yang tidak mempunyai batas ruang, marquee ini kita batasi ruang kasatnya sehingga memiliki height 100 saja. Demikian dengan kemampuan scrollamountnya kita perlambat. Dan kita tambahkan on mouse stop/start juga.



    Tag HTML membuat teks berjalan marquee 3.0.1 :


    <marquee direction=”up” onmouseover=”this.stop()” width=”100%” scrollamount=”2″ onmouseout=”this.start()” height=”100″>Teks Anda</marquee>



    9. Marquee 3.0.2


    Membuat teks berjalan dan berkedip


    Marquee 3.0.2 masih merupakan pengembangan dari marquee sebelumnya, hanya saja teks berada di tengah ruang kasat.


    Tag HTML membuat teks berjalan marquee 3.0.2 :


    <marquee direction=”up” width=”100%” scrollamount=”2″ height=”100″ align=”center”>Teks Anda</marquee>



    10. Marquee 3.0.3


    Membuat teks berjalan dan berkedip


    Marquee 3.0.3 adalah pengembangan juga dengan arah berlawanan dari marquee sebelumnya. kelebihan marquee ini yaitu teks bisa berjalan menurun atau teks yang kita lihat berjalan dari atas ke bawah. Kemampuan scrollamountnya tidak kita batasi sehingga terlihat agresif dengan ruang kasat yang kecil. Bisa diperlambat dengan format html seperti diatas.


    Tag HTML membuat teks berjalan marquee 3.0.3 :


    <marquee direction=”down” width=”100%” height=”100″>Teks Anda</marquee>



    11. Membuat teks berkedip


    Membuat teks berjalan dan berkedip


    Untuk membuat teks berkedip seperti diatas sangat mudah dan simple. Tambahkan saja format html seperti dibawah ini :


    Tag HTML membuat teks berkedip :


    <blink>Teks anda</blink>


    Diatas adalah tutorial sederhana dalam membuat teks berjalan dan berkedip pada blog wordpress, blogspot, joomla ataupun blog yang lain. Semoga bermanfaat..

    Flag Counter adalah tool yang banyak digunakan untuk menghitung jumlah pengunjung berdasarkan negara berada menggunakan alamat IP yang mereka gunakan. Salah satu situs yang menyediakan tool ini adalah http://flagcounter.com/. Flag Counter juga berfungsi sebagai Counter pada umumnya yang menghitung banyaknya pengunjung atauberapa kali halaman kita di tampilkan. Langkah-langkah untuk instalasinya adalah sbb :

    1. Masuk kealamat http://flagcounter.com/
    2. Pilih warna background, Text dan Border dan settingan lainya.

    3. Klik Get My Flag Counter

    4. Copy dan Pastekan Kode yang telah jadi di blog kita, Pilih Code for website.
    5. Ayok kita lihat pengunjung dari negara lain di blog kita.


    Hai sobat blogger, bagaimanakah kabar Anda sekalian ? semoga dalam keadaan sehat dan selalu ceria. Pada tulisan kali ini, saya akan membagikan ilmu yang sudah saya pelajari kepada Anda yaitu masih tentang blogger dan topik yang saya bahas kali ini adalah seputar "Menampilkan widget pada halaman tertentu" yang sering digunakan pada template megazine, misalnya anda ingin menampilkan widget dihalaman post saja atau tidak ada hanya dihalaman post.

    Nah langsung saja kita pelajari bersama-sama.

    Langkah pertama yang harus Anda lakukan adalah masuk menu "Design" kemudian masuk ke bagian "Edit HTML" lalu centang kotak "Expand widget templates"

    lalu cari code widgetnya seperti ini


    <b:widget id='HTML1' locked='false' title='Pesan' type='HTML'>
    <b:includable id='main'>

    <!-- only display title if it's non-empty -->
    <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
    </b:if>
    <div class='widget-content'>
    <data:content/>
    </div>

    <b:include name='quickedit'/>

    </b:includable>
    </b:widget>

    Untuk mempermudah pencarian silahkan masukkan judul widget seperti "Pesan" kedalam kotak pencarian browser (ctrl + F)

    Kemudian tambah code

    <b:if cond='data:blog.url == data:blog.homepageUrl'>

    dan ditutup dengan code </b:if> untuk menempatkan di hanya halaman depan saja

    dan ditempatkan seperti dibawah ini


    <b:widget id='HTML1' locked='false' title='Pesan' type='HTML'>
    <b:includable id='main'>
    <b:if cond='data:blog.url == data:blog.homepageUrl'>
    <!-- only display title if it's non-empty -->
    <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
    </b:if>
    <div class='widget-content'>
    <data:content/>
    </div>

    <b:include name='quickedit'/>
    </b:if>
    </b:includable>
    </b:widget>

    Perhatikan penempatan code yang berwarna hijau !

    kemudian save.

    Dan dibawah ini adalah code yang bisa digunakan untuk penempatan lainya

    Untuk menempatkan di halaman depan/index digunakan code
    <b:if cond='data:blog.pageType == data:blog.homepageUrl'>


    Untuk menempatkan di halaman Archive saja
    <b:if cond='data:blog.pageType == "archive"'>


    Untuk menempatkan dihalaman item/posting saja digunakan code
    <b:if cond='data:blog.pageType == "item"'>


    Dan untuk pada halaman pages atau static page blogger digunakan
    <b:if cond='data:blog.pageType == "static_page"'>

    Dan untuk tambahan, jika Anda ingin menempatkan di halaman tertentu dengan menggunakan URL gunakan code dibawah ini
    <b:if cond='data:blog.url == "URL_HERE"'>


    Ganti code URL_HERE dengan URL yang ingin anda tampilkan.

    Dan untuk pengecualian, misalnya anda tidak menempatkan widget hanya di halaman depan saja dengan cara mengganti tanda = pertama dengan tanda !

    Contoh

    <b:if cond='data:blog.pageType != data:blog.homepageUrl'>

    Nah tidak terlalu sulit kan? semoga bermanfaat bagi Anda.

    Cara memasang widget facebook ini bisa juga dikatakan sebagai Mini Facebook pada blog, dengan tujuan agar aktifitas ngeblog bisa sambil facebookan dan aktifitas facebookan bisa sambil ngeblog.

    Terlepas dari berbagai dampak negatif yang ditimbulkan, facebook merupakan media jejaring sosial yang diasumsikan sebagai ktp online bagi sebagian besar orang dalam dunia pergaulan di dunia online bahkan juga di dunia nyata. Kepemilikan account facebook tidak terbatas dari usia remaja saja, karena tidak sedikit anak usia sekolah dasar dan para kakek-kakek gaul juga tidak mau ketinggalan untuk ikut menjadi bagian dari dunia facebook.




    Setelah beberapa waktu yang lalu pernah saya bahas tentang cara gokil update status via angkot, via dukun dan sejenisnya, maka pada kesempatan posting cara memasang widget facebook ini blog teknologi dan bisnis online akan kembali menyajikan tips tentang cara mengintegrasikan teknologi facebook developers ke dalam sebuah blog atau website.

    Cara memasang widget facebook pada blog menggunakan fasilitas social plugins yang dapat digunakan oleh semua user facebook secara gratis. Diantaranya adalah facebook activity feeds dan Live Stream plugin.


    Posting cara memasang widget facebook ini merupakan request order kloter ketiga dari bandara seputar dunia ponsel cak tomo sidoarjo, setelah didahului dengan posting cara memasang reply comment pada blog, yang diberangkatkan menggunakan pesawat tanpa awak, tanpa kursi dan tanpa jendela ~baling-baling bambu dora emon~



    1. Activity Feeds Facebook Widget

    Activity Feeds merupakan teknologi plugin facebook developers berupa script yang dapat mendeteksi dan menampilkan aktifitas pengguna facebook beserta temannya secara live dengan menyisipkan 'iklan' website anda. Setiap pengunjung yang login dalam widget tersebut dapat menyaksikan aktifitas teman-temannya, tanpa harus membuka halaman facebook.

    Hal ini bernilai positif bagi anda yang menginginkan untuk menaikkkan traffic ataupun alexa pagerank dengan dahsyat, bayangkan saja : jika ada seratus pengunjung dalam sehari yang singgah dan memiliki masing-masing seratus follower di facebook, karena feed artikel anda langsung dapat di share oleh pengunjung maka hitung saja ada berapa banyak visitor yang akan mengunjungi blog anda dalam sehari.


    Caranya: ketik reg spasi Macul, khusus untuk hari ini saja bagi 2000 pengunjung pertama.. halah halah.. halah.. *just kidding*



    Cara memasang widget activity feed pada blog anda adalah:

    Silahkan Login to Blogger,

    click Design/Rancangan, Page Element/Elemen Halaman

    Add gadget ~ html/javascript ~


    kemudian paste script Activity Feeds Facebook widget berikut ini :







    sebelum disimpan silahkan anda ubah teks alkatro.blogspot.com dengan link blog anda

    angka pada width= 250, silahkan sesuaikan dengan lebar widget blog anda, boleh 200 atau 300

    angka 300, silahkan sesuaikan dengan lebar widget blog anda.


    Catatan: link blog yang anda tuliskan adalah alamat blog yang telah anda koneksikan pada Networked Blog dan di share dalam wall facebook anda.



    2. Live Stream Facebook Widget


    Live Stream Facebook Widget merupakan tab menu lain dalam kategori social plugin facebook developer; merupakan teknologi facebook developers script yang berfungsi untuk menampilkan aktifitas terbaru di wall dan sekaligus melakukan update status pada blog yang memasang widget ini: asalkan visitor atau anda dalam posisi Login, kalau belum login Klik Connect Button terlebih dahulu.

    Berdasarkan berita infotainment, pak DJ-Site lagi kangen banget dengan kang tejo, maka cover contoh Live Stream Facebook Widget mengambil dari account kang tejo beberapa hari yang lalu, semoga saja dapat menjadi sebagai pengobat rindu.. :D


    Dengan memasang widget live stream facebook, itu artinya anda telah memberikan fasilitas Mini Facebook kepada pengunjung, sehingga anda dan visitor dapat melakukan update facebook tanpa harus meninggalkan halaman blog anda. Setelah anda login pilih tab Friends untuk melihat aktifitas teman-teman anda di wall. Kalau masih kurang jelas dan langsung ingin mencoba fasilitas Mini Facebook pada blog, silahkan click here to show example Live Stream Facebook widget

    Saya tidak akan menjelaskan tentang detail script App Id dan XID number, yang penting langsung saja kalau anda ingin memasang widget Live Stream Facebook pada blog anda silahkan ikuti kisah selanjutnya di sini jangan kemana-mana.




    Silahkan Login to Blogger,

    Click Design/Rancangan, Klik Page Element

    Add gadget ~ html/javascript~

    Paste this script below



    Berikut ini kode script Live Stream Facebook Widget






    jangan lupa untuk menyesuaikan angka width dan heightnya sesuai selera anda

    angka 250, silahkan sesuaikan dengan lebar widget blog anda.

    angka 500, silahkan sesuaikan dengan lebar widget blog anda.

    Sudah anda ubah angka 250 dan 500 sesuai dengan sidebar blog anda?


    Kalau sudah, nyanyi dulu Lagu 'Bang Toyib' ala blog teknologi dan bisnis online, ambil suara... 1 2 3:

    Kang Tejo, Kang Tejo kenapa tak pulaang-pulaang, pak DJ, pak DJ panggil-panggil namamu...
    Klik Save. Selesai

    Siang semakin terik, saatnya menjemur pakaian dengan memanfaatkan bio-teknologi tenaga surya.. *ambil tangga, terus manjat genteng* :D



    Demikianlah cara memasang widget facebook berupa activity feeds facebook widget dan live stream facebook widget orderan dari sahabat cak tomo dan semoga dapat bermanfaat bagi yang ingin menggunakannya.



    Mau blog anda dikunjungi banyak pengunjung....???!! Pasang TV Online dong...!!!
    Sedikit berbagi kepada rekan-rekan sesama blogger. Saya ada Script Tvonline yang saya dapat saat gencar-gencarnya ingin memasang (embled) Tv online di blog saya seperti ini. Bagi yang ingin memasang TV online juga, silahkan download Scriptnya disini :

    Script TV Online

    Script yang saya pake langsung menuju ke hosting TV masing-masing. Jadi lebih ringan daripada harus mengakses situs "A" baru ke hosting TV Online nya sendiri.
    Untuk memasangnya cukup mudah, silahkan buka Script yang sudah saya berikan tadi, pasang pada menu "add gadget html", ataupun pada postingan anda, dengan syarat anda berada pada menu edit html-nya.

    Setelah menambahi sedikit kata-kata pembuka, langsung saja copas kode html yang telah saya share tadi, dan lihat di previews. Jika sukses, layanan TV Online akan muncul dan siap dinikmati.

    Semoga Bermanfaat.

    Zona Iklan
    (Silahkan di klik satu kali saja)


    Halo teman-teman semua apa kabarnya? pada posting kali ini saya akan bagi-bagi informasi link. berikut ini saya tuliskan 30 link khusus template. sebagian besar link ini diambil dari blog kangnoval.com.
    Jadi bila teman berniat mengganti template dasar milik blogger, maka bisa mencarinya disini. koleksi templatenya bagus-bagus tergantung bagaimana kita memilih dan menyesuaikan penggunaannya. link tersebut dapat dilihat berikut ini :
    1. freetemplates.blogspot.com
    2. freeskins.blogspot.com/
    3. bloggerbuster
    4. webbietips.blogspot.com/
    5. freshbloggertemplates.blogspot.com/
    6. k2modify.blogspot.com/
    7. blogspottemplate.com/
    8. finalsense.com
    9. eblogtemplates.com
    10. mashable.com
    11. templatepanic.com
    12. template-unik.blogspot.com/
    13. btemplates.com/
    14. blogandweb.com/
    15. www.suckmylolly.com/
    16. www.geckoandfly.com
    17. www.blogcrowds.com
    18. www.giselejaquenod.com
    19. www.gosublogger.com/
    20. Blogspottutorial
    21. x-template.blogspot.co
    22. bloggertrick
    22. layout4all.blogspot.com/
    23. bloggero.com
    24. www.ourblogtemplates.com/

    25. www.template-godown.com/
    26. wishix.com
    28. sushidating.com
    29. butikkita.com
    30. goblogtemplate.com
    31. blogger-skin-resources.blogspot.com
    32.www.situsmurah.com
    33.. blogtemplate4u.com
    34. bloggermagz

    Full list after the jump.



    Arclite | demo | download



    arclite blogger template 50+ Most Wanted Blogger Templates


    Arto | demo | download


    arto blogger template 50+ Most Wanted Blogger Templates


    Blogger Press | demo | download



    bloggerpress blogger template 50+ Most Wanted Blogger Templates


    Blogger Tube | demo | download


    bloggertube blogger template 50+ Most Wanted Blogger Templates


    Bulletin Board | demo | download



    bulletin board blogger template 50+ Most Wanted Blogger Templates


    Burn Out Bright | demo | download


    burn out bright blogger template 50+ Most Wanted Blogger Templates


    Cosmetic Girl | demo | download



    cosmetic girl blogger template 50+ Most Wanted Blogger Templates


    Christmas New Year Eve | demo | download


    christmas new year eve template 50+ Most Wanted Blogger Templates


    Cupcake Cookie | demo | download



    cupcake cookie blogger template 50+ Most Wanted Blogger Templates


    Edens Garden | demo | download


    edens garden blogger template 50+ Most Wanted Blogger Templates


    Evidens White | demo | download



    evidens white blogger template 50+ Most Wanted Blogger Templates


    Falkner Press | demo | download


    falkner press blogger template 50+ Most Wanted Blogger Templates


    Fashion Press Lite | demo | download



    fashion press lite blogger template 50+ Most Wanted Blogger Templates


    Gamma Ray | demo | download


    gamma ray blogger template 50+ Most Wanted Blogger Templates


    Grante | demo | download



    grante blogger template 50+ Most Wanted Blogger Templates


    Grunge Girl | demo | download


    grunge girl blogger template 50+ Most Wanted Blogger Templates


    Healthy Lifestyle | demo | download



    healthy lifestyle blogger template 50+ Most Wanted Blogger Templates


    Hybrid Gallery | demo | download


    hybrid gallery blogger template 50+ Most Wanted Blogger Templates


    ImpreZZ | demo | download



    imprezz blogger template 50+ Most Wanted Blogger Templates


    Ink Stain | demo | download


    ink stain blogger template 50+ Most Wanted Blogger Templates


    Irresistible | demo | download



    irresistible blogger template 50+ Most Wanted Blogger Templates


    Leopress | demo | download


    leopress blogger template 50+ Most Wanted Blogger Templates


    Letter Frame | demo | download



    letter frame blogger template 50+ Most Wanted Blogger Templates


    Ligneous | demo | download


    ligneous blogger template 50+ Most Wanted Blogger Templates


    Marikit | demo | download



    marikit blogger template 50+ Most Wanted Blogger Templates


    Massive Attack | demo | download


    massive attack blogger template 50+ Most Wanted Blogger Templates


    Masunurin | demo | download



    masunurin blogger template 50+ Most Wanted Blogger Templates


    Mosaicus | demo | download


    mosaicus blogger template 50+ Most Wanted Blogger Templates


    Music Globe | demo | download



    music globe blogger template 50+ Most Wanted Blogger Templates


    Mystique | demo | download


    mystique blogger template 50+ Most Wanted Blogger Templates


    Noteboook | demo | download



    notebook blogger template 50+ Most Wanted Blogger Templates


    Paper Craft | demo | download


    paper craft blogger template 50+ Most Wanted Blogger Templates


    Panorama | demo | download



    panorama blogger template 50+ Most Wanted Blogger Templates


    Peach Bloom Spring | demo | download


    peach bloom spring blogger template 50+ Most Wanted Blogger Templates


    Photoplus Light | demo | download



    photoplus light blogger template 50+ Most Wanted Blogger Templates


    Presents | demo | download


    presents blogger template 50+ Most Wanted Blogger Templates


    Red Light | demo | download



    red light blogger template 50+ Most Wanted Blogger Templates


    Rockstar | demo | download


    rockstar blogger template 50+ Most Wanted Blogger Templates


    Schemar Mag | demo | download



    schemar mag blogger template 50+ Most Wanted Blogger Templates


    Scrapbook Mania | demo | download


    scrapbook mania blogger template 50+ Most Wanted Blogger Templates


    Scrappy | demo | download



    scrappy blogger template 50+ Most Wanted Blogger Templates


    Showcase Light | demo | download


    showcase light blogger template 50+ Most Wanted Blogger Templates


    Spring | demo | download



    spring blogger template 50+ Most Wanted Blogger Templates


    Starlite Diva | demo | download


    starlite diva blogger template 50+ Most Wanted Blogger Templates


    StudioPress Red | demo | download



    studiopress red blogger template 50+ Most Wanted Blogger Templates


    Tequilas Flamejantes | demo | download


    tequilas flamejantes template 50+ Most Wanted Blogger Templates


    Theater Room | demo | download



    theater room blogger template 50+ Most Wanted Blogger Templates


    Treasure Hunters | demo | download


    treasure hunters blogger template 50+ Most Wanted Blogger Templates


    Urban View | demo | download



    urban view blogger template 50+ Most Wanted Blogger Templates


    Water Color | demo | download


    water color blogger template 50+ Most Wanted Blogger Templates


    Wooden Fence | demo | download



    wooden fence blogger template 50+ Most Wanted Blogger Templates


    Woody | demo | download


    woody blogger template 50+ Most Wanted Blogger Templates


    Community Galleria | demo | download



    community galleria 50+ Most Wanted Blogger Templates