Komentar Facebook Dan Blog Berdampingan

SHADOWS || Apa kabar sobat blogger..!! beberapa hari ini saya off dari blog saya dikarenakan saya sibuk dengan dunia nyata saya yang menyita waktu, semoga sobat blogger dalam keadaan sehat wal,afiat. Nah begitu saya buka blog saya ada sobat blogger yang menanyakan bagaimana Membuat Komentar Facebook Dan Blog Berdampingan, saya akan menjawab dengan tutorial ini sebagai jawaban dari sobat HARI F DAY. Tetapi sobat harus ingat jika menambahkan tutorial ini di blog sobat akan sedikit berat waktu loading, ini semua saya balikan kembali kepada sobat jika ingin menerapkannya, nah ini tutornya silahkan ikuti dengan seksama.

Jika sobat telah berhasil menerapkanya maka hasilnya sebagai berikut :

1. Masuk akun blogger anda lalu pilih TEMPLATE, EDIT HTML
2. Lalu cari kode ]]></b:skin> (Untuk memudahkan pencarian, gunakan CTRL + F)
3. Letakan kode CSS di bawah tepat di atas kode ]]></b:skin> :

.comments-page { background-color: #f2f2f2;}
#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;}

4. Setelah itu cari lagi kode </head> kemudian letakan lagi 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 FB ANDA' property='fb:admins'/>
<script type='text/javascript'>
function commentToggle(selectTab) {
$(&quot;.comments-tab&quot;).addClass(&quot;inactive-select-tab&quot;);
$(selectTab).removeClass(&quot;inactive-select-tab&quot;);
$(&quot;.comments-page&quot;).hide();
$(selectTab + &quot;-page&quot;).show();
}
</script>

5. Dari kode di atas, perhatikan kode yang saya beri warna merah. Ganti kode berwarna biru dengan ID Facebook anda.. Contoh : halaman facebook anda www.facebook.com/shadows maka ambil shadows sebagai ID anda.

6. Karena kita akan membuatnya berdampingan dengan komentar bawaan dari blogger. Maka kita perlu menambahkan beberapa script lagi. Silahkan cari kode <div class='comments' id='comments'>. Biasanya kode tersebut tidak hanya 1, kalau di dalam template anda terdapat lebih dari 1 kode tersebut.cari kode yang paling terakhir, jika tidak berhasil ambil yang pertama. Lalu letakan script dalam kotak di bawah ini tepat di bawah kode <div class='comments' id='comments'> :

<!--FB COMMENT-->
 <div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle(&quot;#fb-comments&quot;);' 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(&quot;#blogger-comments&quot;);' 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 == &quot;item&quot;'>
    <div id='fb-root'/>
    <fb:comments expr:href='data:post.url' num_posts='5' width='500'/>
    </b:if>
    </div>
    <div class='comments comments-page' id='blogger-comments-page'>
<!--FB COMMENT-->

Perhatikan script di atas, ada 2 kode yang saya beri warna merah. 5 itu berarti jumlah komentar yang di tampilkan sedangkan 500 itu berarti lebar kolom komentar tersebut. Kedua tanda merah tersebut bisa dirubah sesuai keinginan.

kemudian jangan lupa SIMPAN template anda dan lihat hasilnya .

Nah selesai sudah Cara Membuat Komentar Facebook Dan Blog Berdampingan semoga tutorial ini bermanfaat bagi sobat blogger semua.. happy blogging.

Mengecilkan Ukuran Gambar Dengan Microsoft Office

SHADOWS || Mengecilkan Ukuran Gambar Dengan Microsoft Office sering saya lakukan dalam mengolah gambar untuk postingan. Biasaya saya menggunakan cara manual yaitu menyalin gambar, mempaste-nya di Excell, mengecilkannya, dan mengubahnya menjadi format jpg via aplikasi Paint. atau dengan risizer tool Sayangnya, cara yang saya gunakan itu ribet dan tidak praktis.

Setelah mengetahui ada yang mudah dan praktis kini saya beralih menggunakan Microsoft Office Picture Manager, yang merupakan tool bawaan Microsoft Office. Saya pun mencobanya.
Ternyata hasilnya memuaskan karena ukuran foto dapat dikecilkan hingga 5 kali lipat dan dimensinya pun sesuai dengan bodi postingan. Oleh karena itu, dalam postingan ini, saya berbagi caranya untuk sobat. Walaupun ini cara lama, namun siapa tahu ada di antara sobat yang belum mengetahuinya.

1. Pilih gambar yang hendak Anda kecilkan (kompres) ukurannya.

2. Klik kanan lalu pilih Open With dan Microsoft Office Picture Manager.

3. Gambar yang terpilih akan terbuka sesuai dimensinya. Klik menu Picture, lalu klik Compress Pictures.

4. Akan muncul Compress pictures settings. Pilih Web pages lalu tekan OK

5. Gambar akan dikecilkan sesuai dimensi web. Klik tombol Save untuk menyimpan hasil kompres secara otomatis ke folder tempat gambar disimpan sebelumnya.

6. Contoh hasilnya seperti berikut. Ukuran gambar telah dikecilkan dari 85 kb menjadi 16 kb (5 kali lipat). Dimensinya pun sudah berubah dari 1282 x 802 menjadi 448 x 280.

Itulah Cara Mengecilkan Ukuran Gambar Dengan Microsoft Office, Saya sangat merekomendasikan sobat untuk menggunakan Microsoft Office Picture Manager dalam mengolah gambar untuk postingan sobat karena mudah, praktis, dan tanpa menggunakan plugin. Selamat mencoba!

Membuat Logo Blog Keren

SHADOWS || Mungkin sebagain para sobat telah mengetahui Membuat Logo Blog Keren dan mengetahui situs situs mana saja yang menurut sobat bagus, tetapi bagi sobat newbie mungkin agak sedikit kerepotan untuk mendesain blognya agar terlihat cantik dengan penampilan logo diblognya. Nah marilah kita simak beberapa situs yang menyediakan logo gratis dan menarik untuk di coba.

MAU SEPERTI INI :

ATAU YANG SEPERTI INI :

Nah caranya gampang !!! Cara Membuat Logo Blog Keren Saat ini ada banyak layanan situs online logo creator and generator yang dapat memudahkan pekerjaan membuat logo blog dengan hasil yang memuaskan. Siapa saja dapat dengan mudah membuat teks logo blog maupun logo blog untuk header dengan hasil yang lumayan baik dan tidak mengecewakan.

Telah saya pilihkan 4 situs online logo generator-creator  yang mudah untuk digunakan sebagai berikut :

1. cooltext.com

Cooltext memiliki banyak koleksi design dan memiliki interface editor yang mudah dan handy, sehingga siapapun dapat dengan mudah menggunakannya. Terdapat dua jenis design, yaitu logo dan button. Dilengkapi pula dengan puluhan jenis font menarik yang dapat dipilih dan disesuaikan dengan design blog.

2. flamingtext.com

Flaming text memiliki banyak sekali koleksi design yang bermacam-macam dengan berbagai pilihan dari yang paling sederhana dan paling animatif. Membuat anda harus lebih jeli dan benar-benar fokus untuk membuat pilihan karena banyaknya design yang harus dipilih. Interface generator yang lengkap disertai live preview dari hasil teks yang diedit sehingga tidak perlu lagi berpindah halaman untuk kembali mengedit.

3. logomatik.net

Design-design pada situs ini lebih menekankan pada koleksi design font yang menawan. Design yang dihasilkan dengan generator dapat dikostumisasi lebih, namun warna gambar hitam dan putih menurut saya adalah yang terbaik karena kesan vector-nya sangat kuat dan memukau.

4. textspace.net

Memiliki berbagai jenis text generator sesuai dengan bentuk design-nya, misalnya patterned text generator, glitter text generator, LCD text generator, marquee text generator, dan masih banyak lagi yang lainnya. Memiliki interface yang bersih dan waktu muat halaman yang cepat sehingga membuat kita semakin mudah dan cepat dalam membuat logo.

Semoga para sobat bolg yang sobat punyai semakin keren Bagaimana Cara Membuat Logo Blog Keren sudah selesai sebenarnya masih banyak situs situs yang bisa sobat kunjungi melalui mbah google.

Hanya Menampilkan Judul Postingan Di Homepage

SHADOWS || Selamat pagi sobat menjelang pagi, mungkin para sobat sedang tidur nyenyak tetapi saya tidak bisa tidur ya .. mungkin lagi sedikit pusing kali ya. Jadi saya membuat trik di blog agar Hanya Menampilkan Judul Postingan Di Homepage untuk merubah suasana blog sobat agar tidak membosankan atau yang sobat baru membuat satu blog baru. Nah bagaimana tertarik untuk diterapkan di blog sobat..!! marilah kita simak langkah langkahnya di bawah ini.

1. Masuk ke akun Blogger Anda.
2. Klik Rancangan > Edit HTML.
3. Untuk mem-backup template, silakan klik Download Template Lengkap. Hal ini untuk berjaga-jaga kalau nanti terjadi kesalahan dalam pengeditan.
4. Cari kode ]]></b:skin> (Gunakan Ctrl + F untuk memudahkan pencarian)
5. Copy kode di bawah ini dan paste di bawah kode ]]></b:skin>

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
.post-body{display:none;}
</b:if>
</b:if>
</style>

6. Klik tombol SIMPAN TEMPLATE.
7. Selesai.

Pemasangan kode di atas masih menyisakan beberapa elemen seperti tanggal posting, label, komentar dan yang lainnya. Bila Anda ingin menghilangkan semuanya dan yang tersisa hanya judul postingnya saja, Anda dapat mencoba kode di bawah ini.

Cara peletakannya sama seperti diatas di bawah ]]></b:skin>

<style type='text/css'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
.post-body, .post-footer, .jump-link,
.post-timestamp, .reaction-buttons,
.star-ratings, .post-backlinks,
.post-icons, .date-header{display:none;}
</b:if>
</b:if>
</style>

8. Save template anda,
Dan lihat hasilnya di Homepage anda, Nah sekian tips dari saya Bagaimana Hanya Menampilkan Judul Postingan Di Homepage semoga bisa bermanfaat buat sobat blogger.... happy blogging.

Ternyata Inilah Rahasia Pengucapan "ALLAH" Dan Kesehatan

SHADOWS || Ini adalah sebuah penelitian yang sangat mengejutkan bagi umat muslim, akan kebesaran "ALLAH" yang kita junjung. Ternyata Inilah Rahasia Pengucapan "ALLAH" Dan Kesehatan.

Dalam sebuah penelitian di Belanda yang
dilakukan oleh seorang profesor psycologist yang
bernama Vander Hoven [ VH ] , dimana telah
mengadakan sebuah survey terhadap pasien di
rumah sakit belanda yg kesemuanya non
muslimselama tiga tahun. Dalam penelitian
tersebut VH melatih para pasien untuk
mengucapkan kata ALLAH [ Islamic pronouncing ]
dengan jelas dan berulang-ulang.

Hasil dari penelitian tersebut sangat mengejutkan,
terutama sekali untuk pasien yang mengalami
gangguan pada fungsi hati dan orang yang
mengalami stress / ketegangan [ tension ].
AL Watan, surat kabar Saudi sebagaimana telah
mengutip dari peryataan profesor VH tsb, yang
mengatakan bahwa seorang muslim yang biasa
membaca Al-Qur’an secara rutin dapat
melindungi mereka dari penyakit mental dan
penyakit-penyakit yang ada hubungannya
[ psychological diseases ]. VH juga menerangkan
bagaimana pengucapan kata ALLAH tsb sebagai
solusi dari kesehatan , ia menekankan dalam
penelitiannya bahwa huruf pertama dalam ALLAH
yaitu "A" dapat melonggarkan [ melancarkan ]
pada jalur pernafasan [ respiratory system ], dan
mengontrol pernafasan [ controls breathing ]. dan
untuk huruf konsonan "L" dimana lidah
menyentuh bagian atas rahang dapat
memberikan efek relax , juga VH menambahkan
bahwa huruf "H" pada ALLAH tsb dapat
menghubungkan antara Paru-paru dan Jantung
dimana dapat mengontrol system dari denyut
jantung [ heart beat ].
Subhanallah, sungguh luar biasa kebesaran Allah
SWT ini, dimana penelitian yang dilakukan oleh
seorang profesor non muslim yang tertarik dan
meneliti akan rahasia Al-Qur’an ini sangat
mengejutkan para ahli kesehatan di Belanda.
Sekarang bagaimana dengan kita sebagai seorang
muslim yang meyakini akan kebesaran kitab Suci
Al Qur’an, sudahkan membaca dan
mengamalkannya..?

Allah says : We will show them our signs in the
universe and in their own selves, until it becomes
manifest to them that this [ Quran ] is the
truth.Yaitu jalan Allah yang kepunyaan-Nya segala
apa yang ada dilangit dan di bumi , ingatlah bahwa
kepada Allah-lah kembalinya segala urusan. [ QS :
42 : 53 ]

Bagaimana sobat sudah mengamalkan isi dari kitab AL-QUR'AN ini.... artikel ini semoga bermanfaat bagi kita semua.

Memodifikasi Tampilan Teks Link Sahabat

SHADOWS || Pagi sobat sudah beberapa hari ini saya tidak membuat postingan di karenakan saya ada kesibukan di dunia nyata, nah pada kesempatan pagi ini saya akan share Memodifikasi Tampilan Teks Link Sahabat. Yaitu sebuah kotak yang sudah di modifikasi oleh saya agar tidak terlihat monoton atau yang sobat ketahui pada umumnya, dengan sedikit dekorasi didalamnya sehingga terlihat cukup manis di pandang sobat bisa letakan di sidebar atau di fotter dan bisa juga di dalam postingan dengan mengunakan HTML bukan compose. Bagaimana tertarik untuk membuatnya marilah kita lihat Cara Memodifikasi Tampilan Teks Link Sahabat dibawah ini.

DEMO

Cara membuatnya cukup mudah sobat hanya copas kode di bawah ini :

<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="155" height="135" style="border: 3px #eee double; padding: 1px; background-color: #000000; text-align: center;">
LINK SAHABAT
LINK SAHABAT
LINK SAHABAT
</marquee>

Keterangan :

• Untuk merubah arah pergerakan teks sesuai dengan keinginan kita, misal jika kita ingin teks bergerak dari atas ke bawah, pada direction, tulisan UP tinggal kita rubah menjadi DOWN.

• Untuk merubah lebar maupun tinggi kolom, silahkan rubah angka berwarna biru dengan angka yang anda inginkan.

• Untuk merubah warna border, silahkan ganti tulisan berwarna merah dengan warna yang anda inginkan.

• Untuk merubah warna background agar sesuai dengan tema blog anda, silahkan kode warna berwarna kuning dengan pilihan warna yang anda inginkan.

Dan untuk script >>LINK SAHABAT<< ganti dengan kode seperti di bawah ini :

<li><a href="http://shadows-k.blogspot.com/" target="_blank"><span style="font-weight:bold;"><span style="font-style:italic;">SHADOWS</span></span> </a><li>

Keterangan :

• Untuk yg warna merah ganti dengan link sahabat anda

• Untuk yg warna biru ganti dengan judul blog sahabat anda

Nah selesai sudah Bagaimana Cara Memodifikasi Tampilan Teks Link Sahabat ini agar tampilan blog sobat semakin indah di lihat... Happy blogging

Manusia yang Paling Ditakuti Para Setan

SHADOWS || Manusia yang Paling Ditakuti Para Setan. Tahukah kamu siapa orang atau manusia yang paling ditakuti para setan bahkan jika ketmu dengan orang ini maka setan akan kabur dan tidak akan mau mendekatiya ?

Seperti yang kita ketahui setan tidak akan pernah takut dengan manusia bahkan yang paling takut dengan setan adalah manusia, namun asal kamu ketahui tenyata ada satu  Seorang Manusia yang Paling Ditakuti Para Setan yang paling ditakuti setan dia adalah shabat Nabi Muhammad SAW yakni Abu Hafsh Umar al-Faruq bin Khattab bin Nufail bin Abdil Uzza bin Adi bin Ka’ab bin Lu’aiy bin Ghalib al-Qurasy atau yang sering kita kenal dengan nama Umar bin Khattab.

Umar bin Khattab ketika memimpin islam  merupakan pemimpin yang berani menujukan ajaran islam di makkah. Sebelum masuk Islam dan menjadi sahabat Nabi Muhammad Umar bin Khattab merupakan orang yang sangat keras dalam menetang islam bahkan ia sering melakukan perbuatan kasar Terhadap  kaum muslim pada waktu itu. Umar bin Khattab juga pernah berkata tidak akan pernah masuk Islam slam sampai ada keledainya al-Khattab yang masuk Islam.

Namun ALLAH SWT maha besar dan bisa meluluhkan hati Umar bin Khattab yang keras untuk masuk Agama Islam. Setelah keislaman Umar, kemuliaan dan kekuatan Islam semakin bertambah.

Nah lalau kenapa Umar bin Khattab bisa ditakuti para setan ? Ternyata setan pernah berbicara dengan nabi Muhammad “Demi Allah SWT, setiap kali saya bertemu dengan Umar , mesti akan lari darinya,”.

Hal ini sesuai hadis Nabi Muhammad SAW yang berbunyi.

Rasulullah shalallahu ‘alaihi wa sallam mengatakan, “Wahai Ibnul Khattab, demi dzat yang jiwaku berada di tangan-Nya, tidaklah setan bertemu dengannmu di suatu jalan melainkan ia akan mengambil jalan yang lain dari jalanmu.” (HR. Bukhari, no.3480)

Dari hadis diatas setan akan takut dengan Umar bin Khattab dan jika bertemu dengan Umar bin Khattab maka setan akan menghindar.