my home: membuat

Tampilkan postingan dengan label membuat. Tampilkan semua postingan

Rabu, 27 Agustus 2014

Tutorial cara Membuat dan memasang kotak komentar facebook di blogger berdampingan

Hmmmm, beginilah nasib seorang jomblo, malalm mingguannya cuma blogging, alias ngeblog alias no honey.

tapi tak apalah. heee ..Selamat malam para pengunjung setia blog ini, semoga selalu dalam keadaan sehat saja. pada kesempatan malam minggu yang sangat indah ini saya akan mencoba share mengenai Tutorial/ cara Membuat dan memasang kotak komentar facebook di blogger berdampingan", pada postingan yang lalu saya sudah share mengenai Gratis download google talk, semoga bermanfaat saja.

Sobat blogger yang berbahagia, back to title ya......

Memasang kotak komentar facebook, saya yakin sobat semua tidak asing lagi dengan yang namanya fesbuk, hee. karena facebook adalah sebuah layanan jejaring sosial yang diluncurkan pada bulan Februari 2004, oleh Mr. Mark Elliot Zuckerberg. Satu miliar lebih pengguna facebook aktif sedunia.

Keuntungan memakai kotak komentar facebook adalah bentuknya thread comment, sehingga dapat membalas komentar. Selain itu juga terintegrasi dengan facebook, sehingga komentar bisa dibagikan (dishare) di facebook si komentator. Keuntungan lainnya dengan kotak komentar facebook adalah lebih menghemat tempat (space) juga akan membuat blog kita popular. :)

Ok, jika sobat ingin tahu demo/ gambar dari kotak komentar facebook berdampingan dengan kotak komentar blogger, dibawah ini SS-nya, sob.

Kurang lebih seperti itu, sob kotak komentar fb berdampingannya.

Ok, jika sobat tertarik, heee maka langsung saja ke TKP, yukkkkk mari.....

Seperti biasa

1. Login ke akun Bloger

2. Masuk ke Bagian Template

3. Klik "Edit HTML" tidak usah di centang, karena edit HTML di blogger sudah berubah.

4. Cari Kode ]]></b:skin>

5. Letakan kode di bawah ini tepat di Atas kode ]]></b:skin>

.comments-page { background-color: #;}
    #blogger-comments-page { padding: 0px 5px; display: none;}
    .comments-tab { float: left; padding: 5px; margin-right: 3px;
    cursor: pointer; background-color: #f2f2f2;}
    .comments-tab-icon { height: 14px; width: auto; margin-right: 3px;}
    .comments-tab:hover { background-color: #eeeeee;}
    .inactive-select-tab { background-color: #d1d1d1;}

Nah, setelah nomor 6 yaitu nomor 7, ~~heee~~ ....cari kode </head>

8. Lalu letakan Kode di bawah ini tepat di Atas kode </head>

<script src=http://connect.facebook.net/en_US/all.js#xfbml=1/>
    <script src=http://code.jquery.com/jquery-latest.js/>
    <meta content=ID Funs Page Anda disini property=fb:admins/>
    <script type=text/javascript>
    function commentToggle(selectTab) {
    $(".comments-tab").addClass("inactive-select-tab");
    $(selectTab).removeClass("inactive-select-tab");
    $(".comments-page").hide();
    $(selectTab + "-page").show();
    }
    </script>

Yang berwarna merah di kolom tersebut ganti dengan ID funs page facebook sobat.
Contohnya https://www.facebook.com/pages/Dasarbahasainggriscom/350384035069267 (ID-nya adalah nomor itu, dan masukan nomor tersebut untuk mengganti yang berwarna merah diatas (dalam kotak)).
mungkin sobat sudah faham dengan cara pengambilan ID Funs page facebook-nya, bagi yang belum bisa disini caranya.

9. Silahkan cari kode <div class=comments id=comments>
10. Umumnya kode <div class=comments id=comments> ada 2, jadi masukan kode di bawah ini tepat di Bawah kedua kode tersebut, sob

<div class=comments-tab id=fb-comments onclick=javascript:commentToggle("#fb-comments"); title=Comments made with Facebook>
    <img class=comments-tab-icon src=http://static.ak.fbcdn.net/rsrc.php/v1/yH/r/eIpbnVKI9lR.png/>
    <fb:comments-count expr:href=data:post.url/> Comments
    </div>
    <div class=comments-tab inactive-select-tab id=blogger-comments onclick=javascript:commentToggle("#blogger-comments"); title=Comments from Blogger>
    <img class=comments-tab-icon src=http://www.blogger.com/img/icon_logo32.gif/> <data:post.numComments/> Comments
    </div><div class=clear/>
    </div>
    <div class=comments-page id=fb-comments-page>
    <b:if cond=data:blog.pageType == "item">
    <div id=fb-root/>
    <fb:comments expr:href=data:post.url num_posts=3 width=400/>
    </b:if>
    </div>
    <div class=comments comments-page id=blogger-comments-page>

Silahkan sobat Hapus kode berwarna merah tersebut jika dibawahnya ada kode yang sama, jika tidak ada tidak usah. Untuk yang nomor 10 adalah Jumlah komentar yang ingin dimunculkan. dan untuk nomor 400 adalah Lebar kotak Komentar, Silahkan di ganti sendiri jika sobat ingin memperbesar dan memperkecilnya.

11. Kemudian klik Save, dan selesai.

Bagaimana hasilnya, Sob?...........

Ku tunggu komentarnya ya di Tutorial/ cara Membuat dan memasang kotak komentar facebook di blogger berdampingan! heeee.

Good luck.

Minggu, 02 Februari 2014

Resep Membuat Sate Kambing Empuk Dan Enak

Lebaran idul adhanya udah lewat ne tapi kalo buat sate kan enggak perlu nunggu lebaran kurban. Nah kali ini janelabu mau sedikit berbagi dengan kalian bagai mana membuat sate kambing empuk dan enak. Yang penasran dengan gulai ayam kalian bisa baca artikel disini dengan judul Resep Gulai Ayam Lezat. Mau tau gimana caranya ? kalian simak baik-baik caranya di bawah ini :

Tips Agar Sate Kambing Empuk :

1. Menggunakan tepung kanji.
sebelum dibakar, daging sate yang sudah ditusuk bisa dilumuri dengan sedikit tepung kanji. Diamkan kurleb 15 menit. Kemudian goyang-goyang sebentar untuk menghilangkan tepung kanjinya sebelum sate mulai dibakar
2. Menggunakan daun pepaya
Bungkus daging yang belum ditusuk dengan menggunakan daun pepaya. Diamkan selama kurleb 20 menit. Setelah itu daging jangan dicuci tetapi langsung ditusuk dan dibakar
3. Menggunakan air kelapa
selain membuat daging menjadi empuk, merendam daging dengan air kelapa juga bisa menghilangkan bau amis pada daging.
4. Menggunakan nanas parut.
merendam daging dalam parutan nanas memang efektif membuat daging menjadi empuk, namun yang perlu kita ingat adalah kita tidak boleh merendam daging terlalu lama karena malah akan membuat daging menjadi hancur.
5. Saat membakar sate tidak boleh terkena api secara langsung karena akan membuat daging menjadi keras. cukup sampai daging berubah warna saja.

Untuk "Resep Membuat Sate Kambing" Empuk Dan Enak kalian bisa coba resepnya di bawah ini :

1. Siapkan daging sapi
2. Potong-potong seukuran dadu
3. Kemudian tusuk daging tersebut dengan tusukan sate. Jangan terlalu rapat dan terlalu banyak karena akan mempengaruhi proses pematangan sate tersebut

4. Bakar sate sampai matang. sambil sesekali dioles dengan menggunakan kecap. Jangan terlalu sering dioles kecap karena akan membuat efek gosong pada sate.
membakar sate bisa menggunakan bakaran sate yang sederhana dengan menggunakan arang seperti ini :

atau menggunakan double pan seperti ini bila ingin lebih praktis :

5. Sajikan dengan tambahan bumbu kecap, kobis, mentimun, lada bubuk, bawang merah yang diiris tipis dan daun selada bila suka.

demikian informasi mengenai Resep Membuat Sate Kambing yang mungkin bisa kalian jadikan bahan untuk membuat sate di rumah dengan rasa yang enak dan daging yang empuk.

Rabu, 30 Oktober 2013

membuat recent post dengan javascript

Jika dulu saya pernah memposting tutorial menampilkan recet post atau postingan terbaru di web atau blog khususnya blogger blogspot, kini saya akan memposting tutorial yang sama tapi dengan menggunakan javascript, tp sebelumnya kalo ingin menggunakan widget generator recent post klik disini, anda tingal klik langsung jadi alias ga usah repot2 manual, dan jika pengen melihat postingan cara membuat recent post yang default yang dulu pernah saya posting silahkan klik disini dan siapa tau bisa anda jadikan bahan pertimbangan yang mana yang nanti akan anda pilih..
Sekarang saya akan memberi tahukan apa keuntungan menggunakan cara yang ini, yaitu jumlah recent post yang bisa anda tampilkan akan bisa lebih banyak di bandingkan jika menggunakan recent post default blogger, yang mana jika anda menggunakan recent post default blogger maksimal recent postingannya cuman 5 postingan terbaru yang bisa tampil, sedangkan jika anda menggunakan cara yang ini ( menggunakan javascript ) postingan terbaru yang bisa di munculkan maksimal adalah 25 posting terbaru... Dan ditambah lagi kelemahan dari menggunakan recent post default blogger yaitu jika anda habis posting artikel recent post anda tidak akan keluar dengan langsung alias lama dan jika anda menggunakan cara ini recent post anda akan lebih cepat munculnya setelah anda melakukan posting...
Nah... setelah anda mengetahui apa kelemahan dan kekurangan dari masing masing selanjutnya terserah anda, ato bahkan anda ingin bercuap cuap yang lainnya disini juga monggo monggo mawon.. hehhe ( pake bahasa jawa dikit )
Ok... ga banyak kata lagi... langsung aja simak baik baik yah....
seperti biasanya disini saya akan memberikan script mentah dan mateng dan saya akan memberikan matengnya duluan... biar ntar pembaca jadi kenyang duluan... wekekkeke...
silahkan copy code script dibawah ini :

<script src="http://ekhan.gitar1stindo.googlepages.com/recentpost.js"></script>
<script>var numposts = 25; var showpostdate = false; var showpostsummary = false; var numchars = 100; </script>
<script src="http://ganti-dgn-blog-anda.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rp">
</script>

sekarang masukkan script di atas di bagian sidebar atau yang lainnya pada blog anda yaitu dengan cara : masuk kehalaman LAYOUT kemudian tambahkan elemen halaman dengan cara ADD A GADGET / TAMBAHKAN GADGET, kemudian pilih lagi pilihan HTML/JAVASCRIPT .. dan setelah anda masukkan jangan lupa tekan SAVE / SIMPAN ...

Jika anda masih kurang puas dengan script yang sudah jadi dan sudah saya upload yaitu yg ini ( buka saja ini : http://ekhan.gitar1stindo.googlepages.com/recentpost.js ).. dan ingin anda miliki sendiri dan anda taruh ke web file hosting pilihan anda seperti ( www.googlepages.com, www.geocities.com, dan www.ripway.com ) maka copy lah script mentahan dibawah ini kemudian anda upload sendiri dengan ekstensi penyimpanan file adalah ( .js )

Setelah script diatas anda upload di web file hosting milik anda dengan nama ekstensi fille ( .js ) maka tahap selanjutnya adalah copy alamat url file yang barusan anda upload tadi ( yang berekstensi ( .js ) tadi loh ) dan ganti code script dibawah ini yang saya kasih tanda kata kata berwarna :

<script src="http://ganti-dgn-alamat-url-file-yg-anda-upload-tadi.com/contoh-file.js"></script>
<script>var numposts = 25; var showpostdate = false; var showpostsummary = false; var numchars = 100; </script>
<script src="http://ganti-dgn-blog-anda.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rp">
</script>

Dan taruh seperi cara yang diatas tadi [ klik disini untuk melihat cara yang tadi ]

Setelah itu... lihat hasilnya.....
gimana...? masih bingung..? moga aja nggak yah... coz udah saya coba jelaskan dengan sedetail detailnya... tapi kalo emank masih bingung, silahkan kayak teman teman yang lainnya yah... yinggalkan pesan pertanyaan di posting komentar dibawah ini, dan sekalian sambil beriklan posying koment... jadi lah yang nomor satu di urutan teratas pengomentar karena peluang blog anda akan di klik orang akan lebih banyak... sebelumnya... semoga sukses n sukses mengeblog...
Sampai jumpa..........

Cara Membuat Background Sambaran Petir Di Blog

Bagi para pemula blogger contohnya seperti saya pasti banyak yang menginginkan background blognya di ganti dengan foto sendiri atau gambar yang mereka inginkan sendiri. Kali ini saya akan menulis artikel tentang Membuat Background Kilat Di Blog.

Ikuti langkah berikut untuk membuat background blog :

1. login ke bloger dengan id anda

2. Lalu menuju ke design -> edit HTML

3. Centang Expand Template Widget

3. Cari kode body {

4. Tambahkan kode berikut di bawah kode body {

background:#000000 url(http://petir-project.googlecode.com/files/zuaz-petir.gif) no-repeat center fixed;

Kode ungu = Kode warna di belakang background
Kode Biru = Link/url background kilat / url background lain yang ingin dipasang
Kode merah = Jika inginkan gambar berulang-ulang hilangkan saja

5. Lalu Save Template dan lihat hasilnya.

Semoga bermanfaat ya,,,!!!