Cara Mudah Membuat Widget Facebook, Twitter, Feed Melayang di Pojok Blog

Cara Mudah Membuat Widget Facebook, Twitter, Feed Melayang di Pojok Blog

Selamat pagi sahabat blogger,salam sejahtera untuk kalian semua. Kali ini mau mencoba berbagi widget untuk blog setelah beberapa hari vacum dari dunia blogging. Widget yang akan saya bahas yaitu widget facebook, twitter, serta feed melayang di pojok kanan blog. Mungkin sudah banyak sekali yang sudah membahas widget yang satu ini, tetapi saya akan mencoba membaginya untuk para sahabat-sahabat Bfc Sarif Blog agar tidak perlu repot-repot lagi mencarinya di mesin pencari mbah Google.

Berikut adalah langkah-langkah dalam pembuatannya :

1. Login terlebih dahulu ke akun blog sahabat

2. Masuk ke menu tata letak

3. Klik tambah gadget

4. Pilih HTML / JavaScript

<div style="bottom: 30px; display: scroll; position: fixed; right: 0px;"> <a class="linkopacity" href="https://%3Cb%3Ewww.facebook.com/hikmah.al?ref=tn_tnmn%3C/b%3E" imageanchor="1" rel="nofollow" style="margin-left: 1em; margin-right: 1em;" target="_blank" title="Facebook Bfc Sarif SatriaSatriaan"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMMSAP37T-90miZ5hxBP1Vosw7tNn_I8Ovj6rnv2YiuaDFloOMqFhw13V0PQL_Brp6TZYoHEMdnZ2fDUPt0iMClg_0touZ4gfHylJMkxAqrYrKG0gvbPWfLpbYalEyjB7XkdHHaiuDS9Z0/s800/belajarilmukomputerfacebook.png" /></a><br /> <a class="linkopacity" href="http://www.blogger.com/%3Cb%3Ehttps://twitter.com/nunuchim%3C/b%3E" imageanchor="1" rel="nofollow" style="margin-left: 1em; margin-right: 1em;" target="_blank" title="Twitter Bfc Sarif SatriaSatriaan"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieYR9SYXIob5tUey77PsyHkKNZQetWTg37Rg4B5kd9pcnpS_izGiYDFEtmhucsOUpwk1f9jn_ELzkwG97r0tEvwj7eNzS_b_Z_meLSZ64CMXyDNrXkNdkGU2zEHJdXnlVrBeQYeW6Lhqh3/s800/belajarilmukomputertwitter.png" /></a><br /> <a class="linkopacity" href="http://www.blogger.com/%3Cb%3Ehttps://plus.google.com/u/0/104128944200877640206%3C/b%3E" imageanchor="1" rel="nofollow" style="margin-left: 1em; margin-right: 1em;" target="_blank" title="Bfc Sarif Blog Feed"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDGs2V5pkEvEvjL2vLOe7V58Cc6ryyNPdhsww-JDcyfjVXql3tlM_skvJ42HZM5l0a-fy-sqrRmklXl0WX8UwxXdson6ERnh5hcce5RS6_trexsqttJjJLxTgV07QmDHZyK8QHOxL4JvcB/s800/belajarilmukomputerfeed.png" /></a></div>!

sebelumnya edit terlebih dahulu tulisan

* ganti tulisan warna merah dengan akun facebook anda

* ganti tulisan warna biru dengan akun twitter anda

*ganti tulisan warna kuning dengan akun google anda 5. Setelah itu klik simpan/save

Baca Selengkapnya → Cara Mudah Membuat Widget Facebook, Twitter, Feed Melayang di Pojok Blog

Cara Membuat Menu Bar dan Sub Menu Bar di Blog

Cara Membuat Menu Bar dan Sub Menu Bar di Blog

Hay Guyss, kali ini Hikmah akan berbagi cara membuat sub menu bar di blog. Sub menu bar sangat diperlukan bagi setiap blogger sejati. Bagi para pengunjung hal ini juga sangat dibutuhkan guna mencari informasi berdasarkan pada kategori di sub menu bar. Memberi sub menu bar juga membuat blog kita tampak lebih tampan, teratur, dan praktis (tidak acak-acakan). Langkah-langkahnya berhubungan dengan edit HTML. Bagi para blogger pemula mungkin akan merasa sulit, tetapi sebenarnya hal ini sangat mudah.

Ikuti saja langkah-langkah yang kami jelaskan di bawah ini.

1. Klik Menu Desain

2. Pilih Menu Template lalu pilih menu Edit HTML

3. Pilih/klik menu Lanjutkan

4. Pilih/klik menu Expand Template Widget

5. Cari scrift berikut :

<blockquote></blockquote><div class='main-outer'> atau <div id='main-wrapper'> atau <div id='main'>

Agar lebih mudah, klik saja CTRL + F + F3 pada keyboard lalu pilh salah satu scrift diatas. Berdasarkan pengalaman saya setelah membolak balik informasi di www.google.com maka yang cocok adalah :

div class='main-outer'>.

Bisa jadi beda dengan template yang lain…

Setelah dapat, copas scrift berikut tepat diatas scrift yang dicari tadi :

<style> /* -- Menu Horizontal + Sub Menu-- */ #cat-nav {background:#156994;margin:0 15px;padding:0;height:35px;} #cat-nav a { color:#eee; text-decoration:none; text-shadow: #033148 0px 1px 0px;border-right:1px solid #156994;} #cat-nav a:hover { color:#fff; } #cat-nav li:hover { background:#000; } #cat-nav a span { font-family:Verdana, Geneva, sans-serif; font-size:11px; font-style:normal; font-weight:400; color:#fff; text-shadow:none;} #cat-nav .nav-description { display:block; } #cat-nav a:hover span { color:#fff; } #secnav, #secnav ul { position:relative; z-index:100; margin:0; padding:0; list-style:none; line-height:1; background:#0d5e88; } #secnav a { font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight:700; font-size:14px; display:block; z-index:100; padding:0 15px; line-height:35px; text-decoration:none;} #secnav li { float:left; width: auto; height:35px;} #secnav li ul { position: absolute; left: -999em; width: 200px; top:35px} #secnav li ul li { height:30px; border-top:1px solid #fff; } #secnav li ul li a { font-family:Verdana, Geneva, sans-serif; width:180px; line-height:30px; padding:0 10px; font-size:11px; font-style:normal; font-weight:400; color:#eee; } #secnav li ul ul { margin: -30px 0 0 180px; } #secnav li:hover ul ul, #secnav li:hover ul ul ul, #secnav li.sfhover ul ul, #secnav li.sfhover ul ul ul { left:-999em; } #secnav li:hover ul, #secnav li li:hover ul, #secnav li li li:hover ul, #secnav li.sfhover ul, #secnav li li.sfhover ul, #secnav li li li.sfhover ul { left: auto; } #secnav li:hover,#secnav li.hover { position:static; } #cat-nav #secnav {width:100%;margin:0 auto;} </style> <div id='cat-nav'> <ul class='fl' id='secnav'>

<li><a href='#'>Beranda</a></li> <li><a href='#'>Menu 1</a></li> <li><a href='#'>Menu 2</a> <ul id='sub-custom-nav'> <li><a href='#'>Sub Menu2a</a></li> <li><a href='#'>Sub Menu2 b</a></li> </ul> </li> <li><a href='#'>Menu3</a> <ul id='sub-custom-nav'> <li><a href='#'>Sub Menu3a</a></li> <li><a href='#'>Sub Menu3b </a></li> </ul> </li> <li><a href='#'>Menu4</a> <ul id='sub-custom-nav'> <li><a href='#'>Sub Menu4a</a></li> <li><a href='#'>Sub Menu4b </a></li> </ul> </li> <li><a href='#'>Menu5</a></li> </ul> </div>

PENJELASAN 

* Ganti tanda  # (warna biru) dengan link/url yang anda inginkan. Bisa jadi link posting atau label (katagori) yang ada pada blog anda.

* Ganti Tulisan warna biru dengan menu dan sub menu yang anda inginkan.

* Setiap sub menu bisa ditambah atau dikurangkan sesuai keinginan.

7. Setelah itu klik Pratinjau dulu untuk memastikan scrift sudah benar . Lalu simpanlah/save.

     Dan tutup edit HTML tersebut.

Saran : back up dulu template anda sebelum merubah/menambah scrift diatas, agar bisa dimanfaatkan kembali jika ada masalah dengan penambahan srcritf diatas.

8. Untuk menghilangkan tampilan tampilan dabel dengan Laman Utama,

    Maka ikutilah saran berikut :

* Masuk ke Menu Laman

* Lalu pilih tampilan halaman dengan memilih "jangan tampilkan"

* Simpan setelan, maka laman utama akan tampil sendiri sesuai dengan scrift yang kita ketikkan tadi.

Blog sudah bisa dipublikasikan...

Apabila melalui cara yang kami bagikan ini belum berhasil, coba sahabat ulangi lagi dengan sabar. jika berkali-kali memang tidak bisa, sahabat bisa berkonsultasi dengan Info Bagus Fakta Bagus melalui komentar di bagian bawah ini.

Semoga bermanfaat kebaikan.

Baca Selengkapnya → Cara Membuat Menu Bar dan Sub Menu Bar di Blog

Materi SMP Kelas 7

Bab 1 by Hikmah Al

Baca Selengkapnya → Materi SMP Kelas 7

Cabri 2D

Cabri 2D

Alikasi ini seperti Cabri 3D, tapi ini untuk menggambar bangun datar

h

ttp://www.cabri.com/download-cabri-2-plus.html

Baca Selengkapnya → Cabri 2D

Sumpah Bosen Banget..................

Tepatnya hari ini, sudah seminggu aku menjadi operator warnet,
hemm....setelah aku rasa - rasakan ternyata aku mulai mengalami kejenuhan yang tak terkira. padahal baru saja mulai kerja, dan belum pernah menerima upah pula.
pasalnya aku nggak ngerti - ngerti amat tentang dunia komputer dan internet, sekedar mengetahui yang standart - standart aja lah.
Laptop dirumah ku pun sering aku anggurin, mungkin cuma kalau ada tugas kuliah baru aku pegang, mirisss................bukan.

Tapi anehnya aku malah bekarja menjadi operator, hufftt,,,,,,bingung deh.!!!
...Mengapa sih pekerjaan ini aku terima, padahal bukan keahlianku banget..
" Ya pikirku, karena selama ini dari pada nganggur, habis pulang kuliah tidak ada hiburan mending cari hiburan dengan salah satunya menjadi operator, habisnya lamaranku di tempat bimbingan belajar belum dapat panggilan, dan terkadang dapat objek tapi tempatnya jauh,,,,,huh....buang - buang waktu dan tenaga kan???

Dengan hati yang sedikit tidak nyaman aku tetap menjalani profesiku sebagai operator warnet...
setidaknya aku sedikit belajar akan yang namanya diunia komputer dan internet.

..................................................................
Tapi, iya itu,,,banyak sekali duka yang aku alami..
...terkadang aku masih kebingungan tentang pertanyaan yang diajukan para user, mengapa komputernya error, mengapa internetnya gag lodding, kenapa kok gag bisa log in,,,,hadeehh.pusing pala ini rasanya.
...........
Tapi, seiring berjalannya waktu, aku bisa sedikit mengendalikan semua permasalahan itu,,
tentuya dengan banyak bertanya dengan yang empunya warnet dan teman seprofesiku......
..turun gengsi,,,nuih...hhhehheee.......
Tapi, ada suka juga sih dengan menjadi operator warnet..iya salah satunya aku bisa browsing dan searching gratiss sepuasnya........sepanjang waktu sepanjang - panjangnya...hhehheee......

Baca Selengkapnya → Sumpah Bosen Banget..................

Liburan

Liburant kuliah sebaiknya dimanfaatkan untuk hal - hal yang positif, karena libur nya lumayan lama buangetz kan.....
kalau di kampus que sih....libur smeesterant isa hampir sebulant an lebih...
nah dari pada nganggur ngga' jelas.....lebih baih kan.....melakukan sesuatu yang bermanfaat, apalagi isa ngehasilin duit.....mantabbb ngga' tuh,,,,,
....
Nah di sini ,,hikmah punya tips buat temend - temend yang bowsant liburan yang gitu - gitu adja..
@..buat yang hobby dalam bidang tulis - menulis, hikmah sarankan sering - sering pergi ke warnet/rental kompt/ato kalau punya komputer atau laptop sendiri, mendingan nulis dueh,,entah cerpen, novel, pengalaman pribadi dan lain sebagainya,,,,,biar gag bosen ..kalau perlu tulisan kamu itu kirimkan ke majalah atau tabloid yang memuat tentang itu.....siapa tahu bisa diterbitin n ngehasilin duit..........

@..buat yang berjiwa bisnis...ea mulai bikin sesuatu yang bisa di perjual belikan atau mungkin nerusin usaha orang tua.
@..buat yang suka baca ,,sering - sering tuh tongkrongin book shop
@..buat yang suka makan ....ea...makan. ja..eiiitzztz tpi jangan terlalu banyak makan ntar malah luebart....hhhee......
@..buat yang suka hang out....hikmah saran nin jangan hang out di tempat - tempat yang mahal...mendingan pilih suasananya alami.......eitzzzzzzzzzz hla kok keag pecinta alam...hhheee...
..............

Baca Selengkapnya → Liburan