tag:blogger.com,1999:blog-29694722428047873172024-03-13T13:23:49.576+07:00Kang Fathur | Portal Informasi OnlineAnonymoushttp://www.blogger.com/profile/04441407757249759124noreply@blogger.comBlogger138125tag:blogger.com,1999:blog-2969472242804787317.post-12103368976121971832013-07-31T15:54:00.000+07:002013-07-31T16:07:25.639+07:00Design Undangan Portrait MS Office WordAnda bisa menyimak undangan<a href="http://kang-fathur.blogspot.com/2011/12/design-undangan-yang-menarik.html"target="_blank">sebelumnya</a>yang pernah<a href="http://kang-fathur.blogspot.com/"target="_blank">Kang Fathur</a>bagikan untuk anda.Kali ini tetap dengan format<a href="http://kang-fathur.blogspot.com/search/label/Microsoft%20Office"target="_blank">Microsot Office</a>Word yang bisa anda manfaatklan untuk membuat undang yang simple dan menarik.Bagimana pendapat anda tentang design-design undangan sebelumnya dan saat ini?<h2>1.Design Undangan 1000 Hari Part 1</h2><center><img alt="Undangan Walimatul Ursy"border="0"height="auto"src="http://4.bp.blogspot.com/-cDLj5H8yIaA/TuOyWWy9u4I/AAAAAAAAAzo/gqWSrH07AIQ/s1600/1000_hari.png"title="Undangan Nikah Lipat 2"width="500"/></center><div class="button-grup"><a class="button demo"rel="nofollow"href="http://www.ziddu.com/download/17773862/1000hari.doc.html"target="_blank">Download</a></div><h2>2.Design Undangan 1000 Hari Part 2</h2><center><img alt="Undangan Walimatul Ursy"border="0"height="auto"src="http://3.bp.blogspot.com/-nCXKqHBncA8/TuOziQDUa3I/AAAAAAAAAz0/GvfCpBbLsxo/s1600/1000_hari_1.png"title="Undangan Nikah Lipat 2"width="500"/></center><div class="button-grup"><a class="button demo"rel="nofollow"href="http://www.ziddu.com/download/17773914/1000HARI_1.doc.html"target="_blank">Download</a></div><h2>3.Design Undangan Merried</h2><center><img alt="Undangan Walimatul Ursy"border="0"height="auto"src="http://3.bp.blogspot.com/-2JG2lq1Dpww/TuO1sZocTnI/AAAAAAAAA0A/OsFtFfeE1m8/s1600/undangan_merrid.png"title="Undangan Nikah Lipat 2"width="500"/></center><div class="button-grup"><a class="button demo"rel="nofollow"href="http://www.ziddu.com/download/17774003/undanganmerrid.doc.html"target="_blank">Download</a></div>Semoga bermanfaat ya?<h4><div class="button-grup"><a class="button demo"rel="nofollow"href="http://kang-fathur.blogspot.com/2013/07/kumpulan-microsoft-office-ala-kang.html">Download Full Microsoft Office</a></div></h4>Anonymousnoreply@blogger.com7tag:blogger.com,1999:blog-2969472242804787317.post-18356514422489004432013-07-31T14:30:00.000+07:002013-07-31T14:30:51.882+07:00Kumpulan Microsoft Office Ala Kang FathurPada <a href="http://kang-fathur.blogspot.com/search/label/Artikel" target="_blank">artikel </a>ini akan saya bagikan<a href="http://kang-fathur.blogspot.com/2011/11/kumpulan-microsoft-office-ala-kang.html" target="_blank"> kumpulan-kumpulan</a> artikel dengan format <a href="http://kang-fathur.blogspot.com/search/label/Microsoft%20Office" target="_blank">Microsoft Office</a>. Mungkin ini dapat membantu pengnjung dalam segala hal baik Microsoft Office Office, Excel, PowerPoint ataupun yang lainnya.<br />
<br />
<a href="http://kang-fathur.blogspot.com/2011/11/kumpulan-microsoft-office-ala-kang.html" target="_blank">Disini</a> bisa anda dapatkan secara <a href="http://kang-fathur.blogspot.com/search/label/Free" target="_blank">free </a>(gratis) tanpa harus menegluarkan gocek sepeserpun.<br />
<h4>Microsoft Office Word</h4><ol><li><a href="http://kang-fathur.blogspot.com/2011/12/pembuatan-proposal-yang-berkualitas.html" target="_blank" title="Proposal - Koperasi Terbaru">Proposal - Koperasi</a></li>
<li><a href="http://www.ziddu.com/download/17737909/Proposal_Skripsi.doc.html" target="_blank" title="Proposal - Skripsi Terbaru">Proposal - Skripsi</a></li>
<li><a href="http://www.ziddu.com/download/17773082/ProposalSponsorshipKKN.doc.html" target="_blank" title="Proposal - SponsorShi">Proposal - SponsorShip KKN</a></li>
<li><a href="http://www.ziddu.com/download/17738046/makalah_pernikahan.rar.html" target="_blank" title="Makalah - Pernikahan">Makalah - Pernikahan</a></li>
<li><a href="http://kang-fathur.blogspot.com/2011/12/design-undangan-yang-menarik.html" target="_blank">Design Undangan Part 1</a></li>
<li><a href="http://kang-fathur.blogspot.com/2011/12/design-undangan-portrait-ms-office-word.html" target="_blank">Design Undangan Part 2</a></li>
<li><a href="http://www.ziddu.com/download/17778234/BAYI.doc.html" target="_blank">Kartu Nama Kelahiran Part 1</a></li>
<li><a href="http://www.ziddu.com/download/17778216/KartuNamaBayi.doc.html" target="_blank">Kartu Nama Kelahiran Part 2</a></li>
<li><a href="http://www.ziddu.com/download/17775441/Kartu_Nama_Bayi.rar.html" target="_blank">Kartu Nama Kelahiran Part 3</a></li>
</ol><h4>Microsoft Office Excel</h4><ol><li>.................................................................</li>
<li>.................................................................</li>
<li>.................................................................</li>
<li>................................................................. </li>
</ol><h4>Microsoft Office PowerPoint</h4><ol><li><a href="http://kang-fathur.blogspot.com/2011/12/pentingnya-profil-desaku.html" target="_blank">Pentingnya Profil Desaku</a></li>
<li><a href="http://kang-fathur.blogspot.com/2011/12/wartawan-vs-hukumnya.html" target="_blank">Wartawan Vs. Hukum</a></li>
<li>.................................................................</li>
<li>................................................................. </li>
</ol>Semoga ini dapat membantu anda dalam aktivitas anda masing-masingAnonymousnoreply@blogger.com0tag:blogger.com,1999:blog-2969472242804787317.post-29319072742627091602013-07-31T14:23:00.005+07:002013-07-31T14:23:47.028+07:00Abdullah Bin Jahsy<i>"Mereka bertanya tentang berperang pada bulan Haram. Katakanlah:"Berperang dalam bulan itu adalah dosa besar; tetapi menghalangi (manusia) dari jalan Allah, kafir kepada Allah, (menghalangi masuk) Masjidil Haram dan mengusir penduduknya dari sekitarnya, lebih besar (dosanya) di sisi Allah. Dan berbuat fitnah lebih besar (dosanya) dari pada membunuh. Mereka tidak henti-hentinya memerangi kamu sampai mereka (dapat) mengembalikan kamu dari agamamu (kepada kekafiran), seandainya mereka sanggup. Barangsiapa yang murtad di antara kamu dari agamanya, lalu dia mati dalam kekafiran, maka mereka itulah yang sia-sia amalannya di dunia dan di akhirat, dan mereka itulah penghuni neraka, mereka kekal di dalamnya".</i> <b>(QS. 2:217)</b><br />
<br />
Menurut beberapa ahli tafsir, ayat tersebut diturunkan berkenaan dengan Abdullah bin Jahsy.<br />
<h4>Abdullah bin Jahsy radhiallâhu 'anhu</h4>Dalam Perang Uhud, kaum Quraisy laki-laki dan perempuan melakukan belas dendam terhadap kaum Muslimin atas kekalahan mereka dalam Perang Badar. Mereka bertindak seperti srigala buas, merobek-robek perut Hamzah bin Abdul Muththalib, paman Rasulullah, dan memakan hatinya. Abdullah bin Jahsy radhiallâhu 'anhu ; mereka potong hidung dan daun telinganya. <br />
<br />
Abdullah bin Jahsy radhiallâhu 'anhu bangga sekali karena ia merupakan kepala pasukan pertama yang dilantik Rasulullah Shallallahu 'alaihi wasallam dan komandan pasukan pertama yang menetapkan kemenangan perang 1/5 (seperlima) bagian untuk Rasulullah sebelum Allah mengukuhkannya. <br />
<br />
Ayahnya adalah Jahsy bin Riab bin Khuzaimah al-Asadi, ibunya adalah Aminah binti Abdul Muththalib bin Hasyim, dan saudarinya adalah Zainab binti Jahsy, istri Rasulullah Shallallahu 'alaihi wasallam . Jadi, dia adalah saudara misan Rasulullah Shallallahu 'alaihi wasallam dan ibunya, sekaligus iparnya. <br />
<br />
Dia dilahirkan di Mekkah, dekat Baitullah al-Haram. Sesudah ia dewasa barulah tahu jalan ke Ka'bah. Ia berdiri lama di depan Ka'bah, mengamati jamaah haji yang datang berbondong-bondong dari seluruh pelosok dunia. <br />
<br />
Ia melihat dengan mata kepalanya sendiri isak tangis mereka, air mata sedih dan keharuan mereka, dan keluh kesah serta doa mereka di depan Ka'bah yang megah itu. <br />
<br />
Berapa kali telinganya mendengarkan rintihan dan bisikan mereka dengan berbagai bahasa yang tidak dipahami maksud dan tujuannya. Pada saat itu, ia merebahkan dirinya di pangkuan ibunya menanyakan dengan penuh harap apa-apa yang dilihatnya. <br />
<br />
Ibunya menjawabnya dengan penuh rasa kasih sayang sambil mengusap-usap kepalanya dan pundaknya hingga ia tertidur. Putranya itu lalu diselimuti dan didoakannya supaya Tuhan Ka'bah itu melindungi dan memeliharanya. <br />
<br />
Pada suatu hari, ia datang kepada ibunya sambil menangis sedih. Ia menceritakan bahwa sekelompok orang telah meruntuhkan bangunan Ka'bah itu. <br />
<br />
Ibunya menenangkan hatinya, menceritakan kepadanya bahwa mereka sedang memugar bangunan itu supaya emas perak dan permata mutumanikam yang ada di dalamnya tidak dicuri orang akibat kerusakan yang ditimbulkan banjir. <br />
<br />
Pada waktu itu, Abdullah melihat bagaimana persaingan keras antara para kabilah Arab yang berebutan ingin meletakkan Hajar Aswad di tempatnya, hingga hampir terjadi pertengkaran dan peperangan antara mereka. <br />
<br />
Untunglah, akhirnya, mereka menerima gagasan sesepuh mereka untuk menyerahkan hal itu kepada orang yang pertama kali masuk ke Baitullah esok paginya, untuk menetapkan kabilah mana yang mendapat kehormatan meletakkannya. <br />
<br />
Ternyata, orang yang masuk pertama itu Muhammad al-Amin, yang kemudian ia menggelarkan mantelnya dan meletakkan Hajar Aswad itu di tengahnya, lalu ia perintahkan kepada semua wakil kabilah yang hadir untuk memegang ujung mantel itu dan mengangkatnya ke dekat tempatnya, lalu ia mengangkat dengan tangannya dan menaruh di tempatnya. <br />
<br />
Sesudah Hajar al-Aswad diletakkan di tempatnya, para pekerja meneruskan pekerjaannya memperbaiki Ka'bah. <br />
<br />
Sejak saat itulah, Abdullah mencintai Muhammad al-Amin dengan sepenuh hati dan mengagumi kebijaksanaannya memecahkan masalah yang hampir menimbulkan pertumpahan darah diantara kabilah Arab, dan caranya yang cerdik menyertakan semua kabilah ikut merasa mendapat kehormatan mengangkat Hajar al-Aswad ke tempatnya. Sejak itulah, ia menjadikan Muhammad sebagai tokoh favorit dan panutannya. <br />
<br />
Setiap hari, Abdullah berusaha menyertai dan duduk-duduk dengan Muhammad untuk belajar lebih banyak tentang berbagai hal, baik melalui tutur katanya maupun melalui tingkah lakunya. <br />
<br />
Pada suatu hari, Abdullah tidak melihat Muhammad al-Amin seperti biasanya. Ia tidak sabar menantinya, ia pergi mengetuk pintu rumahnya. Istri beliau memberitahukan bahwa beliau ada di Gua Hira. <br />
<br />
Ia pulang ke rumahnya dengan kecewa dan sedih karena rasa rindunya kepada laki-laki pujaannya itu. Kapan gerangan ia kembali duduk-duduk bersamanya lagi?. <br />
<br />
Pada suatu pagi yang membahagiakan, menjelang fajar menyingsing, dimana embusan angin membawa titik-titik embun yang membangkitkan kehidupan dan kesegaran, Rasulullah Shallallahu 'alaihi wasallam sedang sujud di tempat shalatnya, memuja dan memuji Tuhannya, tiba-tiba ia mendengar seperti gemerincing suara bel, kemudian malaikat Jibril menyampaikan wahyu dan perintah Tuhan, <i>"Dan, berilah peringatan kepada kerabat-kerabatmu yang terdekat".</i> <b>(Q,.s.asy-Syu'ara: 214) </b><br />
<br />
Sang surya sudah menampakkan wajahnya yang perkasa dan memancarkan cahayanya, menghalau sisa titik-titik embun yang masih ada diatas daun. Sementara itu, Muhammad al-Amin melangkahkan kakinya menuju Bukit Shafa, tidak jauh dari Ka'bah, lalu teriaknya, "selamat pagi, selamat pagi". <br />
<br />
Abdullah masih telentang diatas tempat tidurnya, matanya terbuka lebar, sambil berpikir untuk menemui Muhammad al-Amin di Gua Hira, seperti yang dikabarkan isteri beliau, Khadijah. Tiba-tiba, ia mendengar kumandang suara Muhammad, "selamat pagi, selamat pagi" dari atas bukit Shafa, tidak jauh dari rumahnya. Ia lalu melemparkan selimutnya dan pergi ke sana. <br />
<br />
Tampaknya, suara itu berhasil mengumpulkan kaum Quraisy; semuanya berdatangan ingin tahu ada apa sepagi itu mereka diundang. <br />
<br />
Sesudah mereka berkumpul, mulailah beliau menyeru mereka, "Hai keluarga Ghalib, keluarga Luai, keluarga Murrah, keluarga Kilab, keluarga Qushai, dan keluarga Abdu Manaf! Kalau aku memberitahukan kepada kalian bahwa di balik gunung itu ada musuh yang hendak menyerang kalian, apakah kalian akan mempercayaiku?". <br />
<br />
Mereka menjawab serentak, "Ya, karena kau tidak pernah berbohong kepada kami". <br />
<br />
Rasulullah melanjutkan, <i>"Maka, janganlah kamu menyeru (menyembah) tuhan yang lain disamping Allah, yang menyebabkan kamu termasuk orang-orang yang diazab. Dan, berilah peringatan kepada kerabat-kerabatmu yang terdekat, dan rendahkan dirimu terhadap orang-orang yang mengikutimu, yaitu orang-orang yang beriman". </i><b>(Q,.s. asy-Syu'araa': 213-215). </b><br />
<br />
Kerumunan orang itu lalu bubar. Ada yang percaya dan ada yang tidak, masing-masing membela argumentasi dan kebenarannya. <br />
<br />
Sementara itu, Rasulullah Shallallahu 'alaihi wasallam pulang kembali ke rumahnya. Abdullah pun kembali juga dengan membawa kata-kata baru yang dilontarkan Muhammad al-Amin itu. Ternyata, kata-katanya meyakinkan kalbunya, lalu ia pergi menyusul Muhammad ke rumahnya dan meyatakan keislamannya di sana. <br />
<br />
Sesudah ia mengucapkan kalimat syahadat, lalu ia mengajak kedua saudara perempuannya masuk Islam juga dan ternyata mereka mengikuti jejaknya, malah ia menjadikan salah sebuah ruangan dalam rumahnya sebagai mushalla untuk beribadah dengan tekun dan khusyu' kepada Allah Ta'ala. <br />
<br />
Akan tetapi, Quraisy telah menunggangi kepalanya sendiri. Ia memaklumatkan perang tanpa ampun terhadap dakwah itu dan bertindak kejam dan keji terhadap para mustadh'afin yang berani mengikuti ajaran Muhammad termasuk juga Abdullah. <br />
<br />
Beberapa orang mustadh'afin datang menghadap Rasulullah Shallallahu 'alaihi wasallam dan meminta supaya Allah meringankan beban yang mereka derita. Dengan agak gusar, Rasulullah bersabda:<i> "Demi Allah, orang-orang sebelum kalian ditangkap dan tubuhnya dibelah dua, namun mereka tidak bergeser dari agamanya sedikitpun. Ada lagi yang tubuhnya disisir dengan sisir besi diantara tulang dan dagingnya, tetapi hal itu tidak memaksa mereka beralih agama. Hal ini akan berjalan terus hingga para musafir dari Shan'a' ke Hadramaut tidak merasa gentar lagi selain kepada Allah atau para gembala tidak takut lagi kepada ternaknya dari terkaman srigala, tetapi memanglah kalian suatu kaum yang terburu nafsu". </i><br />
<br />
Penyiksaan Quraisy makin ganas dan kejam. Abu Jahal menyiksa dan menganiaya Sumayyah, ibu Ammar radhiallâhu 'anhu hingga tewas, begitu pula suaminya, Yasir dan puteranya, Ammar. <br />
<br />
Sudah tentu berita itu menimbulkan rasa ngeri dan gelisah pada kaum mustadh'afin karena mereka tidak diperkenankan memaklumatkan perang terhadap kaum mustakbirin itu. Apa yang harus mereka lakukan sedangkan kaum kafir Quraisy tidak henti- hentinya melakukan tindakan penindasan dan perang permusuhan?. <br />
<br />
Mereka berkumpul dengan Rasulullah Shallallahu 'alaihi wasallam untuk meminta dicarikan jalan pemecahan dari ancaman dan terkaman orang-orang ganas dan buas yang tidak berprikemanusiaan itu. <br />
<br />
Pada saat itulah, Rasulullah Shallallahu 'alaihi wasallam mengemukakan gagasannya: "Kalau kalian mau hijrah ke negeri Habasyah, disana terdapat seorang raja yang tidak berlaku zhalim kepada siapapun, dialah negeri kejujuran hingga Allah membukakan kelapangan dari keadaan kalian dewasa ini". <br />
<br />
Kini, mereka diperkenankan melakukan hijrah, menyelamatkan diri dan agamanya ke negeri yang lebih aman agar bisa menunaikan ibadahnya dengan bebas dan tenang. <br />
<br />
Pada waktu itu, Abdullah dan kedua saudara laki-lakinya serta kedua saudara perempuannya, bahkan dengan semua anggota keluarganya, pergi hijrah ke negeri yang dimaksudkan Rasulullah Shallallahu 'alaihi wasallam sebagai negeri kejujuran, yang rajanya tidak pernah berlaku zhalim itu. <br />
<br />
Amr ibnul Ash radhiallâhu 'anhu berkisah, "pada suatu hari, aku duduk di Majelis an-Najasyi, Raja Habasyah, lalu masuklah Amr bin Umayyah adh-Dhamari. Pada waktu itu, ia sedang membawa surat Rasulullah Shallallahu 'alaihi wasallam untuk Raja Habasyah itu. Sesudah ia keluar, aku berkata kepada Najasyi, 'orang itu perutusan musuh kami. Ia yang telah menegangkan situasi dan membuat tokoh-tokoh kami setengah mati. Serahkanlah dia kepada kami, kami akan membunuhnya'. <br />
<br />
Ia gusar sekali atas omongan itu, lalu ia memukul mukaku dengan keras hingga terasa hidungku seakan-akan copot dan mengucurkan darah banyak sekali ke bajuku. Aku merasa terhina sekali di tengah-tengah majelis itu. Rasanya, aku lebih rela mati terkubur dalam tanah daripada menderita malu serupa itu. <br />
<br />
Untuk melunakkan amarahnya, aku berkata lagi, 'kalau aku tahu baginda akan murka seperti ini, aku tidak akan mengajukan permintaan seperti itu'. <br />
<br />
'Ya Amr, kau meminta kepadaku supaya aku menyerahkan perutusan orang yang mendapatkan Namus yang maha besar, yang pernah datang kepada Musa 'alaihissalam dan 'Isa 'alaihissalam. Kau meminta aku menyerahkan perutusannya untuk dibunuh?' ". <br />
<br />
"Sejak saat itu,"kata Amr selanjutnya, "dalam hati kecilku terjadi perubahan sikap, lalu kataku dalam hati, 'Bangsa Arab dan 'Ajam/asing mengenal kebenaran ini sedangkan kau akan melawannya'. Aku kemudian bertannya kepadanya, 'Apakah yang mulia percaya atas hal itu?'. <br />
<br />
'Ya, Aku bersaksi di hadapan Allah, wahai Amr! Percayalah kepadaku, dia adalah benar, dia akan dimenangkan atas orang yang melawannya, seperti halnya Musa 'alaihissalam dimenangkan melawan Fir'aun dan pasukannya'. <br />
<br />
'Apakah yang mulia mau menerima bai'atku masuk Islam atas namanya?'. <br />
<br />
'Ya!, ia lalu mengulurkan tangannya membai'atku masuk Islam". <br />
<br />
Abdullah dan keluarganya hidup di negeri Habasyah dalam perlindungan raja yang murah hati itu hingga datang berita yang mengatakan bahwa kaum Quraisy sudah sadar dan masuk Islam, lalu Abdullah dan beberapa orang Muhajirin lainnya kembali ke Mekkah. <br />
<br />
Ternyata, berita Islamnya kaum Quraisy itu hanyalah isapan jempol yang disebarluaskan Quraisy supaya para Muhajirin itu kembali untuk menghadapi siksaan dan penganiayaan yang baru lagi. <br />
<br />
Abdullah dan keluarganya tinggal beberapa saat lamanya di Mekkah hingga Rasulullah Shallallahu 'alaihi wasallam mengizinkan melakukan hijrah kembali sehingga rumah mereka di Mekkah kosong melompong, tidak ada yang menghuninya. Sesudah Abu Sufyan melihat hal ini, lalu ia menawarkan dan menjualnya. Sesudah berita itu terdengar oleh keluarga Jahsy, Abdullah memberitahukan hal tersebut kepada Rasulullah Shallallahu 'alaihi wasallam, Rasulullah lalu menjawab, "wahai Abdullah! Apakah kau tidak mau Allah menggantimu dengan sebuah rumah yang lebih baik di surga?". <br />
<br />
"Sudah tentu mau," sahut Abdullah bin Jahsy.<br />
Rasulullah Shallallahu 'alaihi wasallam menegaskan, "Nah, itu untukmu kelak". <br />
<br />
Sesudah kota Mekkah ditaklukkan, Abu Ahmad, saudara Abdullah bin Jahsy, datang membicarakan lagi soal rumah-rumah keluarga Jahsy yang dijual oleh Abu Sufyan itu, tetapi Rasulullah Shallallahu 'alaihi wasallam mengulur-ulur masalah itu. Beberapa orang lalu memberi keterangan,"wahai Abu Ahmad, Rasulullah Shallallahu 'alaihi wasallam tidak suka membahas kembali kekayaan yang dirampas dari kalian demi karena Allah". <br />
<br />
Sejak itulah, ia tidak mau lagi mengungkit-ungkit soal tersebut. <br />
<br />
Abdullah bin Jahsy merupakan komandan pasukan pertama yang dikirimkan ke perbatasan kota Mekkah sehingga menimbulkan kontak senjata dan meninggalnya Amru al-Hadhrami serta tertawannya Utsman bin Abdullah bin al-Mughirah dan al-Hakam bin Kisan, yang menimbulkan kegusaran kaum Quraisy. Mereka berkata: "Muhammad dan kawan-kawannya menghalalkan bulan haram". <br />
<br />
Abdullah mengikuti Perang Badar dan semua peristiwa sesudahnya bersama Rasulullah Shallallahu 'alaihi wasallam hingga Perang Uhud yang rupanya Allah Ta'ala ingin menguji kaum muslimin. Abdullah bin Ubay, kepala kaum munafiqin di Madinah, kembali ke Madinah di tengah perjalanan dengan 1/3 pasukan, tetapi kaum Muslimin mendesak Rasulullah Shallallahu 'alaihi wasallam untuk tetap keluar dari Madinah. <br />
<br />
Sebelum perang dimulai, Rasulullah Shallallahu 'alaihi wasallam duduk di sebuah pondok yang dibikin khusus baginya. <br />
<br />
Ummu Salamah datang memberikan daging panggang kepada Rasulullah, lalu dimakannya. Ia lalu memberikan air anggur, lalu diminumnya. Salah seorang yang hadir lalu meminumnya dan sisanya diminum oleh Abdullah bin Jahsy. Salah seorang bertanya kepadanya, "Tahukah kau, kemana perginya minumanmu itu esok?". <br />
<br />
"Ya, aku lebih suka menemui Allah dalam keadaan puas daripada dalam keadaan dahaga," jawabnya seraya berdoa, "Ya Allah, aku mohon supaya aku memperoleh syahadah dalam jalanMu". <br />
<br />
Menurut putera Sa'ad bin Abi Waqqash, ayahnya berkata,"pada waktu itu, sebelum Perang Uhud berkobar, Abdullah bin Jahsy bertanya, 'apakah tidak sebaiknya kami berdoa kepada Allah?". <br />
<br />
Mereka masing-masing berdoa. Sa'ad berdoa,"Ya Allah, kalau kami bertemu musuh esok hari, pertemukanlah aku dengan seorang yang bertenaga kuat dan beremosi tinggi. Saya akan membunuhnya dan merampas miliknya". <br />
<br />
Abdullah bin Jahsy berdoa,"Ya Allah, pertemukanlah aku esok dengan seorang yang kuat tenaganya dan tinggi emosinya. Aku akan membunuhnya karenaMu, lalu orang itu membunuhku, kemudian ia memotong hidung dan kedua telingaku. Apabila engkau bertanya kepadaku kelak, 'Ya Abdullah, mengapa hidung dan telingamu itu?'. Aku akan menjawab, 'Ia dipotong oleh orang karenaMu dan karena RasulMu semata-mata, Ya Allah'. Engkau lalu berfirman,'benar kau, Abdullah' ". <br />
<br />
Selanjutnya, Sa'ad bin Abi waqqash berkata, "ternyata doa Abdullah bin Jahsy lebih baiik dari doaku. Pada keesokan harinya, menjelang hari berakhir, aku melihat kedua daun telinganya dan ujung hidungnya bergantung dengan seutas tali". <br />
<br />
Begitulah cita-cita dan dambaan pengikut Muhammad berebut maju dalam medan perang, ingin mendapatkan salah satu diantara dua kebaikan; meninggikan kalimat Allah dan memenangkan agamaNya atau mati syahid. <br />
<br />
Ternyata, doa mereka dikabulkan Allah Ta'ala, cita-citanya dipenuhi sesuai dengan firmanNya, "Berdoalah kepadaKu niscaya Aku akan memperkenankan bagimu". <b>(Q,.s. al-Mukmin:60) </b><br />
<br />
Allah Ta'ala sudah mengabulkan doa Abdullah bin Jahsy radhiallâhu 'anhu dan sudah berkenan menerimanya di sisiNya karena ia sudah menunaikan tugas kewajibannya dengan baik terhadap Tuhan, agama dan Rasulnya. Jadi, fungsinya dinyatakan selesai dan takdirNya sudah jatuh tempo. Akan tetapi, misi Sa'ad bin Abi Waqqash belum selesai, tugas kewajiban yang menantinya masih banyak dan panjang, menunggu penanganannya. <br />
<br />
Seusai Perang Uhud, Rasulullah Shallallahu 'alaihi wasallam memerintahkan untuk menguburkan jenazah pamannya, Hamzah dan Abdullah dalam satu kubur dan memerintahkan Amru ibnul Jumuh dan Abdullah bin Umar bin Haram juga dalam satu kubur karena keduanya kawan karib di dunia. <br />
<br />
Rasulullah Shallallahu 'alaihi wasallam bersabda, "Aku menjadi saksi mereka bahwa tidak terdapat luka di jalan Allah melainkan Allah akan melahirkan kembali lukanya itu berdarah di hari kiamat; warnanya seperti warna darah dan baunya seperti bau misk (kesturi)". <br />
<h4>Sebab Turunnya Ayat</h4>Menurut keterangan Ahli Tafsir (mufassirin), pada bulan <b>Jumadil Akhir </b>dua bulan sebelum Perang Badar berkobar, kira-kira tujuh belas bulan sesudah hijrah ke Madinah, Rasulullah Shallallahu 'alaihi wasallam mengirimkan delapan orang Muhajirin dibawah pimpinan Abdullah bin Jahsy dengan pesan, <br />
<br />
"Pergilah kau dengan Asma Allah dan janganlah kau buka suratku ini hingga engkau berjalan selama dua hari. Sesudah menempuh jarak itu barulah kau buka suratku itu dan bacakan kepada kawan-kawanmu. Setelah itu, teruskan perjalananmu sesuai perintahku. Janganlah ada diantara kawan-kawanmu itu yang pergi mengikuti karena dipaksa (terpaksa)". <br />
<br />
Abdullah bin Jahsy berjalan selama dua hari, kemudian ia berhenti dan membuka surat Rasulullah itu. <br />
<br />
"Bismillaahr-ahmaanirahiim. Amma ba'du, pergilah kau dengan kawan-kawan yang menyertaimu disertai keberkahan dari Allah hingga kau mencapai sebuah kebun kurma. Dari sana, kau bisa mengintai kegiatan kafilah Quraisy, lalu kau kembali membawa berita mereka". <br />
<br />
Sesudah membaca isi surat itu, Abdullah berkata:"Sam'an wa thaa 'atan, aku mendengar dan patuh kepada perintahmu", lalu berkata kepada para pengikutnya, "Rasulullah melarang saya memaksa kalian ikut dalam misi ini". <br />
<br />
Rombongan ini berjalan atas perintah Rasulullah Shallallahu 'alaihi wasallam dan dengan perlindungan Allah Ta'ala. Di suatu tempat bernama Bahran, Sa'ad bin Abi Waqqash dan Utbah bin Ghazwan kehilangan ontanya. Keduanya pergi mencari ontanya itu hingga tertinggal oleh rombongannya. Abdullah bin Jahsy meneruskan perjalanannya sesuai petunjuk Rasulullah hingga mencapai sebuah perkebunan kurma. Tiba-tiba, mereka melihat kafilah Quraisy dikawal oleh Amru ibnul Hadhrami, Utsman ibnul Mughirah, dan saudaranya; Naufal dan al-Hakam bin Kisan. <br />
<br />
Para shahabat itu bermusyawarah tentang mereka. Salah seorang berkata, "kalau kalian membiarkan mereka pergi malam ini, mereka akan memasuki Tanah Haram dan kalian tidak bisa berbuat apa-apa. Akan tetapi, kalau kalian memerangi mereka, kita ada dalam bulan haram?". Pada waktu itu, mereka ada di akhir bulan Rajab. <br />
<br />
Mereka ragu-ragu dan takut menindaknya. Tapi akhirnya, mereka memberanikan dan memutuskan untuk memeranginya dengan sekuat-kuatnya. Salah seorang dari shahabat itu lalu melepaskan anak panah kepada Amru ibnul Hadhrami dan tewaslah ia seketika. Mereka berhasil menawan Utsman ibnul Mughirah dan al-Hakam bin Kisan, sedangkan Naufal dan saudaranya Utsman, berhasil melarikan diri. <br />
<br />
Menurut keterangan sebagian keluarga Abdullah bin Jahsy, pada waktu itu, Abdullah mengatakan kepada para shahabatnya itu, "Dua puluh persen dari kemenangan yang kita peroleh ini untuk Rasulullah Shallallahu 'alaihi wasallam dan sisanya dibagi diantara kita". Ini terjadi sebelum ketetapan 20% itu dikukuhkan oleh al-Qur'an. <br />
<br />
Sesampainya rombongan di Madinah, Rasulullah bersabda kepada mereka, "Aku tidak memerintahkan kalian mengadakan peperangan di bulan haram", seraya menolak untuk mengambil bagiannya dari hasil kemenangan itu. <br />
<br />
Abdullah bin Jahsy dan para shahabatnya bersedih hati karena telah bertindak di luar perintah. Lebih-lebih, setelah semua shahabat Rasulullah menyesalkan tindakannya itu. Belum lagi kampanye Quraisy yang diembus-embuskan dengan gencar, "Muhammad dan shahabatnya menghalalkan pertumpahan darah, perampasan hak milik dan penawanan orang di bulan haram". <br />
<br />
Sesudah bicara orang dipusatkan pada soal itu, keputusan langit turun untuk mengesahkan dan sekaligus mengukuhkan tindakan Abdullah bin Jahsy dan kawan-kawannya itu, <br />
<br />
"Mereka bertanya kepadamu tentang berperang pada bulan haram. Katakanlah, 'berperang dalam bulan itu adalah dosa besar, tetapi menghalangi (manusia) dari jalan Allah, kafir kepada Allah, (menghalangi masuk) Masjid Haram, dan mengusir penduduknya dari sekitarnya, lebih besar (dosanya) di sisi Allah . Dan, berbuat fitnah itu lebih besar (dosanya) daripada membunuh. Mereka tidak henti-hentinya memerangi kamu sampai mereka (dapat) mengembalikan kamu dari agamamu (kepada kekafiran), seandainya mereka sanggup. Barangsiapa yang murtad diantara kamu dari agamanya, lalu ia mati dalam kekafiran, maka mereka itulah yang sia-sia amalannya di dunia dan akhirat, dan mereka itulah penghuni neraka, mereka kekal di dalamnya". <br />
<br />
Ibnu Ishaq berkata, "sesudah ayat tersebut turun, legalah Abdullah dan kawan-kawannya, dan Rasulullah Shallallahu 'alaihi wasallam mau menerima tawanan dan hasil rampasan perang itu. Setelah itu, datang perutusan dari kaum Quraisy untuk menebus Utsman dan al-Hakam bin Kisan. Rasulullah Shallallahu 'alaihi wasallam berkata kepada perutusan itu, "Kami tidak akan menerima tebusan keduanya hingga shahabat kami datang, yakni: Sa'ad bin Abi Waqqash dan Utbah bin Ghazwan. Kami khawatir, kalian telah menangkap keduanya. Kalau kalian membunuh keduanya, kami juga akan membunuh shahabat kalian". <br />
<br />
Tak lama, Sa'ad dan Utbah datang, lalu Rasulullah menyerahkan kedua tawanan itu kepada perutusan Quraisy itu". <br />
<br />
Al-Hakam bin Kisan kemudian masuk Islam dengan baik dan tinggal bersama Rasulullah Shallallahu 'alaihi wasallam hingga syahid pada peristiwa Bi'ir Ma'unah. Utsman pulang kembali ke Mekkah dan mati dalam keadaan kafir. Adapun Naufal terjatuh bersama kudanya ke dalam lubang parit (khandaq ) sehingga tewas tertumbuk batu. Kaum Musyrikin meminta mayatnya dengan imbalan uang, Rasulullah Shallallahu 'alaihi wasallam berkata: <i>"Bawalah, karena mayatnya buruk dan tebusannya buruk". </i><br />
<h4>Renungan </h4>Di sebelah Baitullah al-Haram, rumah yang Allah jadikan daerah aman dan damai bagi hamba-hambaNya, menyambut doa bapak para nabi, Ibrahim 'alaihissalam , "Ya Tuhan, jadikanlah negeri ini negeri yang aman sentosa". (Q,.s. al-Baqarah: 126). Di sana, Asma', ibu Ammar dan Yasir, ayahnya, dibunuh dengan keji dan kejam, bukan karena berdosa tapi semata-mata karena keduanya menyatakan "Tuhan kami hanya Allah". <br />
<br />
Di daerah yang Allah tetapkan sebagai daerah aman dan damai secara mutlak dari semua sengketa, peperangan dan pertengkaran, supaya mereka kembali sadar dan menginsafi apa yang tepat dan benar, hidup bersaudara dan berdampingan di dalam daerah itu, oleh kaum Quraisy dijadikan ajang pembunuhan sekelompok orang yang tiada berdaya dan berdosa. <br />
<br />
Mereka dipaksa keluar dan menyimpang dari agamanya. Mereka dilarang mengikuti pelajaran yang diberikan Nabi Muhammad Shallallahu 'alaihi wasallam. <br />
<br />
Allah sudah menetapkan bahwa daerah Masjid al-Haram dan sekitarnya itu semacam daerah margasatwa, dimana burung-burung bebas beterbangan tanpa rasa takut, dimana hewan, manusia dan bahkan serangga bisa hidup berdampingan secara aman dan damai tanpa rasa takut satu dengan yang lainnya. Mengapa negeri yang telah ditetapkan menjadi daerah aman dan damai berubah menjadi daerah yang menakutkan dan penuh kengerian. Daerah bebas merdeka itu berganti menjadi daerah perbudakan, dimana kebebasan orang memilih agama dan hak mengamalkan keyakinannya dibatasi dan dihalang-halangi. <br />
<br />
Menyambut seruan agama tauhid yang dikumandangkan Rasulullah Shallallahu 'alaihi wasallam dicap sebagai kafir dan murtad karena keluar dari agama nenek moyang yang percaya kepada berhala-berhala ; Latta, 'Uzza dan Manat yang dideretkan di sekitar Ka'bah. <br />
<br />
Allah telah menetapkan haram (suci)nya rumah itu sejak Ibrahim dan putranya Ismail 'alaihissalam membangunnya. Sejak saat itulah, Allah telah menetapkan daerah itu aman bagi semua orang dan sekalgus daerah haram mengadakan peperangan dan pembunuhan. <br />
<br />
"(Dan) ingatlah ketika Kami menjadikan rumah itu (Baitullah) tempat berkumpul bagi manusia dan tempat yang aman…". <b>(Q,.s. al-Baqarah: 125) <br />
</b><br />
Rahmat dan nikmat yang dikaruniakan Alah kepada hambaNya itu oleh kaum Quraisy disulap bagi kaum mustadh'afin di daerah aman dan damai itu. Mereka dikejar dan disiksa, agamanya diejek dan dihina, keluarganya diganggu dan dianiaya. <br />
<br />
Alasan palsu mereka diungkapkan oleh al-Qur'an, <br />
<br />
"…jika kami mengikuti petunjuk bersama kamu niscaya kami akan diusir dari negeri kami…". <b>(Q,.s. al-Qashash:57) </b><br />
<br />
Siapa selain mereka yang mampu melakukan tindak kejahatan di daerah itu? Siapa yang berani melanggar haram Allah seperti mereka?. <br />
<br />
Memang pernah terjadi, Abrahah dengan pasukan gajahnya hendak menghancurkan Baitullah al-Haram itu. Ia dengan sombonnya datang sampai di pinggiran kota Mekkah. Semua nasehat dan peringatan orang tidak diindahkan. Kaum Quraisy tahu apa yang dikehendaki Abrahah. Mereka juga tahu kekeuatan pasukan Abrahah. Maka dari itu, mereka tidak berpikir hendak melindungi Ka'bah dari serangannya. Mereka melarikan diri ke luar kota Mekkah. <br />
<br />
Abrahah kaget melihat sikap kaum Quraisy yang membiarkan kotanya terbuka, tidak dipertahankan sedikitpun. Malah, ia merasa heran ketika Abdul Muththalib, sesepuh kota Mekkah, datang menghadapnya untuk meminta ontanya dikembalikan dan tidak berbicara soal Baitullah sama sekali, hanya menjawab dengan jawaban yang tersohor itu, "onta itu milik saya sedangkan al-Bait itu ada Pemiliknya yang nanti akan melindunginya!". <br />
<br />
Tak salah lagi dugaan Abdul Muthathlib, Tuhan al-Bait itu telah melindunginya dari serangan Abrahah dan pasukannya. Mereka yang hendak berbuat onar, hendak mengeruhkan suasana aman dan damai di daerah haram itu, dihukum. <br />
<br />
"Dan, Dia mengirimkan kepada mereka burung yang berbondong-bondong, yang melempari mereka dengan batu (berasal) dari tanah yang terbakar, lalu Dia menjadikan mereka seperti daun-daun yang dimakan (ulat)". <b>(Q,.s. al-Fiil: 3-5)</b><br />
<br />
Kepandaian mereka bersilat lidah, "Jika kami mengikuti petunjuk bersama kamu niscaya kami akan diusir dari negeri kami", langsung dipatahkan dengan firmanNya, "Dan, apakah Kami tidak meneguhkan kedudukan mereka dalam daerah haram (tanah suci) yang aman, yang didatangkan ke tempat itu buah-buahan dari segala macam (tumbuh-tumbuhan) untuk menjadi rezeki (bagimu) dari sisi Kami? Tetapi kebanyakan mereka tidak mengetahui". <b>(Q,.s. al-Qashash:57)</b> <br />
<br />
Disamping menjadikan Mekkah sebagai daerah damai, Allah Ta'ala juga menjadikannya bulan-bulan haram sebagai masa-masa damai, tetapi bangsa Arab mempermainkan bulan-bulan itu sesuai dengan selera dan nafsu mereka. Adakalanya dipercepat dengan fatwa pimpinan agama atau kabilahnya yang kuat dari tahun ke tahun. <br />
<br />
Sesudah Islam datang, ia menetapkan dengan tegas bahwa penundaan percepatan, dan perubahan dari ketetapan Allah itu hukumnya kafir, batil dan sesat, <br />
<br />
"Sesungguhnya mengundur-undurkan bulan haram itu adalah menambah kekafiran, disesatkan orang-orang yang kafir dengan mengundur-undurkan itu, mereka menghalalkan pada suatu tahun dan mengharamkannya pada tahun yang lain, agar mereka dapat menyesuaikan dengan bilangan yang Allah mengharamkannya maka mereka menghalalkan apa yang diharamkan Allah. (Setan) menjadikan mereka memandang baik perbuatan mereka yang buruk itu. Dan, Allah memberi petunjuk kepada orang-orang yang kafir". <b>(Q,.s. at-Taubah:37)</b><br />
<br />
Jelaslah bahwa kaum Quraisy yang pertama merusak kelestarian daerah damai itu. Mereka mempermainkan pantangan pada bulan-bulan itu. Kaum Muslimin dijadikan bulan-bulanan karena agamanya; mereka dikejar-kejar, disiksa, diananiaya, dipecuti, dijemur diterik padang pasir, dan bahkan ada yang dibunuh karena tidak mau murtad dari Islamnya. Mereka lebih suka pergi berhijrah sesudah izin dari Rasulullah Shallallahu 'alaihi wasallam meninggalkan tanah air tercintanya, meninggalkan semua harta milik yang diperoleh dari hasil jerih payah seumur hidup, demi mempertahankan iman dan tauhidnya. <br />
<br />
Sudah tentu kaum Muslimin akan menuntut balas kapan pun dan dimana pun terhadap gerombolan penjahat yang sesat itu. Tidak heran kalau luapan itu diledakkan oleh pasukan yang dipimpin Abdullah bin Jahsy sehingga menimbulkan korban tewas dan beberapa orang tertawan di kalangan Quraisy, seperti diutarakan di awal pembahasan. <br />
<br />
Oleh kaum Quraisy, kejadian itu dimanfaatkan menarik simpati kabilah Arab dan sekaligus untuk memecah-belah barisan kaum Muslimin. Mereka menghasut bahwa pengikut Muhammad telah merobek-robek kehormatan bulan-bulan haram. Kampanye lihai mereka hampir berhasil memecah-belah barisan kaum Muslimin. Untunglah keputusan langit cepat turun, mengingatkan kaum Muslimin supaya tetap memelihara persatuan dan kesatuannya, dan supaya tidak menganggap remeh tindak-tanduk dan fitnah lawan-lawannya itu. <br />
<br />
"Mereka bertanya kepadamu tentang berperang pada bulan haram. Katakanlah, 'berperang dalam bulan itu adalah dosa besar, tetapi menghalangi (manusia) dari jalan Allah, kafir kepada Allah, (mengahalangi masuk ke) Masjid al-Haram, dan mengusir penduduknya dari sekitarnya, lebih besar (dosanya) di sisi Allah. Dan, berbuat fitnah lebih besar (dosanya) daripada membunuh. Mereka tidak henti-hentinya memerangi kamu sampai mereka (dapat) mengembalikan kamu dari agamamu (kepada kekafiran), seandainya mereka sanggup. Barangsiapa yang murtad diantara kamu dari agamanya, lalu ia mati dalam kekafiran, maka mereka itulah yang sia-sia amalnya di dunia dan akhirat, dan mereka itulah penghuni neraka; mereka kekal di dalamnya". <b>(al-Baqarah: 217)</b><br />
<br />
Demikianlah berita wahyu itu mengungkapkan tampang kaum Quraisy yang sebenarnya, bagaimana taktik dan strategi mereka menghadapi kaum Muslimin, mereka akan berusaha sekuat-kuatnya dengan segala cara, legal atau ilegal, halal atau haram, memaksa mereka menjadi kafir kembali. <br />
<br />
Akan tetapi, kehendak Allah sudah menetapkan umat Muhammad Shallallahu 'alaihi wasallam yang konsekuen menjalankan ajaran agamanya akan dijadikan pemimpin dunia seluruhnya. <br />
<br />
"Dan, demikian (pula) Kami telah menjadikan kamu (umat Islam) umat yang adil dan pilihan agar kamu menjadi saksi atas (perbuatan) manusia dan agar Rasulullah (Muhammad) menjadi saksi atas (perbuatan) kamu..". <b>(Q,.s. al-Baqarah: 143)</b><br />
<br />
Memang secara keseluruhan, mental dan moral jamaah Islam dapat menahan diri dan menghindarkan diri dari godaan duniawi, menyambut dengan patuh titah peritah Allah Ta'ala, tidak melakukan penyerangan terhadap mereka yang telah mengusir keluar dari tanah airnya, yang merampas harta bendanya, dan yang tidak memperkenankan menunaikan manasik haji di Baitullah al-Haram. Mereka merasa gusar dan marah dalam hati atas sikap lawan-lawannya itu, namun mereka harus mampu menahan diri sesuai dengan petunjuk agamanya. <br />
<br />
"…Dan, janganlah sekali-kali kebencian(mu) kepada suatu kaum karena mereka menghalang-halangi kamu dari Masjidil Haram, mendorongmu berbuat aniaya (kepada mereka). Dan tolong-menolong dalam berbuat dosa dan pelanggaran. Dan bertakwalah kamu kepada Allah sesungguhnya Allah amat berat siksaNya". <b>(Q,.s. al-Maidah: 2)</b><br />
<br />
Kaum Muslimin menyambut dengan lapang dada dan sukacita ajaran yang digariskan langit itu. Mereka memelihara persatuannya, memadu kegiatannya, menaburkan bibit kebaikan dan ketakwaan dan menumpas kuman-kuman dan permusuhan. Dalam sekejap saja, dunai menyambut mereka bagai pemimpin dan guru dunia. Akan tetapi, mengapa cucu-cucu mereka kini berpaling hanya menjadi pengekor?. Bagaimana mereka telah menghilangkan landasan hidup yang mereka rintiskan? Allahumma ihdi qaumi. Wallâhu a'lamAnonymousnoreply@blogger.com0tag:blogger.com,1999:blog-2969472242804787317.post-8853022367696546362013-07-28T02:21:00.003+07:002013-07-28T02:21:47.972+07:00Alhamdulillah, Google Adsense DiterimaDengan ucapan syukur alhamdulillah, akhirnya perjuangan Kang Fathur beberapa bulan kedepan diterima oleh tim google dalam pengajuan (daftar) periklanan terbesar di dunia ini. Meskipun kadang meraasa bosan tiap kali saya melakukan pendaftaran selalu dan selalu gak di setujui.<br />
<br />
Bahkan pernah, Google Adsense yang sudah tampil di blog ini bebearopa bulan eh ternya di banned juga sama mbah google. Ini hanya sebuah cerita yang mungkin buat anda bisa menjadi contoh bahwa kesabaran adalah hal yang perlu kita lakukan dalam dunia ini seperti yang di firmankan oleh Allah SWT dalam Al-Qura'an :<br />
<br />
"Sesungguhnya Allah bersama dengan orang-orang yang sabar"<br />
<br />
Untuk itu, Kang Fathur hanya bisa memberikan semangat bagi temen-temen blogger semuanya, jangan pernah putus asa dalam menjalani hidup. Kuatkan iman, jalani kehidupan dengan penuh kesabaran, terima semua kehendaknya dengan ikhlas, serahkan sepenuhnya dengan bertawakkal pada Allah.<br />
<h4>Mampukah kita semua?</h4>Jawaban yang pantas menurut saya adalah tergantung dari setiap orang yang menjalaninya. Setiap manusia tidak sama kodratnya sebab dalam ajaran islam ada 3 rahasia Allah yang gak bisa ditebak ataupun direka-reka, Maut, Rejeki dan Jodoh.....<br />
<h4>Nyambung gak?</h4>Dari sedikit kutipan diatas, ini bukan untuk menggurui semuanya, saya paparkan ini karena memang fakta yang terjadi pada dunia terlebih bagi Kang Fathur. Ini pula jika kita kembali pada kodrat-Nya anda pasti akan berhasil mendapatkan apa yang diinginkan asalkan terus berusaha dan berusaha semaksimal mungkin.<br />
<br />
Termasuk dalam dunia periklanan, jangan menyerah sebelum tercapai. Semoga artikel gak karuan ini menjadikan anda inspirator dalam dunia berbagai segi. aminAnonymousnoreply@blogger.com2tag:blogger.com,1999:blog-2969472242804787317.post-38842064002792276472012-08-20T22:50:00.002+07:002013-05-22T21:36:36.668+07:00Mempercepat Loading Blog With Script LazyloadLoading situs merupakan hal yang paling dijaga-jaga oleh semua pemiliknya, tak menutup kemungkinan pemilik blog. sebab loading blog merupakan tolak ukur kebetahan pengunjung untuk berlama-lama pada blog kita.<br />
<br />
Seperti halnya tampilan template yang menarik, loading blog kita harus dimaksimalkan untuk mengatur kecepatan blog supaya ringan atau cepat. Untuk itu, pada tuulisan kecil ini <a href="http://kang-fathur.blogspot.com/" target="_blank">Kang Fathur</a> akan memberikan sedikit tips cara mengatasi lambatnya loding blog pada template anda dengan menggunakan Script Lazyload.<br />
<br />
Pada tulisan beberapa hari lalu, <a href="http://kang-fathur.blogspot.com/" target="_blank">Kang Fathur </a>memberikan tips mempercepat loding blog dengan men-<a href="http://kang-fathur.blogspot.com/2011/12/mempercepat-loading-blog-dengan.html" target="_blank">Compress CSS</a> dengan pihak ketiga. Tutorial ini gak kalah hebat dengan cara sebelumnya, disamping relatif mudah dalam penerapannya juga fungsinya gak kalah bersaing denga blog lainnya.<br />
<br />
Sebelum anda memasang script ini, sebaiknya anda mengecek dulu seberapa berat/ringan blog anda. Jika sudah mengetahuinya, terapkan script lazyload pada template anda. Buktikan perubahannya...!!!<br />
<br />
Cara pemasangannyapun gampang, anda tinggal mencari kode <b></head></b> dan <i>copy paste</i> kode berikut sebelum kode <b></head></b> dan <b>Simpan Template</b> anda, dijamin memuaskan.<br />
<br />
<pre class="numbered" data-codetype="JQuery" title="double click untuk copy kode"><code class="xml"><script charset='utf-8' src='<span class="underline">http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js</span>' type='text/javascript'/>
<script src='http://zonaku.googlecode.com/files/loading.js' type='text/javascript'/>
<script charset='utf-8' type='text/javascript'>
$(function() {
$(&quot;img&quot;).lazyload({placeholder : &quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxA5IvhvQxoUpA6La4GEtO5gwzGgVXigOV3vmSHrHlB0pUQSQny0QllS0TJ1ekK0iASxP4hh3xr1bKYW9DutVxuJhaWExXDkpFj7o46bT4qWAWnmsXohZJxeim_Pq4of7VLu0vhw23Tsc/s1600/loading.png&quot;,threshold : 200});
});
</script></code></pre><div class="catatan">Catatan :<br />
<ol><li>Jika dalam blog anda sudah terdapat jQuery, kode yang <span class="underline">bergaris bawah</span> diatas tidak usah dipasang dan disarankan untuk menggunakan versi terbaru</li><li>Jika penerapan dalam blog anda tidak berfungsi atau malah tambah berat loading blognya, sekedar saran Kang Fathur, sebaiknya jangan diterapkan. It's Okey.....!!!!</li></ol></div>Anonymoushttp://www.blogger.com/profile/04441407757249759124noreply@blogger.com31tag:blogger.com,1999:blog-2969472242804787317.post-92219925750469785792012-08-20T08:21:00.007+07:002013-05-22T21:53:53.606+07:00Free Download 'Zona' Template SEO FriendlyTemplate simple atau sederhana ternyata banyak diminati oleh pengguna blogger begitu juga <a href="http://kang-fathur.blogspot.com/">Kang Fathur</a>. Mereka menggangap template sederhana tapi menarik ini dapat bersaing dalam peringkat di search engine karena template yang <a href="http://kang-fathur.blogspot.com/2011/10/belajar-mengedit-blogger-agar-seo.html" target="_blank">SEO Friendly</a>. Untuk itu, pada tulisan kecil ini saya mencoba membagikan 2 template SEO secara gratis untuk anda semua.<br />
<br />
Template ini gak kalah bersaing dengan template-template SEO dan <a href="http://kang-fathur.blogspot.com/2012/05/zonamagz-template-berita-elegant.html" target="_blank">Magazine</a> lainnya, bahkan bisa dibilang lebih terkesan indah dengan tampilan <i>dark color</i> dan loading yang ringan. feature yang ditawarkan juga hampir sangat simple untuk diterapkannya.<br />
<h2>Minimum Dark Template</h2>Template ini masih original yang berhasil di download dari <b>abazta creations</b>.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGLAc2IyjRCbl9ecGnaNOlBJr1LyGCHlU5N_2VFUjlDnZi7k7MdJMhyphenhyphen9udxZC6YoW12klV8P7T8JH-Fmq4wk6yNNEnCqzKt0rB8nIwhb7d7SieEH2mv8nheNSkGgbdPdqVtk-wOWgvwQE/s1600/minimum_dark.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGLAc2IyjRCbl9ecGnaNOlBJr1LyGCHlU5N_2VFUjlDnZi7k7MdJMhyphenhyphen9udxZC6YoW12klV8P7T8JH-Fmq4wk6yNNEnCqzKt0rB8nIwhb7d7SieEH2mv8nheNSkGgbdPdqVtk-wOWgvwQE/s1600/minimum_dark.png" /></a></div><div class="button-grup"><a class="button demo" rel="nofollow" href="http://klik-template.blogspot.com/2012/08/minimum-dark.html" target="_blank">Demo and Download</a></div><h2>Zona Maximum Dark Template</h2><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_QewD75BWeuCRxD6u4HePhq24HLciUjxwKOpaPfiGjL3h0s7S8Wk7OHnhqSTEOPNuMKsWRdk2ShAj8I4BBfFh-0BNNy7ytch4sUjRBPGxFm8enPFVN1MpbOVKV5U5ppOW20F78TPTAGY/s1600/zona-maximum-template.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_QewD75BWeuCRxD6u4HePhq24HLciUjxwKOpaPfiGjL3h0s7S8Wk7OHnhqSTEOPNuMKsWRdk2ShAj8I4BBfFh-0BNNy7ytch4sUjRBPGxFm8enPFVN1MpbOVKV5U5ppOW20F78TPTAGY/s1600/zona-maximum-template.png" /></a></div><div class="button-grup"><a class="button demo" rel="nofollow" href="http://klik-template.blogspot.com/2012/08/zona-maximum-dark.html" target="_blank">Demo and Download</a></div><div class="catatan"><b>Feature on template</b><br />
<ol><li><a href="http://kang-fathur.blogspot.com/2012/08/auto-read-more-tanpa-javascript.html" target="_blank">Read More tanpa JavaScript,</a> membuat template ini terkesan menarik untuk dilihat.</li>
<li>Titel Tooltip Otomatis pada setiap link, memberikan kesan terindah dalam meanpilkan title link yang mengikuti mouse</li>
<li><a href="http://kang-fathur.blogspot.com/2012/08/rss-comments-dengan-javascript.html" target="_blank">Recent Comments Simple,</a> tidak memperngaruhi loading blog (loanding blog)</li>
<li><a href="http://kang-fathur.blogspot.com/2012/06/modifikasi-image-pada-blogger.html" target="_blank">About The Author,</a> menunjukkan sang author blog yang dilengkapi dengan modifikasi image (gambar) yang menarik.</li>
<li><a href="http://kang-fathur.blogspot.com/2012/07/membuat-halaman-arsip-blog.html" target="_blank">Archive</a>, merupakan daftar isi blog yang sudah dirubah dengan sentuhan-sentuh CSS dan JavaScript yang mantap dan bisa di sort berdasarkan tanggal dan posting.</li>
<li><a href="http://kang-fathur.blogspot.com/2012/08/membuat-daftar-isi-seperti-gallery.html" target="_blank">Gallery</a>, ini merupakan penjabaran dari daftar isi thumbnail yang diberikan oleh Kang Fathur sebelumnya.</li>
</ol></div><br />
Semoga template SEO Friendly ini dapat menjadikan anda terkenal dengan blog baru ini. Minimal template ini tersimpan dalam koleksi template anda.<br />
<h2><blink>Pesan PIO</blink></h2>Mohon jangan dihilangkan atau diganti kredit link yang ada di bagian bawah template, terima kasih.Anonymoushttp://www.blogger.com/profile/04441407757249759124noreply@blogger.com13tag:blogger.com,1999:blog-2969472242804787317.post-62427639217203883672012-08-19T23:40:00.001+07:002013-05-22T21:55:15.905+07:00RSS Comments Dengan JavascriptMembuat RSS Comments default blogger sudah banyak diberikan oleh blog penyedia <a href="http://kang-fathur.blogspot.com/search/label/Tutorial" target="_blank">tutorial</a>, karena hampir semua pemilik<a href="http://www.blogger.com/" target="_blank"> blogger</a> menerapkannya dalam situs mereka. Ini bertujuan agar pemilik blog tersebut dengan gambang mengetahui siapa dan apa komentar yang terkini (<a href="http://kang-fathur.blogspot.com/2012/04/membuat-recent-comment-dengan-gambar.html" target="_blank">recent comments</a>) dalam blog mereka. Baik berupa <i>cercahan, kritikan </i>ataupun <i>saran</i> dari pengunjung blog.<br />
<br />
Tutorial kali ini, <a href="http://kang-fathur.blogspot.com/" target="_blank">Kang Fathur</a> memberikan tips dengan mudah cara membuat <a href="http://kang-fathur.blogspot.com/2012/04/membuat-recent-comment-dengan-gambar.html" target="_blank">recent comment</a> yang simple untuk diterapkan pada blog template simple anda.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTCBmP2MDL3aQBU5aaSOnpZ6qHXhLMLnU3JvFtJYLy9AQH_feboZFKmidf8PHswvl04uzuzQhHmvXyGhBlZXXwXmQW3GoBBdyH_xoC-93DEIa7uF9KxdXWopXOpReJ255L8mz_Xgq44N8/s1600/RSS+Comments+Simple.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTCBmP2MDL3aQBU5aaSOnpZ6qHXhLMLnU3JvFtJYLy9AQH_feboZFKmidf8PHswvl04uzuzQhHmvXyGhBlZXXwXmQW3GoBBdyH_xoC-93DEIa7uF9KxdXWopXOpReJ255L8mz_Xgq44N8/s1600/RSS+Comments+Simple.png" /></a></div><br />
<div class="button-grup"><a class="button demo" rel="nofollow" href="http://zona-maximum.blogspot.com/" target="_blank">Live Demo</a></div><h3>Kode Javascript</h3><pre class="numbered" data-codetype="Javascript" title="double click untuk copy kode"><code class="xml"><script type="text/javascript">
var jmlkomentar = 6,
jmlkarakter = 20,
home_page = "http://zona-minimum.blogspot.com";
</script>
<script src="http://zonaku.googlecode.com/files/rss-comments.js" type="text/javascript"></script></code></pre><div class="catatan"><b>Catatan :</b><br />
<ol><li>Angka 6 (enam) merupakan banyaknya komentar yang akan ditampilkan.</li>
<li>Angka 20 merupakan jumlah karakter (huruf) yang ditampilkan pada komentar pengunjung.</li>
</ol></div>Selamat mencoba dan smoga berhasil ya gan....!!! <br />
<style type="text/css" scoped="scoped">
.catatan{background-color: #B9F3C9;padding: 10px;border: 1px solid #59C466;width: 97%;margin: 15px auto 0;}
</style>Anonymoushttp://www.blogger.com/profile/04441407757249759124noreply@blogger.com0tag:blogger.com,1999:blog-2969472242804787317.post-1347733625169238552012-08-19T23:12:00.000+07:002013-05-22T21:42:47.753+07:00Mengatasi Halaman Mandiri (Page Statis) ErrorKadang tanpa kita sadari pada <a href="http://kang-fathur.blogspot.com/search/label/Template" target="_blank">template</a> yang kita pakai, seperti yang <a href="http://kang-fathur.blogspot.com/">Kang Fathur</a> pernah alami beberapa hari lalu, yakni halaman mandiri atau banyak kalangan yang menyebut page statis mengalami masalah (error) saat menerapkan page statis.<br />
<br />
Biasanya halaman ini diterapkan untuk memposting <a href="http://kang-fathur.blogspot.com/search/label/Artikel" target="_blank">artikel</a> yang berkenaan dengan artikel khusus pemilik blog, seperti halnya, <a href="http://kang-fathur.blogspot.com/2012/06/modifikasi-image-pada-blogger.html" target="_blank">profil pengguna</a>, <a href="http://kang-fathur.blogspot.com/2012/05/membuat-daftar-isi-blog-dengan.html" target="_blank">daftar isi</a>, <a href="http://kang-fathur.blogspot.com/2012/07/membuat-halaman-arsip-blog.html" target="_blank">arsip blog</a> dan <a href="http://kang-fathur.blogspot.com/2012/08/membuat-daftar-isi-seperti-gallery.html" target="_blank">gallery foto</a> ataupun yang lainnya.<br />
<br />
Pada contoh yang pernah saya alami ketika menerapkan <a href="http://kang-fathur.blogspot.com/2012/07/membuat-halaman-arsip-blog.html" target="_blank">daftar isi (sitemap)</a> pada page statis mengalami kendala, yakni pemenggalan artikel (read more, red) muncul pada halaman mandiri (static page). Pada halaman ini biasanya terjadi pada penerapan <a href="http://kang-fathur.blogspot.com/2012/08/auto-read-more-tanpa-javascript.html" target="_blank"><b>Auto Read More</b></a> pada <a href="http://kang-fathur.blogspot.com/2011/12/menampilkan-dan-menyembunyikan-widget.html" target="_blank">halaman utama</a> (home page).<br />
<br />
<a href="http://kang-fathur.blogspot.com/">Kang Fathur</a> pernah menerapkan <a href="http://kang-fathur.blogspot.com/2012/07/membuat-halaman-arsip-blog.html" target="_blank">Arsip Postingan </a>pada template yang didownload dari <i>abazta creations</i>, dan ternyata ketika diterapkan halaman mandiri ini terjadi error dengan tetap munculnya read more.<br />
<br />
<div class="button-grup"><a class="button demo" rel="nofollow" href="http://zona-minimum.blogspot.com/p/archive.html" target="_blank">Live Demo</a></div><br />
tapi malah yang muncul seperti gambar berikut :<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihXE8osAWiQTJ6Br5ZxB8ErpPjyuQiAhgqw95ayNQseA-msGndvECzWDF9b-yiJQS7qcD2IvTsVGoeWWvktf_j6BCfX_nRo_NkTkXKMky0nbEwz58XkxmuJpDQnpfsLvNTp0jx1f8XySc/s1600/page_statis+%2528error%2529.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihXE8osAWiQTJ6Br5ZxB8ErpPjyuQiAhgqw95ayNQseA-msGndvECzWDF9b-yiJQS7qcD2IvTsVGoeWWvktf_j6BCfX_nRo_NkTkXKMky0nbEwz58XkxmuJpDQnpfsLvNTp0jx1f8XySc/s1600/page_statis+%2528error%2529.png" /></a></div><br />
Akan tetapi, ketika di edit<b> HTML Template </b>ternyata penerapan <a href="http://kang-fathur.blogspot.com/2012/08/auto-read-more-tanpa-javascript.html" target="_blank">auto read more</a> teradi kesalahan yang sangat kecil untuk dipecahkan... hehehe, <i>GR nih...!!!</i> dan hasilnya seperti screenshot berikut :<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNuE7dxejPoXNpOEprrdDRbVfYXKXWczrB7Jfe7XAy-16zBjKsolNov2k33CbEb4brkQSTikchAMM83xDJ0sRIz6cn1vSBdVvzrAD0YW_enmWRBiufP2AQI4Zr94oK_5I6z_CX2Zeq4fo/s1600/page_statis+%2528error%2529_1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNuE7dxejPoXNpOEprrdDRbVfYXKXWczrB7Jfe7XAy-16zBjKsolNov2k33CbEb4brkQSTikchAMM83xDJ0sRIz6cn1vSBdVvzrAD0YW_enmWRBiufP2AQI4Zr94oK_5I6z_CX2Zeq4fo/s1600/page_statis+%2528error%2529_1.png" /></a></div><br />
Jika ini terjadi pada template anda silakan ikuti tutorial ini dengan mencari kode <b>HTML</b> auto read more dalam template anda. Biasanya kodenya <i>seperti ini :</i><br />
<br />
<pre class="numbered" title="Klik ganda untuk menyeleksi kode" data-codetype="HTML"><code class="xml"><b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
<span class='readmore'><a expr:href='data:post.url'>Read More</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
</b:if></code></pre><br />
Jika sudah ketemu dengan kode tersebut, silakan ganti semua kode diatas dengan kode <i>dibawah ini :</i><br />
<br />
<br />
<pre class="numbered" title="Klik ganda untuk menyeleksi kode" data-codetype="HTML"><code class="xml"><b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<b:else/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
<span class='readmore'><a expr:href='data:post.url'>Read More</a></span>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'><data:post.body/></b:if></code></pre><br />
<b>Simpan Template </b>anda dan lihat hasilnya, dijamin memuaskan.<br />
<br />
<b>Referensi : </b>Jika setelah disimpan ternyata terdapat <i><b>dua artikel </b></i>sama dalam satu halaman, silakan sobat hapus teks berwarna <b>bercetak tebal</b> seperti yang ditunjukkan diatasAnonymoushttp://www.blogger.com/profile/04441407757249759124noreply@blogger.com5tag:blogger.com,1999:blog-2969472242804787317.post-24699489152388847562012-08-18T14:34:00.000+07:002013-05-22T22:02:55.986+07:00Pembersihan Komentar di Hari Yang FitriSebelumnya kami atas nama keluarga besar blog <a href="http://kang-fathur.blogspot.com/" target="_blank">Portal Informasi Online</a> dengan admin Kang Fathur mengucapkan selamat <b>Hari Raya Idul Fitri 1433 H</b>. Semoga apa yang terjadi selama ini kita hilangkan rasa bersalah dengan saling memaafkan. Dan Ucapan <b>Minal Aidin Wal Faidzin</b>, <i>Kang Fathur</i> meminta maaf kepada semua pecinta blog <a href="http://kang-fathur.blogspot.com/" target="_blank">Portal Informasi Online.</a><br />
<br />
Pada kesempatan ini pula <a href="http://kang-fathur.blogspot.com/" target="_blank">Kang Fathur</a> mencoba untuk memperbaiki blog ini dengan menghapus semua komentar yang berbau spam demi berkembangnya blog yang dikenal dengan <a href="http://kang-fathur.blogspot.com/" target="_blank">Portal Informasi Online</a> ini.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_VUnaUMElGu0cEJYUcyclsuJzk64fDsZeeT9uYOqq0DXeE_bnz9vXS_ztyhhR9lMN2Ubq478QqSTI_VbnRYTYv4MeGnw2Zkm7tzUabs2BeNbXWihIfi5O-J8OV7gtqIg7ga_p3IzN2F0/s1600/idulfitri-1433H.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_VUnaUMElGu0cEJYUcyclsuJzk64fDsZeeT9uYOqq0DXeE_bnz9vXS_ztyhhR9lMN2Ubq478QqSTI_VbnRYTYv4MeGnw2Zkm7tzUabs2BeNbXWihIfi5O-J8OV7gtqIg7ga_p3IzN2F0/s1600/idulfitri-1433H.png" /></a></div><br />
Sebelumnya blog ini memiliki komentar yang tidak sedikit sekitar <b>420 komentar</b>. Akan tetapi pada hari ini kang fathur membersihkan komentar yang berbau spam. Tidak sedikit dari para pencinta blog ini yang berkomentar kena hapus komentarnya. Untuk itu, sekali lagi saya minta maaf yang sebesar-besarnya jikalau komentar anda terhapus dalam blog ini.<br />
<br />
Tiada niatan untuk bersikap semau gue, akan tetapi ini saya lakukan untuk menghindari masalah-masalah yang berakibat pada peningkatan blog ini dalam <a href="http://kang-fathur.blogspot.com/2011/10/belajar-mengedit-blogger-agar-seo.html" target="_blank">SEO</a>.Anonymoushttp://www.blogger.com/profile/04441407757249759124noreply@blogger.com2tag:blogger.com,1999:blog-2969472242804787317.post-50391785335158095942012-08-18T03:32:00.005+07:002013-05-22T23:14:07.818+07:00Membuat Daftar Isi Seperti Gallery<b>Daftar isi </b>dalam dunia blogging tidaklah asing kita dengar, ada yang menyebut <a href="http://kang-fathur.blogspot.com/p/archive.html" target="_blank">Sitemap Blog.</a> <b>Pemasangan daftar isi berupa gallery</b> sama halnya dengan <a href="http://kang-fathur.blogspot.com/2012/05/membuat-daftar-isi-blog-dengan.html" target="_blank">thumbnail </a>yang dibahas sebelumnya. Akan tetapi pada tutorial ini, telah dimodifikasi dan di terapkan sentuhan-sentuhan <b>CSS</b> dan <b>JavaScript </b>yang dilengkapi <b>jQuery</b> yang menarik juga.<br />
<br />
Jika anda tahu dalam menerapkannya, pastilah anda akan terkesan untuk menerapkannya dalam blog kita. Seperti yang <a href="http://kang-onk.blogspot.com/" target="_blank"><b>Kang Onk</b></a> pakai pada blog <a href="http://klik-template.blogspot.com/" target="_blank">KOD Template </a>tersebut.<br />
<br />
<div style="text-align: center;"><img alt="Membuat Daftar Isi Seperti Gallery" border="0" height="auto" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3TNNx4VddUAlISObyyKxiLH3NC4ek6bwqp8lkFgVUWQMXg-nBPuP_LuVGybpVZocIkmO1OEDB_IWfgS5WQYYAQM5IkiRO1zetSY3y-1P2YOjAnQAUk9CgI3hm44FO5XdGmVB71TTmYIc/s1600/gallery_pio.png" title="Daftar Isi Seperti Gallery" width="550px" /></div><div class="button-grup"><a class="button demo" rel="nofollow" href="http://klik-template.blogspot.com/p/gallery.html" target="_blank">Live Demo</a></div><br />
Tanpa panjang lebar, marilah kita ikuti bersama cara penerapannya dalam blog kita.<br />
<h2>Langkah Pertama</h2><ul><li><b>Edit HTML</b> blogger anda;</li>
<li>Cari kode <b>]]></b:skin></b></li>
<li>Letakkan kode berikut sebelum kode diatas :</li>
</ul><pre class="numbered" title="Klik ganda untuk menyeleksi kode" data-codetype="CSS"><code class="css">@font-face {
font-family:'Yanone Kaffeesatz';
font-style:normal;
font-weight:400;
src:local('Yanone Kaffeesatz Regular'),local('YanoneKaffeesatz-Regular'),url(http://themes.googleusercontent.com/static/fonts/yanonekaffeesatz/v4/YDAoLskQQ5MOAgvHUQCcLRTHiN2BPBirwIkMLKUspj4.woff) format('woff');
}
#pio-masonry-container {
font:normal 11px Arial,Sans-Serif;
color:#666;
margin:0 auto;
}
#pio-masonry-container * {
border:none;
outline:none;
}
#pio-masonry-container .json_post {
background-color:white;
padding:20px;
margin:2px;
float:left;
-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.5);
-moz-box-shadow:0 1px 2px rgba(0,0,0,0.5);
box-shadow:0 1px 2px rgba(0,0,0,0.5);
position:relative;
}
#pio-masonry-container .json_post h3 {
margin:0 0 10px;
padding:0 0;
font:normal 20px 'Yanone Kaffeesatz',Impact,Arial,Sans-Serif;
}
#pio-masonry-container .json_post h3 a {
text-decoration:none;
color:#3868B5;
font-weight:normal;
}
#pio-masonry-container .json_post .json_sub-header {
display:block;
margin:0 0 10px;
border-top:1px solid #ccc;
padding-top:10px;
color:#627E83;
}
#pio-masonry-container .json_post a.json_img-container {
display:block;
border:1px solid #ccc;
background-color:#fafafa;
padding:1%;
font-size:0;
}
#pio-masonry-container .json_post img {
margin:0 0;
padding:0 0;
width:100%;
height:auto;
display:block;
outline:none;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;
opacity:0;
}
#pio-masonry-container .json_post p {
margin:10px 0 0;
padding:0;
word-wrap:break-word;
overflow:hidden;
}
#pio-masonry-container .json_post .json_post-footer {
text-align:left;
display:block;
margin-top:10px;
border-top:1px solid #ccc;
padding-top:10px;
overflow:hidden;
font-weight:bold;
}
#pio-masonry-container a.json_more {
display:block;
background-color:#3868B5;
color:white;
padding:0;
width:30px;
height:30px;
line-height:30px;
text-align:center;
text-decoration:none;
position:absolute;
bottom:0;
right:0;
font-size:14px;
font-weight:bold;
}
#pio-masonry-container a.json_more:hover {
background-color:#214889;
color:white;
}
#pio-masonry-container h3 a:hover {
color:#214889;
}
.clear {
clear:both;
}
#json_loading {
display:block;
width:120px;
position:fixed !important;
position:absolute;
text-align:center;
font:bold 11px/24px Arial,Sans-Serif;
color:white;
background-color:#36AA4A;
top:0;
left:50%;
margin-left:-60px;
z-index:999;
-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.4),0 1px 2px rgba(0,0,0,0.4);
-moz-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.4),0 1px 2px rgba(0,0,0,0.4);
box-shadow:inset 0 -1px 0 rgba(0,0,0,0.4),0 1px 2px rgba(0,0,0,0.4);
text-shadow:0 -1px 0 rgba(0,0,0,0.4);
-webkit-border-radius:0 0 4px 4px;
-moz-border-radius:0 0 4px 4px;
border-radius:0 0 4px 4px;
}
#json_loading.loaded {
background-color:#900;
}
#pio-masonry-container .json_post.json_thumbnail-mode.loading,
#pio-masonry-container .json_post.json_summary-mode a.loading {
background:white url('data:image/gif;base64,R0lGODlhEAAQAPYAAP///wAAANTU1JSUlGBgYEBAQERERG5ubqKiotzc3KSkpCQkJCgoKDAwMDY2Nj4+Pmpqarq6uhwcHHJycuzs7O7u7sLCwoqKilBQUF5eXr6+vtDQ0Do6OhYWFoyMjKqqqlxcXHx8fOLi4oaGhg4ODmhoaJycnGZmZra2tkZGRgoKCrCwsJaWlhgYGAYGBujo6PT09Hh4eISEhPb29oKCgqioqPr6+vz8/MDAwMrKyvj4+NbW1q6urvDw8NLS0uTk5N7e3s7OzsbGxry8vODg4NjY2PLy8tra2np6erS0tLKyskxMTFJSUlpaWmJiYkJCQjw8PMTExHZ2djIyMurq6ioqKo6OjlhYWCwsLB4eHqCgoE5OThISEoiIiGRkZDQ0NMjIyMzMzObm5ri4uH5+fpKSkp6enlZWVpCQkEpKSkhISCIiIqamphAQEAwMDKysrAQEBJqamiYmJhQUFDg4OHR0dC4uLggICHBwcCAgIFRUVGxsbICAgAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAEAAQAAAHjYAAgoOEhYUbIykthoUIHCQqLoI2OjeFCgsdJSsvgjcwPTaDAgYSHoY2FBSWAAMLE4wAPT89ggQMEbEzQD+CBQ0UsQA7RYIGDhWxN0E+ggcPFrEUQjuCCAYXsT5DRIIJEBgfhjsrFkaDERkgJhswMwk4CDzdhBohJwcxNB4sPAmMIlCwkOGhRo5gwhIGAgAh+QQJCgAAACwAAAAAEAAQAAAHjIAAgoOEhYU7A1dYDFtdG4YAPBhVC1ktXCRfJoVKT1NIERRUSl4qXIRHBFCbhTKFCgYjkII3g0hLUbMAOjaCBEw9ukZGgidNxLMUFYIXTkGzOmLLAEkQCLNUQMEAPxdSGoYvAkS9gjkyNEkJOjovRWAb04NBJlYsWh9KQ2FUkFQ5SWqsEJIAhq6DAAIBACH5BAkKAAAALAAAAAAQABAAAAeJgACCg4SFhQkKE2kGXiwChgBDB0sGDw4NDGpshTheZ2hRFRVDUmsMCIMiZE48hmgtUBuCYxBmkAAQbV2CLBM+t0puaoIySDC3VC4tgh40M7eFNRdH0IRgZUO3NjqDFB9mv4U6Pc+DRzUfQVQ3NzAULxU2hUBDKENCQTtAL9yGRgkbcvggEq9atUAAIfkECQoAAAAsAAAAABAAEAAAB4+AAIKDhIWFPygeEE4hbEeGADkXBycZZ1tqTkqFQSNIbBtGPUJdD088g1QmMjiGZl9MO4I5ViiQAEgMA4JKLAm3EWtXgmxmOrcUElWCb2zHkFQdcoIWPGK3Sm1LgkcoPrdOKiOCRmA4IpBwDUGDL2A5IjCCN/QAcYUURQIJIlQ9MzZu6aAgRgwFGAFvKRwUCAAh+QQJCgAAACwAAAAAEAAQAAAHjIAAgoOEhYUUYW9lHiYRP4YACStxZRc0SBMyFoVEPAoWQDMzAgolEBqDRjg8O4ZKIBNAgkBjG5AAZVtsgj44VLdCanWCYUI3txUPS7xBx5AVDgazAjC3Q3ZeghUJv5B1cgOCNmI/1YUeWSkCgzNUFDODKydzCwqFNkYwOoIubnQIt244MzDC1q2DggIBACH5BAkKAAAALAAAAAAQABAAAAeJgACCg4SFhTBAOSgrEUEUhgBUQThjSh8IcQo+hRUbYEdUNjoiGlZWQYM2QD4vhkI0ZWKCPQmtkG9SEYJURDOQAD4HaLuyv0ZeB4IVj8ZNJ4IwRje/QkxkgjYz05BdamyDN9uFJg9OR4YEK1RUYzFTT0qGdnduXC1Zchg8kEEjaQsMzpTZ8avgoEAAIfkECQoAAAAsAAAAABAAEAAAB4iAAIKDhIWFNz0/Oz47IjCGADpURAkCQUI4USKFNhUvFTMANxU7KElAhDA9OoZHH0oVgjczrJBRZkGyNpCCRCw8vIUzHmXBhDM0HoIGLsCQAjEmgjIqXrxaBxGCGw5cF4Y8TnybglprLXhjFBUWVnpeOIUIT3lydg4PantDz2UZDwYOIEhgzFggACH5BAkKAAAALAAAAAAQABAAAAeLgACCg4SFhjc6RhUVRjaGgzYzRhRiREQ9hSaGOhRFOxSDQQ0uj1RBPjOCIypOjwAJFkSCSyQrrhRDOYILXFSuNkpjggwtvo86H7YAZ1korkRaEYJlC3WuESxBggJLWHGGFhcIxgBvUHQyUT1GQWwhFxuFKyBPakxNXgceYY9HCDEZTlxA8cOVwUGBAAA7AAAAAAAAAAAA') no-repeat 50% 50% !important;
padding:0 0;
}
#pio-masonry-container .json-post.json_summary-mode a.loading img {
background-color:transparent !important;
}
/* Thumbnail Mode */
#pio-masonry-container .json_post.json_thumbnail-mode {
padding:0 0;
line-height:0;
border:2px solid white;
width:50px;
height:50px;
overflow:hidden;
}
#pio-masonry-container .json_post.json_thumbnail-mode img {
border:none;
margin:0;
padding:0;
width:auto;
height:auto !important;
}
#pio-masonry-container .json_post.json_thumbnail-mode figcaption {
position:absolute;
right:0;
bottom:0;
left:0;
background-color:rgba(0,0,0,0.9);
line-height:100%;
padding:5px 7px;
overflow:hidden;
word-wrap:break-word;
display:none;
}
#pio-masonry-container .json_post.json_thumbnail-mode figcaption span {
font-size:10px;
}
#pio-masonry-container .json_post.json_thumbnail-mode strong.json_caption {
display:block;
padding:5px 5px 7px;
border-bottom:1px solid #222;
margin:0 0 4px;
}
#pio-masonry-container .json_post.json_thumbnail-mode strong.json_caption a {
color:#CFDBEC;
text-decoration:none;
}
#pio-masonry-container .json_post.json_thumbnail-mode strong.json_caption a:hover {
color:white;
}
#pio-masonry-container .json_post.json_thumbnail-mode .json_post-date {
float:left;
}
#pio-masonry-container .json_post.json_thumbnail-mode .json_comment {
float:right;
}
#pio-masonry-nav {
text-align:center;
font:normal 14px 'Yanone Kaffeesatz',Times,Serif;
margin:15px 0 30px;
display:none;
}
#pio-masonry-nav a,
#pio-masonry-nav #json_total-posts {
background-color:#012;
padding:4px 7px;
color:#DBE1F2;
text-decoration:none;
text-shadow:0 1px 0 rgba(0,0,0,0.7);
}
#pio-masonry-nav a:link {
background-image:-webkit-linear-gradient(top,#234,#012);
background-image:-moz-linear-gradient(top,#234,#012);
background-image:-ms-linear-gradient(top,#234,#012);
background-image:-o-linear-gradient(top,#234,#012);
background-image:linear-gradient(top,#234,#012);
}
#pio-masonry-nav a:hover {
color:white;
}
#pio-masonry-nav a:active {
background-image:none;
background-color:black;
}
#pio-masonry-nav #json_total-posts {
background-image:-webkit-linear-gradient(top,#012,#234);
background-image:-moz-linear-gradient(top,#012,#234);
background-image:-ms-linear-gradient(top,#012,#234);
background-image:-o-linear-gradient(top,#012,#234);
background-image:linear-gradient(top,#012,#234);
-webkit-box-shadow:inset 4px 0 2px -2px #012,inset -4px 0 2px -2px #012;
-moz-box-shadow:inset 4px 0 2px -2px #012,inset -4px 0 2px -2px #012;
box-shadow:inset 4px 0 2px -2px #012,inset -4px 0 2px -2px #012;
}
/**** Transitions ****/
.masonry.css-transition,
.masonry.css-transition .masonry-brick {
-webkit-transition-duration:0.7s;
-moz-transition-duration:0.7s;
-o-transition-duration:0.7s;
transition-duration:0.7s;
}
.masonry.css-transition {
-webkit-transition-property:height,width;
-moz-transition-property:height,width;
-o-transition-property:height,width;
transition-property:height,width;
}
.masonry.css-transition .masonry-brick {
-webkit-transition-property:left,right,top;
-moz-transition-property:left,right,top;
-o-transition-property:left,right,top;
transition-property:left,right,top;
}</code></pre><ul><li>Cari kode <b></head></b></li>
<li>Copy paste kode dibawah ini sebelum kode diatas :</li>
</ul><pre class="numbered" title="Klik ganda untuk menyeleksi kode" data-codetype="JavaScript"><code class="xml"><script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>
<script src='http://zonaku.googlecode.com/files/jquery.masonry.js' type='text/javascript'/></code></pre><ul><li><b>Simpan Template.</b></li>
</ul><h2>Langkah Kedua</h2><ul><li>Tambahkan <b>halaman page</b> <i>atau</i> <b>postingan</b> dan terapkan kode berikut :</li>
</ul><pre class="numbered" title="Klik ganda untuk menyeleksi kode" data-codetype="HTML"><code class="xml"><div id="pio-masonry-container">
<span id="json_loading">Please wait...</span>
</div>
<div id="pio-masonry-nav">
<!--
--><a id="json_prev-nav">Previous</a><!--
--><span id="json_total-posts">Page # of #</span><!--
--><a id="json_next-nav">Next</a>
</div>
<script type="text/javascript">
//<![CDATA[
// JSON...
var viewMode = "summary", // Widget mode ? "summary" : "thumbnail"
jm_homePage = "http://kang-fathur.blogspot.com",
numposts = 20,
numchars = 270,
showThumbnails = true,
squareImage = false,
newTabLink = false,
jm_columnWidth = 200,
jm_subHeaderText = ["Posted by", "at"],
jm_monthNames = [
"January",
"February",
"March",
"April",
"May",
"June",
"July",
"August",
"September",
"October",
"November",
"December"
],
jm_commentLabel = "",
jm_postCategory = null,
jm_fallbackThumb = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhU4i5pdD0UI2TSbj7PJJRs5wNFZJO4F4obNtwSaRqzRyy486kQdkbToHYMipaItVTQe1p1uKguchdxZGGwwjo5Gv4hk5ai0l6fFQ7R1rzpkaeIVK5n85yyKOOT9kBLQ11T7XIBkWImrxEP/s320/profile_blogger.jpg",
jm_loadedText = "Loaded.";
// MASONRY...
var $jm_container = $('#pio-masonry-container'),
$jm_itemSelector = '.json_post',
$jm_nav = $('#pio-masonry-nav'),
$jm_prev = $('#json_prev-nav'),
$jm_next = $('#json_next-nav'),
$jm_totalPosts = $('#json_total-posts'),
jm_fadeSpeed = 400,
jm_resizeSpeed = 1000,
jm_isAnimated = true,
jm_animateWithTransition = false,
jm_animationOptions = {
queue: false,
duration: 600,
easing: null
}
jm_isFitWidth = true,
jm_gutterWidth = 0,
jm_isRTL = false;
//]]>
</script>
<script src="http://zonaku.googlecode.com/files/post.brick.js" type="text/javascript"></script></code></pre><ul><li><b>Simpan</b> dan lihat hasilnya.</li>
</ul><br />
Semoga anda berhasil. Amin Allahumma Amin. <br />
<br />
<div style="color: #999999; text-align: right;"><span style="font-size: x-small;"><i>source : <a href="http://hompimpaalaihumgambreng.blogspot.com/" style="color: #999999;" target="_blank">hompimpa</a></i></span></div>Anonymoushttp://www.blogger.com/profile/04441407757249759124noreply@blogger.com10tag:blogger.com,1999:blog-2969472242804787317.post-5735344136264126212012-08-18T03:00:00.004+07:002013-05-22T23:22:11.453+07:00Auto Read More Tanpa JavaScript<i><b>Pemasangan read more</b></i> merupakan pemasangan sepenggal kalimat yang dituliskan dalam artikel blogger. Biasanya ini digunakan oleh pengguna <a href="http://www.blogger.com/" target="_blank">blogger</a> pada <a href="http://kang-fathur.blogspot.com/2011/12/menampilkan-dan-menyembunyikan-widget.html" target="_blank">home page</a> saja. Alasan kebanyakan dari mereka <i>adalah </i>memperingkas <a href="http://kang-fathur.blogspot.com/2011/12/menyembunyikan-widget-blog-hidden.html" target="_blank">home page</a> (halaman depan) blogger. Tak jarang dari kebanyakan tutorial yang sudah memberikan tips untuk pemasangan read more ini. Baik<i> read more </i>yang diganti oleh gambar ataupun <i>read more m</i>anual.<br />
<br />
Pada tutorial ini, murni menggunakan tag data default dari blogger. ini bisa memperingan pemasangan <b>read more dengan javascript</b>. Berikut <i>demo </i>yang bisa anda liat dari pemasangan read more otomatis tanpa javascript.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxxSd0tS44waSNCjS343Zu5eOZdZW57Y8PVOmZ58_8Fro0VWGIyjxbzbQ_qHqbzWOR1Y0c9tB5p7ALx17S2HtFFHRjWYc3_PAJ0cu3bF5snV0VGWzW02PSB7zrNY3nMn0VCZ8J98RvJ10/s1600/auto-readmore.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="207" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxxSd0tS44waSNCjS343Zu5eOZdZW57Y8PVOmZ58_8Fro0VWGIyjxbzbQ_qHqbzWOR1Y0c9tB5p7ALx17S2HtFFHRjWYc3_PAJ0cu3bF5snV0VGWzW02PSB7zrNY3nMn0VCZ8J98RvJ10/s320/auto-readmore.png" width="314" /></a></div><div class="button-grup"><a class="button demo" rel="nofollow" href="http://zona-maximum.blogspot.com/" target="_blank">Live Demo</a></div><h2>Cara membuatnya adalah :</h2><b>Edit HTML</b> <i>template</i> anda dan cari kode berikut <b><data:post.body/></b> dan ganti dengan kode dibawah ini :<br />
<pre class="numbered" title="Klik ganda untuk menyeleksi kode" data-codetype="HTML"><code class="xml"><b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:post.thumbnailUrl'>
<a expr:href='data:post.url'><img class='post-thumbnail' alt='thumbnail' expr:src='data:post.thumbnailUrl'/></a>
<b:else/>
<a expr:href='data:post.url'><img class='post-thumbnail' alt='thumbnail' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9Uabw5JQEYpkHvm1Raf5WlVDDt_CFl1siL2UTMgTutUXd4OGpqfzYDQDid140RarbGrB9Kth_Xtr4zPvLJur1-bzaD6dwMTlBArIfZGDf6amsk9N8VBJpXB0HyQTTGnB5sAP7DWKC5fI/s1600/no-image.png'/></a>
</b:if>
<div class='post-snippet'><data:post.snippet/></div>
<div class='rm-button-wrap'>
<a class='button' expr:href='data:post.url'>Baca Selengkapnya</a>
</div>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<data:post.body/>
</b:if>
</b:if></code></pre><br />
Jika template anda sudah menggunakan <b>auto readmore dengan javascript </b>silakan cari kode berikut :<br />
<pre class="numbered" title="Klik ganda untuk menyeleksi kode" data-codetype="HTML"><code class="xml"><div expr:id='&quot;summary&quot; + data:post.id'>
<data:post.body/>
</div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script></code></pre>dan ganti semua <i>kode diatas </i>sehingga menjadi seperti ini :<br />
<br />
<pre class="numbered" title="Klik ganda untuk menyeleksi kode" data-codetype="HTML"><code class="xml"><b:if cond='data:post.thumbnailUrl'>
<a expr:href='data:post.url'><img class='post-thumbnail' alt='thumbnail' expr:src='data:post.thumbnailUrl'/></a>
<b:else/>
<a expr:href='data:post.url'><img class='post-thumbnail' alt='thumbnail' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9Uabw5JQEYpkHvm1Raf5WlVDDt_CFl1siL2UTMgTutUXd4OGpqfzYDQDid140RarbGrB9Kth_Xtr4zPvLJur1-bzaD6dwMTlBArIfZGDf6amsk9N8VBJpXB0HyQTTGnB5sAP7DWKC5fI/s1600/no-image.png'/></a>
</b:if>
<div class='post-snippet'><data:post.snippet/></div> </code></pre><br />
<i>Langkah terakhir,</i> silakan modifikasi auto read more template anda dengan <i><b>sentuhan CSS </b></i>berikut yang biasanya diletakkan sebelum kode <b>]]></b:skin></b><br />
<br />
<pre class="numbered" title="Klik ganda untuk menyeleksi kode" data-codetype="CSS"><code class="CSS">.post-thumbnail {
width:72px;
height:72px;
float:left;
margin:0px 10px 0px 0px;
}</code></pre><div class="catatan">Angka <b>72px</b> merupakan tinggi dan lebar image/gambar yang ditampilkan pada readmore otomatis yang diterapkan.<br />
</div>Simpan Template anda dan lihat hasilnya.Anonymoushttp://www.blogger.com/profile/04441407757249759124noreply@blogger.com6tag:blogger.com,1999:blog-2969472242804787317.post-15505000805467518832012-07-28T03:00:00.003+07:002013-05-22T23:41:03.470+07:00Menampilkan Statistik Komentar dan PostingSebagai pelengkap widget anda, gak ada salahnya jika anda memasang<a href="http://kang-fathur.blogspot.com/2012/07/menampilkan-statistik-komentar-dan.html" target="_blank"> statistik jumlah komentar dan jumlah postingan dalam blog</a> kita. ini hanya ingin mengetahui seberapa besar <a href="http://kang-fathur.blogspot.com/2011/10/memanfaatkan-backlink-gratis-dengan.html" target="_blank">ketenaran blog</a> kita. Paling tidak bisa membuat kita lebih semangat untuk melakukan pembenahan-pembenahan terhadap blog kesayangan kita. Slah satu contohnya, blog<a href="http://kang-fathur.blogspot.com/" target="_blank"> Kang Fathur</a> ini memiliki <a href="http://kang-fathur.blogspot.com/2012/04/membuat-recent-comment-dengan-gambar.html" target="_blank">komentar</a> yang sedikit jika dibandingkan dengan postingan yaang diteritkan oleh <b>Kang Fathur</b>. Ini menunjukkan kalau blog saya tidak tenar setenar <b>Kang Rohman, Kang O-Om </b>dan lainnya.<br />
<br />
Untuk itu, sebagai blog pemula saya harus lebih bekerja agar blog ini melejit terbang.... hehhehe, <br />
<h4><i style="font-weight: normal;">Postingan yang diterbitkan oleh</i><span style="font-weight: normal;"> </span><b>Kang Fathur</b> <i style="font-weight: normal;">adalah : </i><span style="font-weight: normal;"> </span><script type="text/javascript">
function showpostcount(json) { document.write(parseInt(json.feed.openSearch$totalResults.$t,10)); }
</script><script src="/feeds/posts/default?alt=json-in-script&callback=showpostcount">
</script> <br />
<i style="font-weight: normal;">Komentar pada blog </i><b>Kang Fathur </b><i style="font-weight: normal;">adalah : </i> <b><script type="text/javascript">
function showpostcount(json) { document.write(parseInt(json.feed.openSearch$totalResults.$t,10)); }
</script><script src="/feeds/comments/default?alt=json-in-script&callback=showpostcount">
</script></b></h4><br />
Contoh diatas hanyalah sebuah statistik perkembangan blog <b>Kang Fathur.</b> Bagaimana dengan blog anda?<br />
<br />
Silakan pasang statistik berikut dalam blog anda untuk mengetahui sejauh mana traffick blog anda.<br />
<br />
<div class="widget-content"><div name="posted" style="float: left; height: 50px; margin-top: 5px; width: 160px;"><div name="img" style="background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_PnaHV4gMod7l8LROy5ALk2xoO3sT_5iKC70zu5VDA529Q3u4RXjWd4BGUc55RaU1FtfBXywjp54UaBeITG2Zw1WAqDv510RXkvOtxQeFxjQ7BMCD6skTYuqRjJ9tR9CC8leUSgxEFKo/s1600/posted.png") no-repeat scroll 0% 0% transparent; float: left; height: 46px; margin: 2px 5px 2px 2px; padding: 0pt; width: 46px;"></div><div name="contador" style="font-family: Arial,Helvetica,sans-serif; font-size: 13px; font-weight: bold; margin: 0pt; padding: 6px 0pt 0pt;"><script type="text/javascript">
function showpostcount(json) { document.write(parseInt(json.feed.openSearch$totalResults.$t,10)); }
</script><script src="/feeds/posts/default?alt=json-in-script&callback=showpostcount">
</script> Posted</div><div name="posting" style="font-family: Arial,Helvetica,sans-serif; font-size: 10px; margin: 5px 0pt 0pt; padding: 0pt;">posts published</div></div><div name="comments" style="float: left; height: 50px; margin-left: 10px; margin-top: 5px; width: 160px;"><div name="img" style="background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7jwziIvLNHCRIkyA3djjQ1Nf98PZL50YiYmkkA520g4BANqJFSjwbMByTi5PzJ6wHAppT5ZNg3EKnxbbe5CoQcIVoGAf7M9ycwdPW7WP0bqQUQ9G-UObQJvA412Zd5PmK2T5_XySQ9Ek/s1600/commented.png") no-repeat scroll 0% 0% transparent; float: left; height: 46px; margin: 2px 5px 2px 2px; padding: 0pt; width: 46px;"></div><div name="contador" style="font-family: arial,Helvetica,sans-serif; font-size: 13px; font-weight: bold; margin: 0pt; padding: 6px 0pt 0pt;"><script type="text/javascript">
function showpostcount(json) { document.write(parseInt(json.feed.openSearch$totalResults.$t,10)); }
</script><script src="/feeds/comments/default?alt=json-in-script&callback=showpostcount">
</script> Commented</div><div name="texto" style="font-family: Arial,Helvetica,sans-serif; font-size: 10px; margin: 5px 0pt 0pt; padding: 0pt;">Published comments</div></div></div><br />
<br />
<br />
<br />
<br />
<h2>Kodenya adalah :</h2><pre class="numbered" title="Klik ganda untuk menyeleksi kode" data-codetype="HTML"><code class="xml"><div class="widget-content">
<div name="posted" style="float: left; height: 50px; margin-top: 5px; width: 160px;">
<div name="img" style="background: url(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_PnaHV4gMod7l8LROy5ALk2xoO3sT_5iKC70zu5VDA529Q3u4RXjWd4BGUc55RaU1FtfBXywjp54UaBeITG2Zw1WAqDv510RXkvOtxQeFxjQ7BMCD6skTYuqRjJ9tR9CC8leUSgxEFKo/s1600/posted.png&quot;) no-repeat scroll 0% 0% transparent; float: left; height: 46px; margin: 2px 5px 2px 2px; padding: 0pt; width: 46px;"></div>
<div name="contador" style="font-family: Arial,Helvetica,sans-serif; font-size: 13px; font-weight: bold; margin: 0pt; padding: 6px 0pt 0pt;">
<script type="text/javascript">
function showpostcount(json) { document.write(parseInt(json.feed.openSearch$totalResults.$t,10)); }
</script>
<script src="/feeds/posts/default?alt=json-in-script&amp;callback=showpostcount"></script> Posted
</div>
<div name="posting" style="font-family: Arial,Helvetica,sans-serif; font-size: 10px; margin: 5px 0pt 0pt; padding: 0pt;">
posts published
</div>
</div>
<div name="comments" style="float: left; height: 50px; margin-left: 10px; margin-top: 5px; width: 160px;">
<div name="img" style="background: url(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7jwziIvLNHCRIkyA3djjQ1Nf98PZL50YiYmkkA520g4BANqJFSjwbMByTi5PzJ6wHAppT5ZNg3EKnxbbe5CoQcIVoGAf7M9ycwdPW7WP0bqQUQ9G-UObQJvA412Zd5PmK2T5_XySQ9Ek/s1600/commented.png&quot;) no-repeat scroll 0% 0% transparent; float: left; height: 46px; margin: 2px 5px 2px 2px; padding: 0pt; width: 46px;"></div>
<div name="contador" style="font-family: arial,Helvetica,sans-serif; font-size: 13px; font-weight: bold; margin: 0pt; padding: 6px 0pt 0pt;">
<script type="text/javascript">
function showpostcount(json) { document.write(parseInt(json.feed.openSearch$totalResults.$t,10)); }
</script>
<script src="/feeds/comments/default?alt=json-in-script&amp;callback=showpostcount"></script> Commented
</div>
<div name="texto" style="font-family: Arial,Helvetica,sans-serif; font-size: 10px; margin: 5px 0pt 0pt; padding: 0pt;">
Published comments
</div>
</div>
<span style="float: right; font-family: Arial,Helvetica,sans-serif; font-size: 12px; margin: 0pt; padding: 0pt;">
<small>
<script language="javascript" src="http://zonaku.googlecode.com/files/kf.js" type="text/javascript"></script>
</small>
</span>
</div></code></pre><br />
Semoga berguna bagi anda semua.Anonymoushttp://www.blogger.com/profile/04441407757249759124noreply@blogger.com0tag:blogger.com,1999:blog-2969472242804787317.post-62302278037139646722012-07-24T23:29:00.003+07:002013-05-29T07:46:33.287+07:00Membuat Halaman Arsip Blog (Daftar Isi)Masih ingat dengan pembuatan <a href="http://kang-fathur.blogspot.com/2012/05/membuat-daftar-isi-blog-dengan.html" target="_blank">Sitemap (Daftar Isi)</a>? saya kira semua pecinta <a href="http://www.blogger.com/" target="_blank">blogger</a> gak akan awam atas <a href="http://kang-fathur.blogspot.com/2011/12/cara-simple-membuat-sitemap-daftar-isi.html" target="_blank">daftar isi blog</a>. Lah, dalam tutorial kali ini <a href="http://kang-fathur.blogspot.com/" target="_blank">Kang Fathur </a>akan membagikan cara pembuatan <b>Halaman Arsip Blog</b> yang sama dengan <b>daftar isi</b>, hanya saja tampilannya yang sedikit variasi yang dilengkapi tanggal postingan, <a href="http://kang-fathur.blogspot.com/2012/06/penggabungan-label-blog-dengan-recent.html" target="_blank">kategori (label)</a> postingan serta dijamin tidak akan ada duplicate dalam postingan.<br />
<br />
<div class="button-grup"><a class="button demo" rel="nofollow" href="http://kang-fathur.blogspot.com/p/archive.html" target="_blank">Live Demo</a></div><br />
Selain itu, kelebihan Halaman Arsip pada Blog ini adalah kita bisa mengurutkan postingan (sort) baik dari <b>Alphabet huruf A</b> sampai<b> huruf Z</b> ataupun<i> sebaliknya.</i> Sort<b> pertanggal </b>dan sort berdasarkan <b>kategori </b>postingan. Penasaran ya?<br />
<br />
Dan penerapannyapun sangat mudah. Anda tinggal men-<b>copy paste </b>kode berikut pada halaman <i>postingan </i>atau <i>laman</i> dalam blog anda.<br />
<br />
<pre class="numbered" title="Klik ganda untuk menyeleksi kode" data-codetype="HTML"><code class="xml"><div id="bp_toc">Loading....</div>
<script src="http://zonaku.googlecode.com/files/archive.js" type="text/javascript"></script>
<script src="/feeds/posts/summary?alt=json-in-script&max-results=500&callback=loadtoc" type="text/javascript"></script></code></pre><br />
Sekian artikel singkat ini, semoga apa yang menjadi kebutuhan anda saat ini semuanya terjawab dalam blog ini. Selamat berkarya dan semoga berhasil.Anonymoushttp://www.blogger.com/profile/04441407757249759124noreply@blogger.com2tag:blogger.com,1999:blog-2969472242804787317.post-9990820557635807612012-07-14T01:18:00.008+07:002013-05-29T07:59:52.443+07:00Dapatkan Domain Gratis Dot Com Dari Intuit.Website<div style="text-align: center;"><img alt="Domain Gratis Dot Com Dari Intuit.Website" border="0" height="auto" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGD_0x6U0-6SJCeDaAd2Ot6j1o0Q6nFRriTqy0KGgzLJGR07IOFsoj7tYM-n_6rol9B1vuclGFf8sx-9R3ierhjkaQVIpuVsEcUtVLO4YbQrj0gqWtb1DCUZ96y4Vk_bJZzkXFwVX9-mE/s320/intuit.website.png" title="Domain Gratis Dot Com Dari Intuit.Website" width="auto" /></div><br />
Banyak kalangan <a href="http://www.blogger.com/" target="_blank">blogger</a> yang berpikiran untuk mendapatkan domain yang bersifat premium seperti domain <b>[dot]com</b>, <b>[dot]org</b>, <b>[dot]info</b> <i>ataupun</i> <b>[dot]name</b>. Akan tetapi kadang kita kendala dengan pembayaran bulanan yang mengikat. Ya, tenang dulu, pada artikel kecil dan sederhana ini <a href="http://kang-fathur.blogspot.com/">Kang Fathur</a> akan membagikan tentang cara untuk mendapatkan domain gartis dari <b>Intuit.Website</b><br />
<br />
<h2><b>Bisakah?</b></h2>jawabannya pasti <i>yes...</i> Untuk itu marilah ikuti secara seksama tetang artikel ini. Namun harus diingat, domain yang ditawarkan oleh Intuit.Website hanya berlaku selama <i>1 tahun</i> dan akan dikenakan biaya <b>$2USD </b>pada tahun berikutnya.<br />
<br />
Ya gak apa-apalah, paling gak kita pengguna <i>blogger</i> [<a href="http://www.blogger.com/">blogspot.com</a>] tahu bagaimana mempunyai domain yang premium walaupun hanya sebentar. Jika anda berminat untuk melanjutkan, ya lakukan transfer domain ke penyedia domain di Indonesia.<br />
<br />
Biar tidak terlalu panjang lebar pembahasannya, marilah kita langsung pada tutorial cara mendapat domain gratis dari <i>Intuit.Website</i><br />
<ol><li>Siapkan nama domain <b>[dot]com</b>, <b>[dot]org</b>, <b>[dot]info</b>, <b>[dot]name</b> bisa cek <a href="https://manage.pusatmedia.com/cart.php?a=add&domain=register" target="_blank">Disini</a></li>
<li>Daftar akun Intuit.Website <a href="https://websites.intuit.com/%7Esite/jws/gaboSignup.action?family_name=&gender&token=df4553fc14042a541de827fc9b6c983b&email_opt_in=True&STATE=NY&given_name&email&market=new-york&verified_email=True" target="_blank">Disini</a></li>
<li>Untuk ByPass klik <a href="http://intuit.mainbom.com/" target="_blank">Disini</a></li>
<li>Masukan <b>Email </b>dan <b>Domain</b></li>
<li>Masukan domain tanpa <b>www</b></li>
<li>Jangan centang Domain <b>Privasi</b> (akan kena biaya <b>$1USD</b>)</li>
<li>Centang <b>Saya Setuju</b></li>
<li>Submit</li>
</ol><br />
Tunggu sekitar 4 - 5 jam akun anda diapprove dan jika masih belum di setujui tanggu waktu estimasi maksimal skitar 24 jam. Lakukan pengecekan untuk login akunnya <a href="https://websites.intuit.com/%7Esite/Login/index.ffhtml" target="_blank">disini.</a><br />
<br />
Sebagai referensi anda kalau <a href="http://kang-fathur.blogspot.com/">Kang Fathur </a>berhasil membuat domain blogger [blogspot.com] pada URL<br />
<br />
<a href="http://www.karak-situbondo.blogspot/">http://www.karak-situbondo.blogspot/</a><br />
menjadi :<br />
<a href="http://www.karaks.info/">http://www.karaks.info/</a><br />
<br />
<h2>Warning...!!!!</h2><ul><li>Tidak diperbolehkan kita order domain melalui <b>Intuit.Website</b> lebih dari satu domain dalam satu akun, jika nantinya domain anda tidak mau kena suspend.</li>
<li>Tidak diperkenankan menjual domain yang anda dapatkan dari Intuit</li>
<li>Domain yang diperbolehkan hanya <b>[dot]com</b>, <b>[dot]org</b>, <b>[dot]info,</b><b>[dot]name</b></li>
<li>Pergunakanlah dengan bijak, at your own risk.</li>
</ul><br />
Semoga artikel ini bermanfaat bagi semuanya. Amin Allahumma Amin.<br />
<br />
<div class="catatan">dari banyaknya komentar yang mengungkapkan kalau pendaftran ini memerlukan input data pada billing informasi seperti yang ditanyakan <a href="http://kang-fathur.blogspot.com/2012/07/dapatkan-domain-gratis-dot-com-dari.html?showComment=1343203589885#c6534146703630629383" target="_blank">Fathur Rahman</a>, maka dari itu silakan masukan informasi dibaha ini yang diberikan oleh <a href="http://fashionur.com/" target="_blank">Fashinour</a><br />
<b>Name on card : </b><i>Isi Terserah Anda</i><br />
<b>Card Type :</b> <i>Visa</i><br />
<b>Number card :</b> <i>4067424205414109</i><br />
<b>Exp date : </b><i>02/13</i><br />
<b>Security code card : </b><i>145</i></div><br />
<h2>Update terbaru : Cara ini sudah tidak berlaku lagi</h2>Anonymoushttp://www.blogger.com/profile/04441407757249759124noreply@blogger.com6tag:blogger.com,1999:blog-2969472242804787317.post-74674523916162928042012-07-10T18:49:00.002+07:002013-05-29T08:24:38.594+07:00Template dan Java Script Toolbar Iframe (Live Demo - Download)Lama tidak buat tulisan membuat <a href="http://kang-fathur.blogspot.com/" target="_blank">Kang Fathur</a> kangen akan dunia <a href="http://kang-fathur.blogspot.com/search/label/Blogger" target="_blank">blogger</a>, ya meskipun banyak kalangan blogger paham tentang pembuatan <a href="http://kang-fathur.blogspot.com/search/label/Tips%20%27N%20Trik" target="_blank">tips dan trick</a>, <a href="http://kang-fathur.blogspot.com/search/label/Tutorial" target="_blank">tutorial</a>, serta <a href="http://kang-fathur.blogspot.com/search/label/Artikel" target="_blank">artikl-artikel</a> lainnya. Seperti yang Kang Fathur tulisankan kalin ini adalah pembahasan tentang cara membuat link demo yang hidup, artinya Toolbar Iframe Demo dan Download.<br />
<br />
Seperti yang diberikan berbagai penyedia download template baik template blogger, theme wordpress, drupal theme ataupun template-template lainnya dalam dunia internet. Coba anda lihat gambar dibawah, gambar ini menunjukkan link demo yang tidak menghapuskan blog aslinya. Artinya, penggabungan blog kita dengan blogger orang lain.<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2EsujW1JqKxdSI2XLa4yOGyjHycf-1m-742uvD_mMM0dv6ou-jOnwAFoTr2_8ZzxdNfcFhpQWGqmvcd8ZVjsO1iHhEo1Ja78jSss2gFAt5s1w_RvstuKFQYMaCKIUEL0pIhWcThOFSlg/s1600/toolbar_iframe.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="86" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2EsujW1JqKxdSI2XLa4yOGyjHycf-1m-742uvD_mMM0dv6ou-jOnwAFoTr2_8ZzxdNfcFhpQWGqmvcd8ZVjsO1iHhEo1Ja78jSss2gFAt5s1w_RvstuKFQYMaCKIUEL0pIhWcThOFSlg/s400/toolbar_iframe.png" width="400" /></a></div><br />
<br />
Ada dua cara untuk menerapkannya dalam blogger kita :<br />
<h2>Cara Pertama :</h2>Kita menggunakan template yang disediakan oleh <a href="http://kang-onk.blogspot.com/" target="_blank">KOD Tutor</a> dalam tulisannya<br />
<div class="button-grup"><a class="button demo" rel="nofollow" href="http://kod-iframe.blogspot.com/?url=klik-template.blogspot.com" target="_blank">Live Demo</a></div><br />
<b><i>Penerapannya </i></b>dalam blog kita seperti ini :<br />
http://<b><span style="color: red;">NAMABLOGKAMU</span></b>.blogspot.com/?url=<b><span style="color: blue;">NAMABLOG-DEMO</span></b>.blogspot.com<br />
<h2>Cara Kedua :</h2>Menerapkan java script dan kode CSS beserta pembuatan laman blog<br />
<div class="button-grup"><a class="button demo" rel="nofollow" href="http://klik-template.blogspot.com/p/demo.html?iframe=zona-magazine.blogspot.com" target="_blank">Live Demo</a></div><br />
<b><i>Penerapannya </i></b>sebagai berikut :<br />
http:// <b><span style="color: red;">NAMABLOGKAMU</span></b>/p/demo.html?iframe= <b><span style="color: blue;">NAMABLOG-DEMO</span></b>.blogspot.com/<br />
<br />
<div class="catatan">Masih bingung ya? Silakan kunjungi blog aslinya di <a href="http://kang-onk.blogspot.com/" target="_blank">KOD Tutor</a> tentang <a href="http://kang-onk.blogspot.com/2012/07/template-toolbar-iframe-for-you.html" target="_blank">Cara 1</a> dan <a href="http://kang-onk.blogspot.com/2012/07/membuat-live-demo-dengan-java-script.html" target="_blank">Cara 2</a>.</div><br />
Semoga bermanfaat ya? salam Blogger IndonesiaAnonymoushttp://www.blogger.com/profile/04441407757249759124noreply@blogger.com4tag:blogger.com,1999:blog-2969472242804787317.post-92026120361908673512012-06-13T01:07:00.001+07:002013-05-29T08:27:30.447+07:00BlackZone Template ClassicUrusan modifikasi bloggersetiap saat gak akan ada habisnya, apalgi pembuatan template blog yang kian hari kian ada inspirasi untuk membuatnya. Pada template <a href="http://kang-fathur.blogspot.com/2012/05/donwload-ebooks-gallery-template.html" target="_blank">Ebook Gallery</a> dan <a href="http://kang-fathur.blogspot.com/2012/05/zonamagz-template-berita-elegant.html" target="_blank">Magazine</a> juga pernah di bagikan gratis untuk anda, semoga apa yang pernah <a href="http://kang-fathur.blogspot.com/" target="_blank">Kang Fathur</a> tuliskan bermanfaat bagi anda semua. Template ini banyak referensi yang bisa dibuat untuk menjadi template seperti yang Kang Fathur bagikan. Template sederhana dengan <b><i>style classic </i></b>yang bisa digunakan untuk urusan news, berita kumpulan artikel dan lain sebagainya, tergantung dari anda untuk dipakai.<br />
<br />
<div style="text-align: center;"><img alt="BlackZone Template Classic" border="0" height="auto" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5ExJaNbDVYWZVRCZrRoNIqFpqEWpepkBEC41FBqk4K8E5zrFeIyZQwfBCDmfudi10wWGfAY_vCj-USNRRfH2AvAV2WVt6hEaL51X_iRvjF-SuQEcA7LJ42yYJk-qn_pLa83xUVwYYrrc/s1600/blackzone_template.png" title="BlackZone Template Classic" /></div><div class="button-grup"><a class="button demo" rel="nofollow" href="http://klik-template.blogspot.com/2012/06/blackzone-classic-style.html" target="_blank">LIVE | DOWNLOAD</a></div><h2>Install BlackZone Template Classic</h2><br />
<ol><li><a href="http://kang-fathur.blogspot.com/2012/03/membuat-label-thumbnails-pada-blog.html" target="_blank">Feature Pada Pendidikan</a></li>
<li><a href="http://kang-onk.blogspot.com/2011/08/memodifikasi-fan-box-facebook.html" target="_blank">Like Us</a></li>
<li><a href="http://kang-fathur.blogspot.com/2012/06/penggabungan-label-blog-dengan-recent.html" target="_blank">Terkini</a></li>
<li><a href="http://kang-fathur.blogspot.com/2012/04/membuat-recent-comment-dengan-gambar.html" target="_blank">Komentar</a></li>
<li><a href="http://kang-fathur.blogspot.com/2012/06/modifikasi-image-pada-blogger.html" target="_blank">About The Author</a></li>
<li><a href="http://kang-fathur.blogspot.com/2012/06/membuat-random-posts-pada-blog.html" target="_blank">Random Post</a></li>
</ol><br />
<br />
Semoga template ini gak mengurangi rasa anda terus berkunjung pada blog <a href="http://kang-fathur.blogspot.com/" target="_blank">Berbagi Untuk Semua</a> dalam dunia <a href="http://kang-fathur.blogspot.com/" target="_blank">Portal Infomasi Online</a>. Sampai jumpa lagi, bye.....!!!!Anonymoushttp://www.blogger.com/profile/04441407757249759124noreply@blogger.com0tag:blogger.com,1999:blog-2969472242804787317.post-26755274434215647362012-06-13T00:56:00.000+07:002013-05-30T09:32:24.665+07:00Membuat Random Posts pada BlogRandom posts merupakan salah satu <a href="http://kang-fathur.blogspot.com/search/label/Tips%20%27N%20Trik" target="_blank">trick</a> untuk blogger agar <a href="http://kang-fathur.blogspot.com/2011/09/apa-seo-itu.html" target="_blank">SEO Friendly</a>, sebab pengunjung akan bertanya-tanya saat melihat random posts. Paling gak membuat pengunjung blog ingin melihat apa yang telah diperlihatkan pada random posts tersebut.<br />
<br />
Jika anda ingin menaikkan pagerank blog anda adalah :<br />
<br />
<ol><li><a href="http://kang-fathur.blogspot.com/2011/11/memasang-related-post-pada-sidebar.html" target="_blank">Buat Related Posts pada blogger anda;</a></li>
<li><a href="http://kang-fathur.blogspot.com/2012/02/bagaimana-cara-mengetahui-jumlah.html" target="_blank">Perbanyak Backlink pada artikel (tulisan) anda;</a></li>
<li><a href="http://kang-fathur.blogspot.com/2012/02/tweet-facebook-dan-google-sebagai.html" target="_blank">Backlink blog anda pada social bookmark;</a></li>
<li><a href="http://kang-fathur.blogspot.com/2011/09/free-link-exchange-for-you.html" target="_blank">Sering bertukar link atau banner;</a></li>
<li><a href="http://kang-fathur.blogspot.com/2011/10/pasang-kode-html-pada-komentar-blog.html" target="_blank">Perbanyak komentar di blog dan situs (web) lain;</a></li>
<li><a href="http://kang-fathur.blogspot.com/2011/10/belajar-mengedit-blogger-agar-seo.html" target="_blank">Mengedit blog agar SEO Friendly</a></li>
<li>Pasang Random post pada widget blog.</li>
</ol><br />
Lah untuk melengkapi salah satu meningkatkan pagerank blog tersebut adalah membuat random post, dan script-nya berikut :<br />
<br />
<pre class="numbered" data-codetype="JavaScript" title="Klik ganda untuk menyeleksi kode"><code class="xml"><script type="text/javascript">
var randarray = new Array();var l=0;var flag;
var numofpost=5;function randomposts(json){
var total = parseInt(json.feed.openSearch$totalResults.$t,10);
for(i=0;i < numofpost;){flag=0;randarray.length=numofpost;l=Math.floor(Math.random()*total);for(j in randarray){if(l==randarray[j]){ flag=1;}}
if(flag==0&&l!=0){randarray[i++]=l;}}document.write('<ul>');
for(n in randarray){ var p=randarray[n];var entry=json.feed.entry[p-1];
for(k=0; k < entry.link.length; k++){if(entry.link[k].rel=='alternate'){var item = "<li>" + "<a href=" + entry.link[k].href + ">" + entry.title.$t + "</a> </li>";
document.write(item);}}
}document.write('</ul>');}
</script>
<script src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts" type="text/javascript"></script></code></pre><br />
Selamat mencoba dan semoga blog anda lebih maju. Amin Allahumma AminAnonymoushttp://www.blogger.com/profile/04441407757249759124noreply@blogger.com10tag:blogger.com,1999:blog-2969472242804787317.post-88160918223710560042012-06-13T00:37:00.000+07:002013-05-30T10:34:33.608+07:00Penggabungan Label Blog dengan Recent PostsPada tutorial kali ini beda dengan <a href="http://kang-fathur.blogspot.com/search/label/Tutorial" target="_blank">tutorial-tutorial</a> lainnya yang di buat oleh <a href="http://kang-fathur.blogspot.com/">Kang Fathur.</a> Mengapa? Artikel blogger ini penggabungan dari Label Blog dengan<a href="http://kang-fathur.blogspot.com/2011/10/membuat-recent-post-pada-blogger-dengan.html" target="_blank"> Recent Posts</a>. <a href="http://kang-fathur.blogspot.com/2012/03/membuat-label-thumbnails-pada-blog.html" target="_blank">Label blog</a> yang dibuat dengan menu <a href="http://kang-fathur.blogspot.com/2012/03/membuat-link-friends-dengan-dropdown.html" target="_blank">dropdown</a> dengan sedikit penerapan kode CSS yang dimodifikasi. Anda bisa langsung melihatnya untuk memastikan penerapan tutorial ini berhasil atau gak.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGVs65oNnGveHEc6Ij2oNN_3ZSpH5xiQb32iWz2BgDhElT3WYkk983_ZH_eQeuQZ2o44jI0RUW0LKPbNCNrC1Z0YTcT2qFz7h85oFdgrvMkfdr11t0GAN3Xv422aVniNma4DzyI-JIT2Y/s1600/Recent+Posts+Vs+Label.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGVs65oNnGveHEc6Ij2oNN_3ZSpH5xiQb32iWz2BgDhElT3WYkk983_ZH_eQeuQZ2o44jI0RUW0LKPbNCNrC1Z0YTcT2qFz7h85oFdgrvMkfdr11t0GAN3Xv422aVniNma4DzyI-JIT2Y/s1600/Recent+Posts+Vs+Label.png" /></a></div><br />
<div class="button-grup"><a class="button demo" rel="nofollow" href="http://blackzon.blogspot.com/" target="_blank">LIVE DEMO</a></div><br />
Cara untuk membuatnya, anda langsung memilih tambahkan gadget (widget) pada blog serta pilih HTML/JavaScript.<br />
<br />
<pre class="numbered" data-codetype="JavaScript" title="Klik ganda untuk menyeleksi kode"><code class="xml"><div style="background:#F2F2F2;overflow:auto;width:100%px;<span class="underline">height:280px;</span> padding:10px; border:1px solid #ccc">
<span id="pio_labels"></span>
<div id="pio_tulisan"> Recent Posts </div>
<script type="text/javascript">
var maximum_account = 10;
var scripsi = true;
var scripsi_account = 100;
</script>
<script type='text/javascript'>
var num = maximum_account;
var wsumm = scripsi;
var summlen = scripsi_account;
var json; var labels;
function entryHasLabel(entry, label){
if(label == "*"){return true;} // always true if label is "*"
var labels = getPostLabels(entry);
return isExists(labels, label);
}
function getAllLabels(json){
var labels = [];
var entries = json.feed.entry;
for(var i=0; i<entries.length; i++){
var entry = entries[i];
var categories = entry.category;
if(!categories){continue;}
for(var j=0; j<categories.length; j++){
var category = categories[j];
var label = category.term;
if(!isExists(labels, label)){labels.push(label);}
}
}
labels.sort();
return labels;
}
function getContent(entry){
if(!wsumm){return "";}
var content = entry.content ? entry.content.$t : entry.summary.$t;
content = stripHTML(content);
if(content.length <= summlen){return content;}
content = content.substr(0, summlen);
if(content.charAt(content.length-1) != " "){content = content.substr(0, content.lastIndexOf(" ")+1);}
content += "...";
return content;
}
function getPermalink(entry){
var links = entry.link;
if(!links){return null;}
for(var i=0; i<links.length; i++){
var link = links[i];
if(link.rel == "alternate"){return link.href;}
}
return null;
}
function getPostLabels(entry){
var labels = [];
var categories = entry.category;
if(!categories){return labels;}
for(var i=0; i<categories.length; i++){
labels.push(categories[i].term);
}
return labels;
}
function getRecentPosts(json, label){
// this widget is made by copycat91 in his blog
var posts = [];
var entries = json.feed.entry;
var i = 0;
while(posts.length < num){
if(i == entries.length){break;}
var entry = entries[i];
if(entryHasLabel(entry, label)){
var title = entry.title.$t;
var href = getPermalink(entry);
var content = getContent(entry);
var post = {"title" : title, "href" : href, "content" : content};
posts.push(post);
}
i++;
}
return posts;
}
function isExists(array, val){
for(var i=0; i<array.length; i++){
if(array[i] == val){return true;}
}
return false;
}
function onLoadFeed(json_arg){
json = json_arg;
labels = getAllLabels(json);
showLabels(labels);
showLabeledPosts("*");
}
function showLabeledPosts(label){
// set label == "*" if you want to show all posts
posts = getRecentPosts(json, label);
showPosts(posts);
}
function showLabels(labels){
var s = "";
s += "<select onchange='showLabeledPosts(this.value)'>";
s += "<option value='*'/>Semua Labels";
for(var i=0; i<labels.length; i++){
var label = labels[i];
s += "<option value='"+label+"'/>" + label;
}
s += "</select>";
document.getElementById("pio_labels").innerHTML = s;
}
function showPosts(posts){
var s = "";
if(!wsumm){s += "<ul>";}
for(var i=0; i<posts.length; i++){
var post = posts[i];
if(wsumm){
s += "<p>";
s += "<b><a href='"+post.href+"'>" + post.title + "</a></b> <br/>";
s += post.content;
s += "<br/><a href='"+post.href+"'> continue&gt;&gt; </a>";
s += "</p>";
} else {
s += "<li><a href='"+post.href+"'>" + post.title + "</a></li>";
}
}
if(!wsumm){s += "</ul>";}
document.getElementById("pio_tulisan").innerHTML = s;
}
function stripHTML(s) {
var c;
var intag = false; var newstr = "";
for(var i=0; i<s.length; i++){
c = s.charAt(i);
if(c=="<"){intag = true;}
else if(c==">"){intag = false;}
if(c == ">"){newstr += " ";}
else if(!intag){newstr += c;}
}
return newstr;
}
</script>
<script src="<span class="underline">http://kang-fathur.blogspot.com</span>/feeds/posts/default?alt=json-in-script&callback=onLoadFeed"></script></code></pre></div><br />
<br />
<div class="catatan">Catatan :<br />
<br />
Ganti tulisan yang bergaris bawah<br />
<ol><li><span class="underline">height:280px;</span> sesuai dengan keinginan anda</li>
<li><span class="underline">http://kang-fathur.blogspot.com</span> dengan URL Blog anda.</li>
</ol></div><br />
<h2>Bagaimana menurut anda?</h2>Jika anda tidak keberatan silakan like <a href="http://www.facebook.com/pages/Zona-Online/113506822070307" target="_blank">Facebook</a>, <a href="https://twitter.com/#!/KangOnk" target="_blank">Tweet on Twitter</a>, follow my blogger dan klik<a href="https://plus.google.com/113509459482653853226" target="_blank"> Google +</a><br />
<br />
Terima kasih dan semoga ini bermanfaat bagi anda semuanya. Salam bloggerAnonymoushttp://www.blogger.com/profile/04441407757249759124noreply@blogger.com0tag:blogger.com,1999:blog-2969472242804787317.post-38461114111052333642012-06-12T23:28:00.002+07:002013-05-30T10:33:50.739+07:00Modifikasi Image pada BloggerSebenarnya cara ini sudah banyak di share-kan temen-temen blogger, apalagi The Master blog udah paham cara ini. Ya, dari pada gak posting sama sekali di bulan ini mending nulis wal;au hanya sekedar artikel biasa. Pernah tulisan yang dulu membuat <a href="http://kang-fathur.blogspot.com/2012/04/membuat-recent-comment-dengan-gambar.html" target="_blank">Recent Comment dengan Image (Thumbnails)</a>, kali ini saya mencoba untuk membagikan cara memodifikasi gambar dengan CSS.<br />
<br />
Pada contoh kali ini saya memainkan kode CSS untuk memodifikasi profil pada blog ini (posisi disebelah bawah)<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqbA75nCI01KBSY-qPLmqXX4MA5shfE8TZZbd7c3tqimiY1TazwMYLUSBs90rrudlbcoRmP89uq4leRlOB1b6pgVt2TfKNbwMqp0jbHR_H4bLAu05971Hsstym4Lkf_JNMvlodWp8wuTE/s400/image_profil.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqbA75nCI01KBSY-qPLmqXX4MA5shfE8TZZbd7c3tqimiY1TazwMYLUSBs90rrudlbcoRmP89uq4leRlOB1b6pgVt2TfKNbwMqp0jbHR_H4bLAu05971Hsstym4Lkf_JNMvlodWp8wuTE/s400/image_profil.png" /></a></div><br />
untuk membuatnya langsung terapkan kode berikut pada gadget anda :<br />
<br />
<pre class="numbered" data-codetype="JavaScript" title="Klik ganda untuk menyeleksi kode"><code class="xml"><style type='text/css'>
#aboutme {
border:2px solid #888;
margin:2px 5px 0 0;
padding:2px;
}
#aboutme:hover {
border:2px solid #ccc;
cursor:pointer;
}
.opacity {
opacity:0.5;
margin-left:50px;
-moz-transition:all 0.5s ease-out;
-o-transition:all 0.5s ease-out;
-webkit-transition:all 0.5s ease-out;
-ms-transition:all 0.5s ease-out;
transition:all 0.5s ease-out;
-moz-transform:rotate(7deg);
-o-transform:rotate(7deg);
-webkit-transform:rotate(7deg);
-ms-transform:rotate(7deg);
transform:rotate(7deg);
filter:progid:DXImageTransform.Microsoft.Matrix( M11=0.9961946980917455,M12=-0.08715574274765817,M21=0.08715574274765817,M22=0.9961946980917455,sizingMethod='auto expand');
zoom:1;
}
.opacity:hover {
opacity:1;
margin-left:0;
-moz-transform:rotate(0deg);
-o-transform:rotate(0deg);
-webkit-transform:rotate(0deg);
-ms-transform:rotate(0deg);
transform:rotate(0deg);
filter:progid:DXImageTransform.Microsoft.Matrix( M11=1,M12=0,M21=0,M22=1,sizingMethod='auto expand');
zoom:1;
-moz-box-shadow:1px 1px 4px #000;
-webkit-box-shadow:1px 1px 4px #000;
box-shadow:1px 1px 4px #000;
}
</style>
<img class="opacity" id="aboutme" src="URL IMAGE" align="left"/>
------------Tulisan anda------------</code></pre><img class="opacity" id="aboutme" src="<b>URL IMAGE</b>" align="left"/><br />
<b>------------Tulisan anda------------</b></blockquote><br />
Semoga artikel yang sedikit ini dapat membantu dan bermanfaat bagi anda.Anonymoushttp://www.blogger.com/profile/04441407757249759124noreply@blogger.com0tag:blogger.com,1999:blog-2969472242804787317.post-54788642831822704692012-05-25T21:01:00.002+07:002013-05-30T10:46:57.485+07:00Membuat Tombol Demo (Download) dengan ImageTidak perlu panjang lebar tentang cara menerapkan link demo dan donwload dalam blog anda. Sepeti yang saya posting pada <a href="http://kang-fathur.blogspot.com/search/label/Tutorial" target="_blank">tutorial</a> sebelumnya tentang<a href="http://kang-fathur.blogspot.com/2012/04/membuat-tombol-demo-download-dengan-css.html" target="_blank"> Membuat Tombol Demo (Download) dengan CSS</a>, cara dan penerapannya sama. Untuk itu lebih baik pengunjung menhunjungi dulu artikel <a href="http://kang-fathur.blogspot.com/2012/04/membuat-tombol-demo-download-dengan-css.html" target="_blank">disini.</a><br />
<br />
ada dua macam cara dalam <a href="http://kang-fathur.blogspot.com/2012/05/membuat-tombol-demo-download-dengan.html" target="_blank">menerapkan gambar (<i>image</i>) untuk dijadikan link</a> dalam blogging yang <a href="http://kang-fathur.blogspot.com/" target="_blank">Kang Fathur</a> berikan dalam kesempatan kali ini.<br />
<h2>Tombol link dengan satu gambar</h2><br />
Seperti yang <a href="http://kang-fathur.blogspot.com/" target="_blank">Kang Fathur </a>terapkan dalam blog ini yang berkaitan dengan <a href="http://kang-fathur.blogspot.com/search/label/Software" target="_blank">Software,</a> <a href="http://kang-fathur.blogspot.com/search/label/Photoshop" target="_blank">Photoshop</a>, <a href="http://kang-fathur.blogspot.com/search/label/CorelDRAW" target="_blank">CorelDRAW</a> menggunkan tombol image hanya dengan 1 gambar. Contohnya sebagai berikut :<br />
<br />
<br />
<div style="background: none repeat scroll 0% 0% rgb(232, 232, 232); border-color: rgb(221, 221, 221) rgb(102, 102, 102) rgb(102, 102, 102) rgb(221, 221, 221); border-style: solid; border-width: 1px; height: auto; overflow: auto; padding: 2px; text-align: center; width: auto;">Bagi anda yang ingin mempunyai <b>LINK DEMO dan DOWNLOAD</b>, seperti dibawah ini<br />
<a href="http://kang-fathur.blogspot.com/search/label/Template" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="31" src="http://2.bp.blogspot.com/-OuXbxarD6WA/TsEKdgVoRqI/AAAAAAAAAe4/JTewiBT0GW8/s320/download-free.png" width="223" /></a></div><br />
<b>Kodenyanya</b><i> adalah :</i><br />
<pre class="numbered" data-codetype="HTML" title="Klik ganda untuk menyeleksi kode"><code class="xml"><div style="background: none repeat scroll 0% 0% rgb(232, 232, 232); border-color: rgb(221, 221, 221) rgb(102, 102, 102) rgb(102, 102, 102) rgb(221, 221, 221); border-style: solid; border-width: 1px; height: auto; overflow: auto; padding: 2px; text-align: center; width: auto;">
======= KATA ATAU KALIMAT ====================
<a href="URL TUJUAN LINK" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="31" src="URL GAMBAR *IMAGE) YANG DITERAPKAN" width="223" /></a>
</div> </code></pre><br />
<h2>Tombol dengan satu gambar untuk 2 link</h2>Seperti yang ditanyakan pengunjung bernama <a href="http://kang-fathur.blogspot.com/2012/04/membuat-tombol-demo-download-dengan-css.html?showComment=1337945073922#c4946939573812718510" target="_blank"><b>Beraaga Zerozeroseven</b></a> blog disini, maka Kang Fathur mencoba untuk menjawabnya<br />
<br />
<div class="button-grup"><a class="button demo" rel="nofollow" href="http://ftemplates4u.blogspot.com/2012/04/vectors.html" target="_blank">LIVE DEMO</a></div><br />
<h2>Code CSS</h2><pre class="numbered" data-codetype="CSS" title="Klik ganda untuk menyeleksi kode"><code class="xml">ul.tombolposting {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding-left:25px;
padding-top:0;
padding-bottom:30px;
}
ul.tombolposting li {
background:none 0 0 repeat scroll transparent;
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 5px 0 0;
padding:0;
}
.demo {
text-align:right;
overflow:hidden;
line-height:1.3em;
margin:30px 0 0 0;
}
a.demo1 {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEju08AsWxVmUb8gnCcEPpmHukC_j92QiLG2gy0MNcHNx71PxLIDj1RxRTXJ9d8FRCTPvbI9USJTk3DXRadbsGMI_Bb2GuOP8zzM_F1ooA4DRDDOhDzOKhljxbF6hBqUBCjh3lsyv1NcccE/s1600/dmdl.png) left bottom no-repeat scroll transparent;
display:block;
height:30px;
text-indent:-9999px;
width:228px;
}
a.demo1:hover {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEju08AsWxVmUb8gnCcEPpmHukC_j92QiLG2gy0MNcHNx71PxLIDj1RxRTXJ9d8FRCTPvbI9USJTk3DXRadbsGMI_Bb2GuOP8zzM_F1ooA4DRDDOhDzOKhljxbF6hBqUBCjh3lsyv1NcccE/s1600/dmdl.png) left top no-repeat scroll transparent;
}
a.download {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEju08AsWxVmUb8gnCcEPpmHukC_j92QiLG2gy0MNcHNx71PxLIDj1RxRTXJ9d8FRCTPvbI9USJTk3DXRadbsGMI_Bb2GuOP8zzM_F1ooA4DRDDOhDzOKhljxbF6hBqUBCjh3lsyv1NcccE/s1600/dmdl.png) right bottom no-repeat scroll transparent;
display:block;
height:30px;
text-indent:-9999px;
width:228px;
}
a.download:hover {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEju08AsWxVmUb8gnCcEPpmHukC_j92QiLG2gy0MNcHNx71PxLIDj1RxRTXJ9d8FRCTPvbI9USJTk3DXRadbsGMI_Bb2GuOP8zzM_F1ooA4DRDDOhDzOKhljxbF6hBqUBCjh3lsyv1NcccE/s1600/dmdl.png) right top no-repeat scroll transparent;
}</code></pre><br />
<h2>HTML</h2><pre class="numbered" data-codetype="HTML" title="Klik ganda untuk menyeleksi kode"><code class="xml"><ul class="tombolposting">
<li><a class="demo1" href="URL TUJUAN LINK" rel="nofollow" target="_blank" title="preview template">Preview</a></li>
<li><a class="download" href="URL TUJUAN LINK" rel="nofollow" target="_blank" title="download template">Download Theme</a></li>
</ul></code></pre><br />
Semoga berhasi dan bermanfaat. AminAnonymousnoreply@blogger.com0tag:blogger.com,1999:blog-2969472242804787317.post-89050572556159866632012-05-21T00:43:00.001+07:002013-05-30T16:56:19.512+07:00Mengganti Background di Setiap PostinganKadang hal mudah dalam kehidupan tidak pernah terpecahkan solusinya. ya, itulah manusia...!!!<br />
Seperti pada hal artikel berikut, sebenarnya ini sangatlah mudah untuk anda terapkan dalam dunia blogging akan tetapi kita gak pernah mau mencoba dan berusaha walau kadang penerapannya kita salah. Ya, inilah resiko....!!! hehehhehhe,<br />
<br />
Untuk itu, bagi anda yang gak mau beresiko akan hal tersebut marilah kita amati tulisan sedikit ini tapi sangat bermanfaat bagi kita. Gambar yang anda terapkan untuk mengganti latar belakang (background) postingan blog agak sedikit transparant, tujuannya biar gak menggantu pada tulisan blog yang kita share-kan. Serta disesuaikan pada label yang diposting. Sebab ini dapat menjawab apa yang dituliskan pada blog tersebut.<br />
<br />
<div class="button-grup"><a class="button demo" rel="nofollow" href="http://klik-template.blogspot.com/2012/05/zonmagz.html" target="_blank">LIVE DEMO</a></div><br />
<h2>Langkahnya</h2>Seperti biasa pada saat anda melakukan postingan blog, jangan lupa pilih <b>Edit HTML</b> bukan <b>Compose,</b> lalu tambahkan kode dibawah ini pada akhir tulisan anda.<br />
<pre class="numbered" data-codetype="CSS" title="Klik ganda untuk menyeleksi kode"><code class="xml"><style type='text/css'>
.post-body {
background:url(<span class="underline">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhClRpQHJG1MbkmHNyEeiwnlBx7rWTzM5xdSsj8P_fjzg5eeXd7XtWQPCSSzI2Z0IB3h6l44P2nOSIVj5SooIPGPm50BLYNQoKX351XPhU-Qxss9CVSr1BdbDhA4_D_t-OGAUhnRzrloN4/s1600/blogger_bg.png</span>) no-repeat <span class="underline">left bottom</span>;
}
</style></code></pre><div class="catatan"><b>Catatan</b> dari kode yang bergaris bawah diatas :<br />
<ol><li><span class="underline">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhClRpQHJG1MbkmHNyEeiwnlBx7rWTzM5xdSsj8P_fjzg5eeXd7XtWQPCSSzI2Z0IB3h6l44P2nOSIVj5SooIPGPm50BLYNQoKX351XPhU-Qxss9CVSr1BdbDhA4_D_t-OGAUhnRzrloN4/s1600/blogger_bg.png</span> merupakan gambar atau background yang terpasang pada postingan blog anda.</li>
<li><span class="underline">left bottom</span> merupakan posisi background yang bisa dikreasikan sesuai kesukaan anda.</li>
</ol></div>Anonymousnoreply@blogger.com0tag:blogger.com,1999:blog-2969472242804787317.post-56176330033149318472012-05-20T21:39:00.010+07:002013-05-30T16:54:32.704+07:00ZonaMagz Template Berita ElegantSeperti yang Kang Fathur bagikan sebelumnya, kali in gak kalah menarik dengan template-template magazine yang ada. Sebab banyak fitur yang ditampilkan dalam template yang saya beri nama ZonaMagz Template.<br />
<br />
Mungkin template ini bisa bermanfaat dan menjadikan anda pengunjung setia blog Portal Informasi Online ini puas alias gak bosen. Template magazine ini dilengkapi dengan fitur, slider otomatis berdasarkan label yang diingikan, label image yang dapat menarik pengunjung, <br />
<br />
<div style="text-align: center;"><img alt="ZonaMagz Template Berita Elegant" border="0" height="auto" src="http://3.bp.blogspot.com/--i54AneMLXY/T7gMUwG9J8I/AAAAAAAAAIY/3xYSBKH7ttg/s1600/ZonaMagz_template.png" title="ZonaMagz Template Berita Elegant" /></div><div class="button-grup"><a class="button demo" rel="nofollow" href="http://klik-template.blogspot.com/2012/05/zonmagz.htm" target="_blank">LIVE | DOWNLOAD</a></div><h2>Instalasi Widget</h2><ul><li><b>Slider Header</b></li>
</ul><pre class="numbered" data-codetype="JavaScript" title="Klik ganda untuk menyeleksi kode"><code class="xml"><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script type='text/javascript'>
function rpthumbnt(json)
{
document.write('<ul class="rp_plus_img">');
for(var i=0;
i<numposts;
i++)
{
var entry=json.feed.entry[i];
var posttitle=entry.title.$t;
var posturl;
if(i==json.feed.entry.length)break;
for(var k=0;
k<entry.link.length;
k++)
{
if(entry.link[k].rel=='alternate')
{
posturl=entry.link[k].href;
break
}
}
var thumburl;
try
{
thumburl=entry.media$thumbnail.url
}
catch(error)
{
s=entry.content.$t;
a=s.indexOf("<img");
b=s.indexOf("src=\"",a);
c=s.indexOf("\"",b+5);
d=s.substr(b+5,c-b-5);
if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!=""))
{
thumburl=d
}
else thumburl='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9fgfGSL1T5EpCeBUDSGF80dThhFug02HXG0hkMPdXYN5ng-mQQ-UWkyKXCFku7IhJ-IB-8GSbo4n0EaHI0lInH1234M46w-rRTC0LC4UCMbhxuAI4UlNiHdJ0IRUEI3EMEa8FTG0f_69e/d/noimagethumb.gif'
}
document.write('<li class="news-title clearfix">');
document.write('<a href="'+posturl+'" target="_blank"><img src="'+thumburl+'"/></a>');
document.write('<a href="'+posturl+'" target ="_top">'+posttitle+'</a><br>');
if("content"in entry)
{
var postcontent=entry.content.$t
}
else if("summary"in entry)
{
var postcontent=entry.summary.$t
}
else var postcontent="";
var re=/<\S[^>]*>/g;
postcontent=postcontent.replace(re,"");
if(postcontent.length<numchars)
{
document.write('<span class="news-text">');
document.write(postcontent);
document.write('</span>')
}
else
{
document.write('<span class="news-text">');
postcontent=postcontent.substring(0,numchars);
var quoteEnd=postcontent.lastIndexOf(" ");
postcontent=postcontent.substring(0,quoteEnd);
document.write(postcontent+'...');
document.write('</span>')
}
document.write('</li>')
}
document.write('</ul>')
}
function rpnewsticker()
{
last=$('ul#rp_plus_img li:last').hide().remove();
$('ul#rp_plus_img').prepend(last);
$('ul#rp_plus_img li:first').slideDown("slow")
}
</script>
<script type="text/javascript">
var speed = 1000;
var pause = 3500;
$(document).ready(function(){
rpnewsticker();
interval = setInterval(rpnewsticker, pause);
});
</script>
<ul id="rp_plus_img"><script>
var numposts = 10;
var numchars = 100;
</script> <script src="/feeds/posts/default/-/<span class="underline">Technology</span>?orderby=published&amp;alt=json-in-script&amp;callback=rpthumbnt"></script>
</ul></code></pre><div class="catatan">Ganti kode bergaris bawah <span class="underline">Technology</span> dengan label anda</div><ul><li><b>Slider Post</b></li>
</ul><pre class="numbered" data-codetype="JavaScript" title="Klik ganda untuk menyeleksi kode"><code class="xml">numposts1 = 5;
label1 = "Social Media";</code></pre>Pada edit HTML cari kode diatas dan ganti <b>Social Media </b>dengan label anda<br />
<ul><li><b>Game News</b></li>
</ul><pre class="numbered" data-codetype="JavaScript" title="Klik ganda untuk menyeleksi kode"><code class="xml"><script type='text/javascript'>
var numposts = 3;var showpostthumbnails = true;
var displaymore = false;var displayseparator = false;
var showcommentnum = false;var showpostdate = false;
var showpostsummary = true;var numchars = 70;
</script>
<script type="text/javascript" src="/feeds/posts/default/-/<span class="underline">Game</span>?orderby=updated&alt=json-in-script&callback=labelthumbs"></script></code></pre><div class="catatan">Ganti kode bergaris bawah <span class="underline">Game</span> dengan label anda</div><ul><li><b>Zona Design</b></li>
</ul><pre class="numbered" data-codetype="JavaScript" title="Klik ganda untuk menyeleksi kode"><code class="xml"><script language="JavaScript" src="http://feeds.feedburner.com/<span class="underline">KangOnkDesign</span>?format=sigpro&nItems=12&format=openLinks=new
&displayDate=true&displayExcerpts=true&displayTitle=false&excerptLength=25&dateLocation=below" type="text/javascript"></script></code></pre><div class="catatan">Ganti kode bergaris bawah <span class="underline">KangOnkDesign</span> dengan nama FeedBurner anda</div><ul><li><b>Entertainment News</b> dan <b>Sport News</b></li>
</ul><pre class="numbered" data-codetype="JavaScript" title="Klik ganda untuk menyeleksi kode"><code class="xml"><script type='text/javascript'>
var numposts = 1;var showpostthumbnails = true;
var displaymore = false;var displayseparator = false;
var showcommentnum = false;var showpostdate = false;
var showpostsummary = true;var numchars = 60;
</script>
<script type="text/javascript" src="/feeds/posts/default/-/Entertainment?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>
<script type="text/javascript">
function recentpostslist(json) {
document.write('<ul>');
for (var i = 0; i < json.feed.entry.length; i++)
{
for (var j = 0; j < json.feed.entry[i].link.length; j++) {
if (json.feed.entry[i].link[j].rel == 'alternate') {
break;
}
}
var entryUrl = "'" + json.feed.entry[i].link[j].href + "'";//bs
var entryTitle = json.feed.entry[i].title.$t;
var item = "<li>" + "<a href="+ entryUrl + '" target="_blank">' + entryTitle + "</a> </li>";
document.write(item);
}
document.write('</ul>');
}
</script>
<script src="http://zonamagz.blogspot.com/feeds/posts/summary/-/<span class="underline">Entertainment</span>?max-results=8&alt=json-in-script&callback=recentpostslist"></script>
<a href="http://zonamagz.blogspot.com/search/label/<span class="underline">Entertainment</span>" style="float:right;font:normal 10px Arial;padding:5px 0;">More Article &#187;</a></code></pre><div class="catatan">Ganti kode bergaris bawah <span class="underline">Entertainment</span> dengan label anda</div><ul><li><b>Feedburner Feature</b></li>
</ul><blockquote class="tr_bq">Silkan kunjungi postingan <span style="font-size: large;"><a href="http://kang-fathur.blogspot.com/2011/10/membuat-subscription-form-wordpress.html" target="_blank">disini </a></span>untuk membuat gadget seperti wordpress</blockquote><ul><li><b>Ads Sidebar</b></li>
</ul><pre class="numbered" data-codetype="HTML" title="Klik ganda untuk menyeleksi kode"><code class="xml"><a href="#"><img src="http://s3.buysellads.com/1261376/106032-1336544849.gif"/></a><br />
<a href="#"><img style="float:left; margin:5px 0px 0px 15px;" border="0" src="http://s3.buysellads.com/1253581/64466-1308069194.gif" /></a>
<a href="#"><img style="float:right; margin:5px 15px 0px 0px;" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVuWWKn8xC3V_s3GBxjymF4BgtqoRm6ylDQhniscc8TqMT-l7TSl6sUXQzVtZH5yFRoA6dmhyphenhyphenkdnCK5q6FJcDUzvVHCXvfk3uXbVeTX8w0vDrqTaKMhKcGs-5dbt4D9bppAhKFSm59_M24/s1600/ad2.jpg" /></a>
<a href="#"><img style="float:left; margin:10px 0px 5px 15px;" border="0" src="http://s3.buysellads.com/1260709/71777-1312827947.jpg" /></a>
<a href="#"><img style="float:right; margin:10px 15px 5px 0px;" border="0" src="http://www.jauhari.net/engine/wp-content/uploads/2011/02/125-here.png" /></a>
<a href="#"><img style="float:left; margin:10px 0px 5px 15px;" border="0" src="http://www.jauhari.net/engine/wp-content/uploads/2011/02/125-here.png" /></a>
<a href="#"><img style="float:right; margin:10px 15px 5px 0px;" border="0" src="http://www.jauhari.net/engine/wp-content/uploads/2011/02/125-here.png" /></a></code></pre><div class="catatan">Ganti <b>URL</b> dan<b> IMGAE </b>diatas sesuai dengan keinginan kamu.</div><br />
<ul><li><b>Random Post Feature</b></li>
</ul><pre class="numbered" data-codetype="JavaScript" title="Klik ganda untuk menyeleksi kode"><code class="xml"><script type="text/javascript">
var randarray = new Array();var l=0;var flag;
var numofpost=8;function randomposts(json){
var total = parseInt(json.feed.openSearch$totalResults.$t,10);
for(i=0;i < numofpost;){flag=0;randarray.length=numofpost;l=Math.floor(Math.random()*total);for(j in randarray){if(l==randarray[j]){ flag=1;}}
if(flag==0&&l!=0){randarray[i++]=l;}}document.write('<ul>');
for(n in randarray){ var p=randarray[n];var entry=json.feed.entry[p-1];
for(k=0; k < entry.link.length; k++){if(entry.link[k].rel=='alternate'){var item = "<li>" + "<a href=" + entry.link[k].href + ">" + entry.title.$t + "</a> </li>";
document.write(item);}}
}document.write('</ul>');}
</script>
<script src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts" type="text/javascript"></script></code></pre><br />
<h2><blink>Pesan PIO</blink></h2>Mohon jangan dihilangkan atau diganti kredit link yang ada di bagian bawah template, terima kasihAnonymousnoreply@blogger.com1tag:blogger.com,1999:blog-2969472242804787317.post-88614487034498370002012-05-09T01:35:00.000+07:002013-05-30T16:59:13.908+07:00Membuat Daftar Isi Blog Dengan ThumbnailsBisakah membuat datar isi atau sitemap yang diterapkan dalam blog kita menggunakan thumbnail alias gambar yang ada pada postingan. Seperti yang Kang Fathur bagikan tentang cara pembuatan daftar isi blog sudah jelas bermanfaat bagi pengguna blogger. Akan tetapi sitemap kali ini akan dibagikan oleh Kang Fathur mudah sekali seperti membalikkan tangan kita.<br />
<br />
Biar gak terlalu lebar dan keluar dari topik pembahasan, sebab cara ini memang sederha tapi menarik. Menarik ubtuk diterapkan, diliat oleh pengunjung. Bahkan sitemap ini juga dilengkapi oleh animasi yang setelah didekati mouse thumbnail tersebut secara otomatis akan berputar.<br />
<div class="button-grup"><a class="button demo" rel="nofollow" href="http://klik-template.blogspot.com/view/flipcard" target="_blank">LIVE DEMO</a></div><br />
Hehehehe.... gimana bagus bukan?<br />
Hanya anda menerapkan atau menambahkan <b>view/flipcard</b> setelah URL blog anda.<br />
<br />
<pre class="numbered" data-codetype="HTML" title="Klik ganda untuk menyeleksi kode"><code class="xml"><i><b>http://klik-template.blogspot.com/view/flipcard</b></i></code></pre><br />
semoga bermanfaat ya gan,,,,,.... Amin Allahumma AminAnonymousnoreply@blogger.com0tag:blogger.com,1999:blog-2969472242804787317.post-28293854606392133062012-05-08T19:51:00.002+07:002013-05-30T17:21:44.998+07:00Donwload Ebooks Gallery Template<div style="text-align: center;"><img alt="ZonaMagz Template Berita Elegant" border="0" height="auto" src="http://2.bp.blogspot.com/-8X2pnHBn9NU/T6kL9ysTv1I/AAAAAAAAA3Y/TyJr-7pTsAs/s1600/free_ebooks.png" title="ZonaMagz Template Berita Elegant" /></div>Seperti yang Kang Fathur launcing tentang kumpulan ebooks pada artikel <a href="http://kang-fathur.blogspot.com/2012/01/launching-fathur-free-ebooks.html" target="_blank">sebelumnya</a>, pasti anda ingin memiliki template yang cukup simple untuk diterapkan dalam blog anda.<br />
<div class="button-grup"><a class="button demo" rel="nofollow" href="http://klik-template.blogspot.com/2012/05/ebooks-gallery.html" target="_blank">LIVE | DOWNLOAD</a></div><h2>Cara Install Template</h2><ul><li><b>Random Posts </b>dan <b>New Templates</b></li>
</ul><pre class="numbered" data-codetype="HTML" title="Klik ganda untuk menyeleksi kode"><code class="xml"><span style="float:left; padding-left:5px; padding-right:5px; padding-top:3px; font-weight:bold">Random Posts &#187; </span>
<div style="float:left; padding-top:4px; width:430px; font-size:11px;">
<script type="text/javascript">
var cssfeed=new gfeedrssticker("example1", "example1class", 6000, "_new")
cssfeed.addFeed("Bamz", "<span class="underline">http://kang-fathur.blogspot.com</span>/feeds/posts/default/") //Specify "label" plus URL to RSS feed
cssfeed.displayoptions("date") //show the specified additional fields
cssfeed.setentrycontainer("div") //Wrap each entry with a DIV tag
cssfeed.filterfeed(20, "date") //Show 10 entries, sort by date
cssfeed.entries_per_page(1)
cssfeed.init()
</script>
</div>
<span style="float:left; padding-right:5px; padding-top:3px; font-weight:bold">New Templates &#187; </span>
<div style="float:left; padding-top:4px; width:200px; font-size:11px;">
<script type="text/javascript">
var cssfeed=new gfeedrssticker("example2", "example1class", 6000, "_new")
cssfeed.addFeed("Bamz", "<span class="underline">http://ftemplates4u.blogspot.com</span>/feeds/posts/default/") //Specify "label" plus URL to RSS feed
cssfeed.displayoptions("date") //show the specified additional fields
cssfeed.setentrycontainer("div") //Wrap each entry with a DIV tag
cssfeed.filterfeed(20, "date") //Show 10 entries, sort by date
cssfeed.entries_per_page(1)
cssfeed.init()
</script>
</div>
<div style="float:right; padding-right:10px">
<a target="blank" rel="nofollow" class="addthis_button" href="http://www.addthis.com/bookmark.php">
<img src="http://2.bp.blogspot.com/-pecWJnco0k8/TtPDBOQUj6I/AAAAAAAALls/jeNiKTphpGY/s400/favorites_add-c.png" width="20" height="20" border="0" title="Bookmark and Share" alt="Share" />
</a>
</div></code></pre><div class="catatan">Anda hanya mengganti tulisan bergaris bawah diatas dengan URL tujuan yang diinginkan.</div><br />
<ul><li><b>Subscribe Ebooks</b></li>
</ul><pre class="numbered" data-codetype="HTML" title="Klik ganda untuk menyeleksi kode"><code class="xml"><div id="topsearch1">
<div id="feed-1">
<form action="http://feedburner.google.com/fb/a/mailverify" style="border: 0px solid rgb(204, 204, 204); padding: 0px;" target="popupwindow" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=blogspot/ebook4u', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><input value="en_US" name="loc" type="hidden" /><input value="blogspot/ebook4u" name="uri" type="hidden" />
<input onblur="if (this.value == &quot;&quot;) {this.value = &quot;Enter your email address..&quot;;}" onfocus="if (this.value == &quot;Enter your email address..&quot;) {this.value = &quot;&quot;}" id="feed-s" name="email" size="20" value="Enter your email address.." type="text" />
<input src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTrC-o-G65vz0hqBIHa-UzWswB9xY-t-ZU3jtPr62JT3LPzagUHLDW14E-b2j6Z-KPq9XesD0YVXQuRPuAVV93UMDR3HMK0EDWy8scj8O5cGC_86u7KnEKzEAawUPo9wTMsiE5EgQHWr4/s200/subscribe.png" style="border: 0pt none; vertical-align: top; padding-top: 7px; padding-right: 0px;" height="16" type="image" width="16" />
</form>
</div>
</div>
<div style="float: left; padding-top: 10px;">
<a href="http://feeds.feedburner.com/blogspot/ebook4u"><img src="http://feeds.feedburner.com/~fc/blogspot/ebook4u?bg=99CCFF&amp;fg=444444&amp;anim=1&amp;label=listeners" height="26" width="88" style="border:0" alt="" /></a>
</div>
<div style="float: right; padding-left: 0px; padding-top: 10px;" margin:0="" 2px="">
<a rel="nofollow" target="_blank" href="#">
<img title="FRebooks4U on Google+" alt="google plus" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizg7OajpFSLjhuNWOhWXzZppi2-il4K9YJQQf3a5XsD4YesAs_wd28ohQ5Tt2gz23kx9I5ULTnNVp7MGYI0bBDzsJ61wLAFvEJm3Kv3HfM5evk2TOMtxCLh5s0mZGOCsAopJN3lVWsevI/s400/gplus.jpeg" border="0" height="16" width="16" />
</a>
<a rel="nofollow" title="FRebooks4U On Feed" target="_blank" href="#">
<img alt="feed" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSBv0SRaw-XgDAIPapomgDVYjns0TSd-PAYk_yJbJMEdrJF_Ts64AsrX2z5VEfzr8h2Qvl0A9ZSTyAWX80s4Ic5b2oLzzLkJNJQ0K_3YGPelKtBSeEaavqM6F-6Jtrj_O2zaOmyg0RqZ8/s400/feed.png" border="0" height="16" width="16" />
</a>
<a rel="nofollow" title="FRebooks4U on Twitter" target="_blank" href="#">
<img alt="twitter" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7waEeI3HCvK_6OLBOj28jmwMJoOdxuHH8msbiOq2XIVdeI3jVYwsibp77MH4LCESzVovfVU2kRZxK3TQ1IalV0qGEVpZa0LSiB1J4R46k_032v3ktikIpHosZVjzUcvqBAt5P8Ftldg0/s400/twitter.png" border="0" height="16" width="16" />
</a>
<a rel="nofollow" title="FRebooks4U on Facebook" target="_blank" href="#">
<img alt="facebook" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiN6Eytg15GY1U4mAReojnBz51LCa5yKUU3Wj6JJK3EEmVmNgOngUIbYY3RN4WL5jt2KQzTHK0ZPp3VryGYAPb50cZBmCoWZlO6ipZkohuJS7cJXc0ImQA3hXXM5DKU_rF7b0z641f-Qc/s400/facebook.png" border="0" height="16" width="16" />
</a>
</div></code></pre><br />
<ul><li>Iklan Pada Postingan</li>
</ul><br />
Edit HTML ,cari dan ganti kode berikut dengan iklan anda<br />
<pre class="numbered" data-codetype="HTML" title="Klik ganda untuk menyeleksi kode"><code class="xml"><img alt='FEbooks4u | Free Download Ebook' border='0' height='auto' src='http://s3.buysellads.com/1263230/89985-1326127536.png' title='FEbooks4u | Free Download Ebook' width='auto'/></code></pre><br />
Selamat menikmati template Kang Fathur ya?<br />
<br />
<h2><blink><b>Pesan PIO :</b></blink></h2>Jangan menghapus Credit Link yang ada dibawah blog, terima kasihAnonymousnoreply@blogger.com0tag:blogger.com,1999:blog-2969472242804787317.post-40451258485464133672012-04-28T14:32:00.000+07:002013-05-30T17:24:34.956+07:00Free Convert Microsoft Office ke File pdf<div style="text-align: center;"><img alt="Free Convert Microsoft Office ke File pdf" border="0" height="auto" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJmrKGbZ0GW_qVAEFiSpKCXJ63hEpgNHaLSYxAe-V_chu8pXMP2-JrnnRpWDHXRs0MzrYjKGX-XAP5OwzxsMvgBa5DVRnhbPLutf6mYxQFNeSsngq1yFQxbelUuVwV5LDn12EO5qTR9Y8o/s320/CreatePDF.png" title="Free Convert Microsoft Office ke File pdf" width="250" /></div><br />
Seperti yang <a href="http://kang-fathur.blogspot.com/" target="_blank">Kang Fathur </a>bagikan sebelumnya tentang software <a href="http://kang-fathur.blogspot.com/2012/04/able2extract-merupakan-aplikasi-program.html" target="_blank">meng-convert file pdf (Adobe Reader)</a> ke format Microsoft Office (<a href="http://kang-fathur.blogspot.com/search/label/Word" target="_blank">word</a>, <a href="http://kang-fathur.blogspot.com/search/label/Excel" target="_blank">excel</a>,<a href="http://kang-fathur.blogspot.com/search/label/PowerPoint" target="_blank"> powerpoint</a> dan <a href="http://kang-fathur.blogspot.com/search/label/Publisher" target="_blank">publisher</a>). Kali ini, kebalikannya. Software ini sangat berguna jika anda ingin membuat file pdf. Bahkan caranya pun sangat mudah serta software-nya begitu ringan.<br />
<br />
Cara menggunakan software ini adalah sebagai berikut:<br />
1.Setelah download <i>extrack file</i> yang berupa file <b>.rar;</b><br />
2.Instal <i>SaveAsPDFandXPS</i> seperti biasa;<br />
3.Lalu buka file word yang ingin anda jadikan file berformat <b>.pdf</b><br />
4.Klik <b>Save As </b>lalu klik <i>PDF </i>or <i>XPS </i>seperti yang dijelaskan dalam gambar dibawah ini :<br />
<br />
<div style="text-align: center;"><img alt="Free Convert Microsoft Office ke File pdf" border="0" height="auto" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfx9t7VNxJQkiJmYy1L0tNdp_5o0UGHHwNzNB4EAE9Wig0S77T6AXwVH7cGbB87MiOm7SAGy2lXKxRFMMLKm6a2WGhzSJEgduVGOsp7bz6c2zeQ-BXuns-v-OdiKeWLrOQiDoxCR8RGbn8/s400/PDF.jpg" width="auto" /></div><br />
File download yang dibagikan dibawah ini dengan password :<span class="underline">kangfathur</span><br />
<br />
<div style="background: none repeat scroll 0% 0% rgb(232, 232, 232); border-color: rgb(221, 221, 221) rgb(102, 102, 102) rgb(102, 102, 102) rgb(221, 221, 221); border-style: solid; border-width: 1px; height: auto; overflow: auto; padding: 2px; text-align: center; width: auto;">Bagi anda yang ingin mmiliki <b><i style="text-align: -webkit-auto;">SaveAsPDFandXPS</i>,</b> silakan Download<br />
<div class="button-grup"><a class="button demo" rel="nofollow" href="http://www.ziddu.com/download/19254699/SaveAsPDFandXPS.rar.html" target="_blank">DOWNLOAD</a></div></div>Anonymousnoreply@blogger.com0