Semua Tentang IPTEK

Proses koneksi jaringan internet

Teknologi berkembang pesat sehingga ada sebuah slogan yang mengatakan "Dunia di Gemgaman Tangan Anda", salah satu teknologi yang sungguh fenomenal adalah Internet, sebuah Jaringan yang begitu kompleks namun sungguh mengagumkan maka kita sebut sebagai Jaringan Internet. Internet adalah jaringan komputer yang bisa dikategorikan sebagai WAN, menghubungkan berjuta komputer diseluruh dunia, tanpa batas negara, dimana setiap orang yang memiliki komputer dapat bergabung ke dalamaringan ini hanya dengan melakukan koneksi ke penyedia layanan internet (internet service provider / ISP) seperti Telkom Speedy, atau IndosatNet. Internet dapat diterjemahkan sebagai international networking (jaringan internasional), karena menghubungkan komputer secara internasional, atau sebagai internetworking (jaringan antar jaringan) karena menghubungkan berjuta jaringan diseluruh dunia.

Internet dimulai ketika Departemen Pertahanan Amerika Serikat (Department of Defense USA) membangun sebuah jaringan komputer di tahun 1969, yang diberi nama ARPANET (Advanced Research Project Agency NETwork) dengan tujuan untuk menghubungkan beberapa komputer yang berada dibeberapa universitas melakukan riset militer, terutama untuk membangun jaringan komunikasi komputer yang mampu bertahan terhadap serangan nuklir. Jaringan ini berkembang terus, semakin banyak komputer yang terlibat, dan riset disisi pengembangan perangkat lunak juga berkembang. Pada bulan Mei tahun 1974, Vinton G.Cerf dari Stanford University dan Robert E.Kahn dari Departemen Pertahanan USA, mempublikasi sebuah paper di IEEE Transaction on Communication berjudul “A Protocol for Packet Network Intercommunication”, konsep ini kemudian populer sebagai protokol TCP/IP, ketika ARPANET meng-adopsi protokol menjadi protokol standard untuk ARPANET pada tahun 1983. Pihak universitas terutama University of California at Berkeley kemudian membangun sistem operasi Berkeley Software Distribution Unix) atau BSD UNIX (dikenal dengan nama Free BSD Unix) dan pihak departemen pertahanan membiayai Bolt Baranek dan Newman (BBN) untuk meng-implementasi protokol TCP/IP pada BSD Unix untuk diterapkan pada ARPANET, dengan demikian cikal-bakal internet terbentuk.

Pada penghujung tahun 1983, jaringan ARPANET dibagi dua menjadi DARPANET (Defence ARPANET) dan MILNET (MILitary NETwork). Pada tahun 1985 dibentuklah jaringan NFSNET (National Science Foundation NETwork) untuk menghubungkan supercomputer yang ada diberbagai universitas di Amerika dan disambungkan dengan ARPANET. Jaringan NSFNET dikembangkan terus oleh periset perguruan tinggi. Pada tahun 1988 jaringan backbone internet ini hanya berkapasitas 56 Kbps. Walaupun pada tahun 1990 secara resmi ARPANET ditutup, namun jaringan internet yang telah terbentuk diteruskan oleh pihak universitas di Amerika dan memasukkan jaringan universitas di benua Amerika (Kanada dan Amerika Selatan) serta jaringan di Eropa menjadi bagian dari internet. Pada tahun 1992 jaringan backbone ditingkatkan ke T3 dengan kecepatan 45 Mbps, dan disekitar tahun 1995 ditingkatkan lagi menjadi OC-3 pada kecepatan 155 Mbps. Kini backbone internet berkecepatan tinggi dalam order Gbps.

Topologi internet pada dasarnya adalah mesh-topology, menghubungkan banyak jenis jaringan melalui sistem packet-switching, kalaupun bisa dikatakan yang menjadi pusat-nya adalah beberapa NAP (Network Access Point) yang ada di San Fransisco (Pacific Bell), di Chicago (Ameritech), New Jersey (Sprint), dan Merit Access Exchange (MAE) di San Fransisco (MAE West) dan Washington, D.C (MAE East) yang ditangani oleh MFS Datanet.

Walaupun tidak ada organisasi yang memiliki internet, namun ada banyak organisasi yang memelihara jaringan ini melalui penetapan standarisasi protokol, aturan-aturan, serta metoda akses. Internet Engineering Task Force (IETF) menangani masalah-masalah teknis yang timbul di internet, seperti masalah pada protokol, arsitektur dan pengoperasian internet. Internet Research Task Force (IRTF) menangani riset teknis, seperti sistem pengalamatan dan rekayasa lainnya. Internet Assigned Numbers Authority (IANA) mengatur pembagian alamat IP (IP#) ke berbagai negara dan organisasi. Internet Society (ISOC) menangani masalah administrasi dan struktur organisasi internet.

Badan usaha komersil kemudian menyediakan layanan akses dengan menyediakan koneksi dari komputer pengguna ke internet, dan badan ini disebut sebagai penyedia akses internet atau ISP. Beberapa ISP terkenal di dunia adalah America On Line (AOL), Australia OnLine, CompuServe, GEnie, dan Prodigy. Di Indonesia ada TelkomNet, IndosatNet, Wasantara Net, InterNux, dan sebagainya. ISP menyediakan koneksi dial-up melalui modem-telepon, koneksi wireless melalui antena WLAN, atau koneksi ADSL melalui telepon. Protokol koneksi yang digunakan adalah SLIP (Serial Line Interface Protocol) atau PPP (Point-to-Point Protocol), dimana koneksi SLIP biasanya lebih lambat dari PPP.

Secara logis jaringan internet dibagi kedalam beberapa domain, yang menurut standar IPv4 (Internet Protocol version 4) di-identifikasi melalui nomer IP 32 bit atau 4 angka biner yang dipisahkan dengan titik (seperti 192.168.10.25). Tipe domain standar antara lain:

.com = organisasi komersil
.edu = institusi pendidikan di Amerika
.ac    = institusi akademik
.gov = institusi pemerintah
.mil   = organisasi militer
.net   = penyedia akses jaringan
.org   = organisasi non-profit

Disamping itu domain juga dibagi berdasarkan negara, misalnya:

.au    = Australia
.ca    = Kanada
.id     = Indonesia
.jp     = Jepang
.my   = Malaysia
.sw   =   Swedia
.th     = Thailand

sumber

Selamat beraktivitas dan sampai jumpa ...

Pengertian dan Awal Mula Jaringan Internet

Posted by Muhammad Fiqih No comments

Proses koneksi jaringan internet

sumber

Selamat beraktivitas dan sampai jumpa ...

0 komentar:

Berkomentarlah dengan bijak di blog ini. Share with LOVE guys :)

Kang Fiqih | Assalamu'alaikum wr.wb, haduuuhhh,,cape banget nih baru pulang dari kampus, tapi gak bakalan cape jika saya menemani Anda semua untuk memberikan wawasan baru. Seiring dengan berkembangnya waktu dan zaman, maka sedikit demi sedikit pasti mayoritas orang sudah mengetahui yang namanya "Teknologi". Di dalam cakupan teknologi ini biasanya kita sering mendengar yang namanya internet, pasti sudah pada tahu lah yang namanya internet itu apa ..

Nah, kita tidak secara bebas menggunakan si internet ini. Fasilitas internet didapat dari sebuah jaringan komputer. Biasanya di daerah perkotaan, khususnya di tempat-tempat yang banyak dikunjungi oleh banyak orang, seperti Mall, Restoran, Hotel, Kantor, dan bahkan di warung-warung kecilpun sekarang sudah ada sebuah fasilitas internet. Fasilitas internet disini disebut Hotspot.

Apa ada yang sudah kenal hotspot? Hotspot adalah area dimana seorang client dapat terhubung dengan jaringan internet secara wireless (nirkabel/tanpa kabel) dari PC, note book atau gadget seperti Handphone dalam jangkauan radius kurang lebih beberapa ratus meteran atau tergantung dari kekuatan frekuensi/signal.

Nah, disini saya akan sharing sedikit, bagaimana caranya agar kita dapat Membuat Laptop Menjadi Hotspot Area. Ada beberapa jenis cara yang bisa Anda lakukan untuk ini, namun saya pilihkan satu cara simple untuk Anda.

1. Terlebih dahulu Anda harus mendownload software yang namanya Connectify Hotspot. Anda bisa mendownload-nya disini.

2. Setelah software terinstall di laptop Anda, maka Anda harus mengisi form seperti gambar di bawah ini

keterangan :

Ganti Hotspot Name dengan nama yang Anda inginkan untuk Hotspot Area Anda.
Isi Password dengan password yang Anda inginkan. (jika perlu)
Ganti Internet to Share dari yang tadinya Wi-Fi menjadi Automatic.

3. Klik Start Hotspot.

Sekarang laptop Anda sudah menjadi Hotspot Area seperti yang ada di mall-mall.. he .. Silahkan dicoba.

Selamat beraktivitas dan sampai jumpa ...

Membuat Laptop Menjadi Hotspot Area

Posted by Muhammad Fiqih No comments

1. Terlebih dahulu Anda harus mendownload software yang namanya Connectify Hotspot. Anda bisa mendownload-nya disini.

2. Setelah software terinstall di laptop Anda, maka Anda harus mengisi form seperti gambar di bawah ini

keterangan :

Ganti Hotspot Name dengan nama yang Anda inginkan untuk Hotspot Area Anda.
Isi Password dengan password yang Anda inginkan. (jika perlu)
Ganti Internet to Share dari yang tadinya Wi-Fi menjadi Automatic.

3. Klik Start Hotspot.

Sekarang laptop Anda sudah menjadi Hotspot Area seperti yang ada di mall-mall.. he .. Silahkan dicoba.

Selamat beraktivitas dan sampai jumpa ...

0 komentar:

Berkomentarlah dengan bijak di blog ini. Share with LOVE guys :)

Kang Fiqih | Assalamu'alaikum wr.wb., Author Box. Disunggung mengenai Author Box, apakah ada yang sudah mengenal widget ini? Kalau belum please comment..he.. Author Box menurut bahasa terbagi menjadi dua kata yakni Author yang artinya Penulis, jadi disini maksudnya adalah admin sebuah blog yang mempunyai peranan penuh terhadap blog tersebut dan yang kedua adalah Box yang artinya kotak. Jadi Author Box dapat didefinisikan sebagai kotak yang didalamnya terdapat seorang penulis beserta deskripsi penulis(biasanya).

Di dalam Author Box ini juga terdapat permalink, permalink adalah sebuah link yang nantinya merujuk ke suatu blog atau forum tertentu masuk setelah berlalu dari halaman depan ke arsip. Hal ini bertujuan supaya pengguna atau pembaca blog mengetahui permalink dari postingan yang sedang dibacanya.

Dan di dalam permalink ini sudah ada script atau kode html yang berisi permalink dari artikel yang sedang dibacanya. Biasanya para blogger selalu menambahkan permalink ini di bawah postingan blog mereka,

Nah, sekarang mungpung saya memiliki waktu yang luang untuk ngeblog, saya ingin memberikan sedikit ilmunya kepada Anda semua mengenai bagaimana caranya Membuat Author Box (Kotak Author) di Bawah Postingan Blog. Seperti biasa pasti selalu ada kode/script di dalamnya, langsung saja :

1. Login ke Akun Blog Anda.

2. Klik Template -->Edit HTML.

3. Carilah kode ]]></b:skin> dengan menggunakan Ctrl+F.

4. Setelah kode tersebut ditemukan, maka letakkan kode di bawah ini tepat di atas kode ]]></b:skin>

admin-tulisan{width:auto;background:#333;border:2px solid #aaa;margin:30px 0 10px 0;display:block;font-family:"julee";
color:#aaa;}
.admin-tulisan .kontainer{padding:5px;}
.admin-tulisan h4{background:#000000;border:none;border-bottom:1px solid #000000;color:#fff;font-family:"julee";text-shadow:0 1px 0 rgba(0, 0, 0, 0.4);padding:5px 10px;margin:0 0 0 0;display:block;}.admin-tulisan h4 a{color:#000000;}
.admin-tulisan img{background:#000000;width:80px;height:85px;border:1px solid #000000;margin:3px 10px 0 0;float:left;padding:2px;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;}

keterangan :

kode yang berwarna biru adalah lebar dari permalink.
kode yang berwarna merah adalah tinggi dari permalink.

5. Selanjutnya cari kode <data:post.body/>.

6. Jika Anda menggunakan auto readmore pada blog maka kemungkinan kode di langkah no. 5 ada dua, letakkan saja kode di bawah ini di bawah kode <data:post.body/> yang KEDUA.

<b:if cond='data:blog.pageType == "item"'>
<div class='admin-tulisan'>
<h4>Ditulis Oleh : <b><data:post.author/></b> ,Be The Best</h4>
<div class='kontainer'>
<img alt='Muhammad Fiqih' src='http://lh3.googleusercontent.com/-0o3cJfWH_lo/AAAAAAAAAAI/AAAAAAAAAEs/uUfYHAZhj9k/s512-c/photo.jpg'/>
Anda sedang membaca artikel tentang <b><a expr:href='data:post.url'><data:post.title/></a></b>. Oleh Admin, Anda diperbolehkan mengcopy-paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya
<textarea cols='50' id='bloglinking' name='bloglinking' onclick='this.focus();this.select()' onfocus='this.select()' onmouseover='this.focus()' readonly='readonly' rows='2'><a href="<data:post.url/>" target="_blank"><data:blog.pageName/></a></textarea>
<p><span style='float:right;font:italic 10px Arial, Sans-Serif;'>
<a href='http://kangfiqih.blogspot.com/' target='_blank'>:: Pasang Widget Ini ::</a></span></p><div style='clear:both;'/></div></div>
</b:if>

keterangan :

kode yang berwarna merah adalah url gambar yang akan Anda pasang.
kode yang berwarna hijau bisa Anda ganti dengan kata-kata yang Anda inginkan.

Selamat beraktivitas dan sampai jumpa ...

Membuat Author Box (Kotak Author) di Bawah Postingan Blog

Posted by Muhammad Fiqih 3 comments

1. Login ke Akun Blog Anda.

2. Klik Template -->Edit HTML.

3. Carilah kode ]]></b:skin> dengan menggunakan Ctrl+F.

keterangan :

kode yang berwarna biru adalah lebar dari permalink.
kode yang berwarna merah adalah tinggi dari permalink.

5. Selanjutnya cari kode <data:post.body/>.

keterangan :

kode yang berwarna merah adalah url gambar yang akan Anda pasang.
kode yang berwarna hijau bisa Anda ganti dengan kata-kata yang Anda inginkan.

Selamat beraktivitas dan sampai jumpa ...

3 komentar:

Berkomentarlah dengan bijak di blog ini. Share with LOVE guys :)

Kang Fiqih | Assalamu'alaikum wr.wb, pada mulanya saya memasang template blog ini dengan pengaturan tata letak yang sangat berantakan. Di situ juga ada sebuah Blog Archive (Arsip Blog) yang menjadi salah satunya.

Saya atur satu demi satu widget-widget yang tidak diperlukan untuk blog saya ini. Saya berfikir sudah selesai untuk mengatur tata letak di blog saya. Namun setelah saya memposting beberapa artikel, terlihat blog archive ini makin lama makin panjang, dan itu menurut saya sangatlah menggangu tampilan di blog ini.

Setelah itu, terpikirlah saya untuk bagaimana caranya agar blog archive ini bisa di perpendek. Dan mungkin cara satu-satunya adalah memakai scroll disini. Memang fingsi scroll di blog adalah jika terdapat banyak postingan di blog tidak akan memakan tempat yang banyak.

Dan saya telah menemukan cara untuk Membuat Scroll pada Blog Archive (Arsip Blog). Berikut adalah langkah-langkahnya :

1. Login ke Akun Blog Anda.

2. Klik menu Template --> Edit HTML.

3. Cari kode di bawah ini dengan menggunakan Ctrl+F

<b:widget id='BlogArchive2' locked='false' title='Arsip Blog' type='BlogArchive'>..................... </b:widget>

keterangan :

jika Anda tidak menemukan kode di atas maka Anda cari dengan kata kunci "BlogArchive". (carilah kode yang serupa dengan kode di atas)

4. Ganti kode tersebut dengan kode di bawah ini

<b:widget id='BlogArchive2' locked='false' title='Arsip Blog' type='BlogArchive'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div style='overflow:auto; width:ancho; height:200px;'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + "_ArchiveList"'>
<b:if cond='data:style == "HIERARCHY"'>
<b:include data='data' name='interval'/>
</b:if>

<b:if cond='data:style == "FLAT"'>
<b:include data='data' name='flat'/>\
</b:if>
<b:if cond='data:style == "MENU"'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div></div>
<b:include name='quickedit'/>
</div>
</b:includable>
<b:includable id='flat' var='data'>
<ul>
<b:loop values='data:data' var='i'>
<li class='archivedate'>
<a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
</li>
</b:loop>
</ul>
</b:includable>
<b:includable id='menu' var='data'>
<select expr:id='data:widget.instanceId + "_ArchiveMenu"'>
<option value=''><data:title/></option>
<b:loop values='data:data' var='i'>
<option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
</b:loop>
</select>
</b:includable>
<b:includable id='interval' var='intervalData'>
<b:loop values='data:intervalData' var='i'>
<ul>
<li expr:class='"archivedate " + data:i.expclass'>
<b:include data='i' name='toggle'/>
<a class='post-count-link' expr:href='data:i.url'><data:i.name/></a>
<span class='post-count' dir='ltr'>(<data:i.post-count/>)</span>
<b:if cond='data:i.data'>
<b:include data='i.data' name='interval'/>
</b:if>
<b:if cond='data:i.posts'>
<b:include data='i.posts' name='posts'/>
</b:if>
</li>
</ul>
</b:loop>
</b:includable>
<b:includable id='toggle' var='interval'>
<b:if cond='data:interval.toggleId'>
<b:if cond='data:interval.expclass == "expanded"'>
<a class='toggle' expr:href='data:widget.actionUrl + "&action=toggle" + "&dir=close&toggle=" + data:interval.toggleId + "&toggleopen=" + data:toggleopen'>
<span class='zippy toggle-open'>▼ </span>
</a>
<b:else/>
<a class='toggle' expr:href='data:widget.actionUrl + "&action=toggle" + "&dir=open&toggle=" + data:interval.toggleId + "&toggleopen=" + data:toggleopen'>
<span class='zippy'>
<b:if cond='data:blog.languageDirection == "rtl"'>
◄
<b:else/>
►
</b:if>
</span>
</a>
</b:if>
</b:if>
</b:includable>
<b:includable id='posts' var='posts'>
<ul class='posts'>
<b:loop values='data:posts' var='i'>
<li><a expr:href='data:i.url'><data:i.title/></a></li>
</b:loop>
</ul>
</b:includable>
</b:widget>

keterangan :

kode yang berwarna merah adalah tinggi yang diinginkan untuk widget blog archive ini.
ganti kode yang berwarna merah sesuai dengan yang Anda kehendaki.

Selamat beraktivitas dan sampai jumpa ...

Membuat Scroll pada Blog Archive (Arsip Blog)

Posted by Muhammad Fiqih No comments

Dan saya telah menemukan cara untuk Membuat Scroll pada Blog Archive (Arsip Blog). Berikut adalah langkah-langkahnya :

1. Login ke Akun Blog Anda.

2. Klik menu Template --> Edit HTML.

3. Cari kode di bawah ini dengan menggunakan Ctrl+F

<b:widget id='BlogArchive2' locked='false' title='Arsip Blog' type='BlogArchive'>..................... </b:widget>

keterangan :

jika Anda tidak menemukan kode di atas maka Anda cari dengan kata kunci "BlogArchive". (carilah kode yang serupa dengan kode di atas)

keterangan :

kode yang berwarna merah adalah tinggi yang diinginkan untuk widget blog archive ini.
ganti kode yang berwarna merah sesuai dengan yang Anda kehendaki.

Selamat beraktivitas dan sampai jumpa ...

0 komentar:

Berkomentarlah dengan bijak di blog ini. Share with LOVE guys :)

Kang Fiqih | Assalamu'alaikum wr.wb., salam sejahtera teman semua. Biasanya jika saya memposting arikel pastilah mengenai tips dan trik blog. Namun sekarang ini bukan itu yang akan saya bahas, sekarang yang ingin saya bahas adalah mengenai sosial media yang sangat terkenal yakni Facebook.

Di Facebook ini, kita akan sedikit merubah modifikasi tampilannya. Sudah lama mungkin jika Anda membuka Facebook tampilannya hanya itu-itu saja. Bahkan saat ini juga sudah banyak template blog yang sama atau menyerupai tampilan Facebook. Pernah saya berfikir (dulu) untuk merubah tampilan facebook ini, tapi masih belum terealisasi. Dan sekarang inilah waktunya.

Dengan kita merubah tampilan Faceook ini, yang saya rasakan kita tidak akan merasa bosan lagi karena pada saat login-pun kita sudah disuguhkan dengan sebuah new template (seperti gambar yang ada di atas).

Langsung saja kita mainkan...

1. Bukalah Mozilla Firefox untuk Web Browser Anda, ini dikarenakan kita akan memakan add-ons dari mozilla.

2. Kemudian silahkan Anda mendownload Add-Ons Mozilla yang bernama Stylish. Bisa Anda download disini

3. Setelah itu didownload dan terinstall di Mozilla Firefox Anda, pilihlah tampilan layout pada Facebook sesuai dengan keinginan Anda. Anda mungkin tidak akan kehabisan stok untuk merubah template-nya karena Anda akan disuguhkan dengan pilihan yang sangat banyak. Link-nya disini

4. Klik "+ Install with Stylish"

5. Sekarang Anda tinggal refresh atau load facebook kamu.

6. Lihatlah hasilnya :D

Selamat beraktivitas dan sampai jumpa ...

Merubah Tampilan Facebook Terbaru 2013

Posted by Muhammad Fiqih No comments

Langsung saja kita mainkan...

1. Bukalah Mozilla Firefox untuk Web Browser Anda, ini dikarenakan kita akan memakan add-ons dari mozilla.

2. Kemudian silahkan Anda mendownload Add-Ons Mozilla yang bernama Stylish. Bisa Anda download disini

4. Klik "+ Install with Stylish"

5. Sekarang Anda tinggal refresh atau load facebook kamu.

6. Lihatlah hasilnya :D

Selamat beraktivitas dan sampai jumpa ...

0 komentar:

Berkomentarlah dengan bijak di blog ini. Share with LOVE guys :)

Kang Fiqih | Assalamu'alaikum wr.wb., sebenarnya saya sudah pernah membahas ini sebelumnya di blog saya yang lain. sekarang saya akan memberikan sebuah tuntutan baru yang layak dicoba untuk para blogger khususnya blogger di tanah air tercinta ini. Sebelum ke inti dari cerita, saya ingin berbagi pengalaman kepada Anda mengenai latar belakang saya memposting artikel ini.

Sebenarnya saya adalah orang yang sangat senang sekali melihat sebuah berita-berita terbaru yang sedang hangat dibicarakan banyak orang, karena saya ingin menjadi seorang yang seba tahu dan serba ingin tahu tentang sesuatu (namun hal tersebuat haruslah menuju ke arah yang positif). Pada saat saya melihat sebuah berita di sebuah tayangan televisi kemudian melihat sebuah headline news yang menurut saya adalah merupakan berita tambahan yang mungkin akan diperbincangkan nantinya.

Memang, sebuah siaran berita di berbagai tayangan televisi biasanya selalu memiliki headline news dengan tujuan untuk mempermudah dan memperluas cakupan berita yang ditayangkan di penayangan tersebut, dari sana, terlintas sebuah pertanyaan di pikiran saya, "mengapa saya tidak mencoba menerapkannya di sebuah blog?".

Untuk info saja para blogger, biasanya dengan headline news ini kita dapat meningkatkan traffic blog kita di mata pengunjung blog karena akan terlihat memperindah tampilan blog yang kita miliki.

Baiklah, agar tidak panjang lebar ceritanya, mari kita langsung Membuat Headline News Di Blog dengan beberapa langkah atau tahapan sebagai berikut :

Login ke akun Blog Anda.
Pada dashbor blog, pilih Tata Letak (pada tampilan blog baru)
Klik Tambah Widget --> HTML / Javascript.
Masukkan kode/scrpit yang ada dibawah ini

keterangan :

Untuk yang bertanda http://kangfiqih.blogspot.com/ Anda ganti dengan URL blog milik Anda.
Untuk yang bertanda 15, itu adalah jumlah postingan yang akan ditampilkan di headline news nanti.
Untuk yang bertanda #333333, adalah merupakan warna background headline news, bisa menggantinya dengan warna lain. Anda tinggal cari di google tentang kode warna.
Untuk yang bertanda #000000, adalah merupakan warna garis atau outline pada headline news, bisa menggatinya dengan warna lain sesuka Anda.
Untuk yang bertanda top, Anda bisa menggatinya dengan kata "bottom" jika ingin menampilkan headline news di bagian bawah blog.

Membuat Headline News Di Blog

Posted by Muhammad Fiqih No comments

Login ke akun Blog Anda.
Pada dashbor blog, pilih Tata Letak (pada tampilan blog baru)
Klik Tambah Widget --> HTML / Javascript.
Masukkan kode/scrpit yang ada dibawah ini

keterangan :

Untuk yang bertanda http://kangfiqih.blogspot.com/ Anda ganti dengan URL blog milik Anda.
Untuk yang bertanda 15, itu adalah jumlah postingan yang akan ditampilkan di headline news nanti.
Untuk yang bertanda #333333, adalah merupakan warna background headline news, bisa menggantinya dengan warna lain. Anda tinggal cari di google tentang kode warna.
Untuk yang bertanda #000000, adalah merupakan warna garis atau outline pada headline news, bisa menggatinya dengan warna lain sesuka Anda.
Untuk yang bertanda top, Anda bisa menggatinya dengan kata "bottom" jika ingin menampilkan headline news di bagian bawah blog.

0 komentar:

Berkomentarlah dengan bijak di blog ini. Share with LOVE guys :)

Kang Fiqih | Assalamu'alaikum wr.wb., sebelumnya apakah ada yang sudah mengenal breadcrumbs? Pasti disini ada yang sudah tahu dan mungkin ada juga yang tidak. Sedikit saya berikan pengertian mengenai breadcrumbs ini, breadcrumbs adalah sebuah navigasi pada blog yang biasanya memberikan informasi kepada pengunjung blog, dimana posisinya sekarang. Maksudnya, posisi atau letak postingan yang mereka baca.

Breadcrumbs juga mempunyai fungsi atau manfaat untuk SEO blog milik Anda. Berikut adalah beberapa manfaat yang saya dapat :

Keyword Density-breadcrumbs menambahkan keyword atau kata kunci yang Anda fokuskan bangun dalam halaman blog Anda, building desinty.
Untuk index halaman oleh Google. Dalam pencarian google, biasanya si mesin pencari ini juga menyertakan navigasi blog yang sedang di cari, atau bisa dikatakan bahwa google juga mengindex navigasi terkait keyword yang Anda isikan dalam kotak pencariannya. Contoh kecil seperti gambar di bawah ini:

Langsung saja jika Anda menginginkan adanya breadcrumbs di blog Anda, di bawah ini langkah-langkahnya :

Login ke akun blog Anda.
Klik Template --> Edit HTML.
Cari kode ]]></b:skin>, untuk memudahkan mencarinya gunakan Ctrl+F.
Setelah kodenya ketemu, maka masukkan kode di bawah ini di atas kode ]]></b:skin>.

.breadcrumbs{background:0 rgba(255,255,255,0.1) 15px;height:30px;line-height:30px;border:solid 1px #bababa;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;width:auto;overflow:hidden;padding-left:10px;-moz-box-shadow:inset 0 1px 0 #ffffff, 0 1px 0 #fff;-ms-box-shadow:inset 0 1px 0 #ffffff, 0 1px 0 #fff;-o-box-shadow:inset 0 1px 0 #ffffff, 0 1px 0 #fff;-webkit-box-shadow:inset 0 1px 0 #ffffff, 0 1px 0 #fff;box-shadow:inset 0 1px 0 #ffffff, 0 1px 0 #fff;text-shadow:0 1px 0 #FAFAFA;color:#666;margin:0;margin-bottom: 6px;}<br />
.breadcrumbs li{list-style-type:none;display:inline-block;float:left}<br />
.breadcrumbs a{display:inline-block;background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3JbJNX-4slHtpBp18eUuXF-siLbRyxD9XIiExx6d1-3NQj_3PUAVby1FOV0QPaVxglcZFenp5Sf67evlKGi2nSf0uDtNxa3VmRLc2r55_tx1GT3YtWh6259W7_joVr4E1EM1uZV110FzH/s1600/border_kanan.gif);background-repeat:no-repeat;background-position:right;padding-right:10px;text-decoration:none;color:#666;outline:none;text-shadow:0 1px 0 #fafafa}<br />
.breadcrumbs a:hover{color:#000}

Kemudian langkah selanjutnya adalah mencari kode <b:includable id='main' var='top'>, cara mencarinya sama dengan langkah ke 3.
Masukkan kode di bawah tepat di atas kode <b:includable id='main' var='top'>.

Langkah terakhir adalah mencari kode <b:include data='top' name='status-message'/> dan masukkan kode di bawah ini tepat di atas kode <b:include data='top' name='status-message'/>. (jika kode <b:include data='top' name='status-message'/> ada dua maka masukkan kode dibawah ini di kedua kode tersebut)

Lihat hasilnya, mudah-mudahan dapat memuaskan Anda dan artikel ini dapat bermanfaat untuk Anda. :D

Membuat Breadcrumbs SEO Menarik

Posted by Muhammad Fiqih No comments

Breadcrumbs juga mempunyai fungsi atau manfaat untuk SEO blog milik Anda. Berikut adalah beberapa manfaat yang saya dapat :

Keyword Density-breadcrumbs menambahkan keyword atau kata kunci yang Anda fokuskan bangun dalam halaman blog Anda, building desinty.
Untuk index halaman oleh Google. Dalam pencarian google, biasanya si mesin pencari ini juga menyertakan navigasi blog yang sedang di cari, atau bisa dikatakan bahwa google juga mengindex navigasi terkait keyword yang Anda isikan dalam kotak pencariannya. Contoh kecil seperti gambar di bawah ini:

Langsung saja jika Anda menginginkan adanya breadcrumbs di blog Anda, di bawah ini langkah-langkahnya :

Login ke akun blog Anda.
Klik Template --> Edit HTML.
Cari kode ]]></b:skin>, untuk memudahkan mencarinya gunakan Ctrl+F.
Setelah kodenya ketemu, maka masukkan kode di bawah ini di atas kode ]]></b:skin>.

Kemudian langkah selanjutnya adalah mencari kode <b:includable id='main' var='top'>, cara mencarinya sama dengan langkah ke 3.
Masukkan kode di bawah tepat di atas kode <b:includable id='main' var='top'>.

Langkah terakhir adalah mencari kode <b:include data='top' name='status-message'/> dan masukkan kode di bawah ini tepat di atas kode <b:include data='top' name='status-message'/>. (jika kode <b:include data='top' name='status-message'/> ada dua maka masukkan kode dibawah ini di kedua kode tersebut)

Lihat hasilnya, mudah-mudahan dapat memuaskan Anda dan artikel ini dapat bermanfaat untuk Anda. :D

0 komentar:

Berkomentarlah dengan bijak di blog ini. Share with LOVE guys :)

Kang Fiqih | Assalamu'alaikum wr.wb., salam pagi yang cerah kawan. Rasanya saya tidak bosan-bosan untuk ngeblog sekarang ini, sangat bersemangat sekali untuk berinteraksi dengan Anda semuanya para pembaca blog Kangfiqih.

Sebenarnya saya sedang kurang sehat, namun hal itu tidak menghalangi niat saya untuk terus mengembangkan blog ini dan berusaha untuk menyuguhkan artikel-artikel yang berkualitas di sini. Di hari minggu ini saya akan sedikit membahas tentang yang namanya Recommendation Bar dari Facebook. Recommendation bar ini adalah sebuah widget yang disuguhkan untuk sebuah blog dengan tujuan agar memberikan rekomendasi kepada para pembaca untuk membaca artikel lain dalam sebuah bar.

Widget ini bekerja berdasarkan otorisasi aplikasi. Bisa jadi Anda akan gagal memasangnya karena menggunakan App ID milik user lain yang tidak diotorisasi untuk domain tertentu. Oleh sebab itu, sebaiknya menggunakan Facebook App yang dibuat sendiri oleh Anda.

Jadi, langsung saja untuk memasang widget ini adalah :

Langkah 1 (membuat App ID)

Buatlah App ID terlebih dahulu di Facebook (namun jika Anda sudah memiliki App ID yang terotorisasi untuk blog Anda maka lewati saja langkah ini). Klik disini untuk membuatnya.
Klik tombol +Create New App yang berada di pojok kanan atas..

Pada kotak yang akan muncul nanti, isilah seperti yang ada digambar di bawah ini.

Masukkan kode captcha security code --> klik Submit.
Klik tab Website with Facebook Login dan di dalam kotak tersebut dan isi Url blog Anda. Lihat gambar di bawah. Jangan menyentuh pilihan yang lain dan klik Save Changes.

Setelah itu Anda akan melihat kode numerik. Adan dua kode numerik di sama, yang pertama adalah App ID dan yang satunya lagi adalah App Secret.Nah, App ID inilah yang kita butuhkan untuk membuat Recommendation Bar di blog, simpanlah terlebih dahulu kode App ID tersebut di notepad.

Langkah 1 sudah selesai, sekarang kita masuk ke langkah 2.

Langkah 2 (membuat Recommendation Bar di blog)

Login ke blog Anda terlebih dahulu.
Klik Template --> Edit HTML.
Cari kode <html
Masukkan kode di bawah ini setelah kode <html

Formatnya bisa seperti ini :

<html xmlns:fb='http://ogp.me/ns/fb#' (kode lain yang sudah ada sebelumnya)>

Langkah selanjutnya adalah mencari kode <body>. Anda bisa mencarinya dengan menggunakan Ctrl+F dan masukkan keyword-nya (dalam hal ini <body>).
Setelah ketemu, masukkan kode di bawah ini di bawah kode <body>.

keterangan :

Ganti 123456789012345 App ID Anda.
Ganti http://kangfiqih.blogspot.com dengan alamat blog Anda.

Itulah mungkin salah satu cara untuk membuat Recommendation Bar di blog, mudah-mudahan dapat sedikit membantu Anda dalam mengembangkan blog milik Anda.

Membuat Facebook Recommendations di Blog

Posted by Muhammad Fiqih No comments

Jadi, langsung saja untuk memasang widget ini adalah :

Langkah 1 (membuat App ID)

Buatlah App ID terlebih dahulu di Facebook (namun jika Anda sudah memiliki App ID yang terotorisasi untuk blog Anda maka lewati saja langkah ini). Klik disini untuk membuatnya.
Klik tombol +Create New App yang berada di pojok kanan atas..

Pada kotak yang akan muncul nanti, isilah seperti yang ada digambar di bawah ini.

Masukkan kode captcha security code --> klik Submit.
Klik tab Website with Facebook Login dan di dalam kotak tersebut dan isi Url blog Anda. Lihat gambar di bawah. Jangan menyentuh pilihan yang lain dan klik Save Changes.

Setelah itu Anda akan melihat kode numerik. Adan dua kode numerik di sama, yang pertama adalah App ID dan yang satunya lagi adalah App Secret.Nah, App ID inilah yang kita butuhkan untuk membuat Recommendation Bar di blog, simpanlah terlebih dahulu kode App ID tersebut di notepad.

Langkah 1 sudah selesai, sekarang kita masuk ke langkah 2.

Langkah 2 (membuat Recommendation Bar di blog)

Login ke blog Anda terlebih dahulu.
Klik Template --> Edit HTML.
Cari kode <html
Masukkan kode di bawah ini setelah kode <html

Formatnya bisa seperti ini :

<html xmlns:fb='http://ogp.me/ns/fb#' (kode lain yang sudah ada sebelumnya)>

Langkah selanjutnya adalah mencari kode <body>. Anda bisa mencarinya dengan menggunakan Ctrl+F dan masukkan keyword-nya (dalam hal ini <body>).
Setelah ketemu, masukkan kode di bawah ini di bawah kode <body>.

keterangan :

Ganti 123456789012345 App ID Anda.
Ganti http://kangfiqih.blogspot.com dengan alamat blog Anda.

Itulah mungkin salah satu cara untuk membuat Recommendation Bar di blog, mudah-mudahan dapat sedikit membantu Anda dalam mengembangkan blog milik Anda.

0 komentar:

Berkomentarlah dengan bijak di blog ini. Share with LOVE guys :)

Kang Fiqih | Assalamu'alaikum wr.wb., selamat malam semua. Malam ini tidak tahu kenapa saya tidak bisa tidur, sebenarnya saya sudah mandi, sudah makan dan sudah selarut ini saya masih tidak bisa tidur. Daripada tidak ada kegiatan, lebih baik saya ngeblog aja disini sekarang dan memberikan sebuah artikel yang seperti biasa bertujuan untuk membantu Anda dan menambah wawasan.

Kali ini saya akan membahas mengenai cara membuat sebuah logo di Coreldraw. Apakah Anda semua mengetahui tentang si Coreldraw ini? Coreldraw adalah sebuah software desain grafis, sebuah program komputer yang melakukan editing pada garis vektor.

Sebenarnya untuk mempelajari desain grafis (Coreldraw) ini tidaklah sulit, Anda terlebih dahulu harus mengetahui dan memahami konsep-konsep yang ada di dalamnya seperti tool yang banyak sekali digunakan dalam pembuatan desain di Coreldraw.

Nah, disini saya mempunyai sebuah desain logo yang saya beri nama "G.M.". Apa itu G.M. ? G.M. adalah sebuah singkatan yang diambil dari kata Good Mood. Lantas kenapa saya menamai logo tersebut dengan nama itu ? Itu karena pada saat saya mengerjakan logo tersebut saya sangat bersemangat....hehe

Inilah langkah-langkah atau cara-cara dalam membuat logo tersebut:

1. Anda terlebih dahulu harus masuk ke CorelDraw (disini saya menggunakan Graphic Suite X4), Klik Start --> All Programs --> CorelDraw Graphic Suite X4 --> CorelDraw X4.

2. Buatlah sebuah Elipse dengan menggunakan Elipse Tool (F7), kemudian warnai seperti pada gambar di samping.

3. Buat kembali elipse dengan warna yang berbeda dan tumpangkan di Elipse yang pertama. Pada elipse kedua ini tekan F11 kemudian pilih Type Linear dan klik OK. Selain ini disini kita akan membuat sebuah bayangan, caranya dengan menggunakan interactive drop shadow tool.

4. Untuk ketiga kalinya Anda diharuskan membuat elipse dengan warna berbeda dan membuat sebuah gari yang membentuk huruf “L” seperti tampak pada gambar.

5. Klik pada bentuk yang menyerupai huruf “L” tersebut lalu tekan shift dan kemudian sambil menekan shift Anda klik gambar elipse berwarna merah, langkah terakhir adalah klik Trim. Hasilnya kurang lebih akan menjadi seperti ini.

6. Buat lagi garis lurus dan buat sebuat Rectangle kemudian kedua benda ini kita Trim kembali seperti pada langkah No. 5. (untuk letaknya bisa dilihat di gambar)

7. Buatlah sebuah elipse kecil tanpa warna dan letakkan ditengah benda No. 7. Setelah itu Anda Trim kembali.

8. Langkah sekarang adalah memisahkan bagian yang terpisah seperti pada gambar No. 7 dengan terlebih dahulu membuat Rectangle diletakkan di bagian yang akan kita pisahkan. Dan kemudian kita Intersect.

9. Setelah di Intersect, bentuk tersebut masih utuh dan hanya membuat bagian yang terpisah itu menjadi dua.

10. Kita akan menghilangkan bagian yang terpisah pada bagian yang utuh tersebut dengan membuat Rectangle dan posisikan seperti langkah No. 8, kemudian Trim.

11. Ubah warna pada bagian yang terpisah tersebut dengan warna seperti pada gambar dan tempatkan di bagian yang telah dihapus tadi.

12. Buatlah lingkaran kecil ditengahnya dan beri warna hitam, kemudian kita group semuanya dengan “Ctrl+G”. Setelah kita group maka selanjutnya adalah beri penebalan outline hingga 8 pt dan ubah warna outline dengan warna putih.

13. Setelah selesai maka kita posisikan benda yang telah di group ini di benda pada langkah No. 3. Klik “Ctrl+A” dan di group-kan.

14. Buatlah Sebuah Rectangle dan beri warna putih kemudian hilangkan outline-nya. Setelah itu kita rotasi 45 derajat, buat benda ini menjadi transparan dengan menggunakan Transparacy Tool. Letakkan di atas benda No. 13.

Dan lihat hasilnya, mudah-mudahan dapat membantu Anda.

Selamat beraktivitas dan sampai jumpa ...

Membuat Logo G.M. [Coreldraw]

Posted by Muhammad Fiqih No comments

Inilah langkah-langkah atau cara-cara dalam membuat logo tersebut:

1. Anda terlebih dahulu harus masuk ke CorelDraw (disini saya menggunakan Graphic Suite X4), Klik Start --> All Programs --> CorelDraw Graphic Suite X4 --> CorelDraw X4.

2. Buatlah sebuah Elipse dengan menggunakan Elipse Tool (F7), kemudian warnai seperti pada gambar di samping.

Selamat beraktivitas dan sampai jumpa ...

0 komentar:

Berkomentarlah dengan bijak di blog ini. Share with LOVE guys :)

Kang Fiqih | Assalamu'alaikum wr.wb., baru pulang tarawih langsung inget blog ini dan sedikit mempunyai pencerahan mengenai apa yang akan saya bahas sekarang...he, kemarin saya telah memberikan tutorial tentang Membuat Widget Popular Posts Menarik.

Nah, dipertemuan yang singkat ini saya akan kembali membahas mengenai tutorial blog yang akan berhubungan dengan sebuah jejaring sosial yang bernama Facebook. Ya, saya akan sedikit membantu Anda untuk Membuat Like Box Fun Page Facebook di Blog.

Memang, jika Anda ingin agar blog Anda menjadi lebih dikenal oleh orang lain maka Anda harus bisa-bisa dalam mempromosikan blog Anda ini keluar. Tidak hanya menunggu pengunjung agar datang sendiri ke blog Anda, tetapi Anda juga harus bisa menjemput bola untuk mendapatkan hasil yang maksimal. Dan salah satu caranya adalah mempromosikan blog Anda di Facebook dengan cara membuat like box Facebook yang didalamnya terdapat fun page blog Anda.

Untuk itu, langsung saja ke topik pembahasan. Okeh kawan...he

1. Langkah pertama yang harus Anda lakukan adalah tentu saja Anda harus login ke Facebook Anda.

2. Kemudian silahkan Anda masuk ke sini.

3. Di sana Anda diharuskan mengisi beberapa form, seperti mengisi fun page blog Anda dan lain-lain. (sesuaikan dengan keinginan Anda)

4. Setelah form terisi semua, klik Get Code.

5. Buka Tab baru dan masuk ke blog Anda dan Klik Template --> Edit HTML.

6. Sekarang ada dua tab yang digunakan yakni tab Facebook dan tab Blog.

7. Di tab blog, carilah kode <body>, agar lebih memudahkan klik Ctrl+F dan masukkan keyword yang akan dicari (dalam hal ini <body>)

8. Setelah ketemu, masukkan kode pertama yang ada di langkah 4 tepat di bawah kode <body> dan klik Simpan Template.

9. Masih di tab blog, masuklah ke Tata Letak --> Add Widget --> HTML/Javascript. Kemudian masuk ke tab facebook dan masukkan kode kedua yang ada di sana di HTML/Javascript. Klik Simpan.

10. Lihat hasilnya di blog Anda :)

Mudah-mudahan artikel ini dapat sedikit membantu Anda dalam mempromosikan blog Anda. Jika ada yang kurang dipahami, silahkan tinggalkan komentar di bawah. Terimakasih

Selamat beraktivitas dan sampai jumpa ...

Membuat Like Box Fun Page Facebook di Blog

Posted by Muhammad Fiqih 2 comments

Untuk itu, langsung saja ke topik pembahasan. Okeh kawan...he

1. Langkah pertama yang harus Anda lakukan adalah tentu saja Anda harus login ke Facebook Anda.

2. Kemudian silahkan Anda masuk ke sini.

3. Di sana Anda diharuskan mengisi beberapa form, seperti mengisi fun page blog Anda dan lain-lain. (sesuaikan dengan keinginan Anda)

4. Setelah form terisi semua, klik Get Code.

5. Buka Tab baru dan masuk ke blog Anda dan Klik Template --> Edit HTML.

6. Sekarang ada dua tab yang digunakan yakni tab Facebook dan tab Blog.

7. Di tab blog, carilah kode <body>, agar lebih memudahkan klik Ctrl+F dan masukkan keyword yang akan dicari (dalam hal ini <body>)

8. Setelah ketemu, masukkan kode pertama yang ada di langkah 4 tepat di bawah kode <body> dan klik Simpan Template.

9. Masih di tab blog, masuklah ke Tata Letak --> Add Widget --> HTML/Javascript. Kemudian masuk ke tab facebook dan masukkan kode kedua yang ada di sana di HTML/Javascript. Klik Simpan.

10. Lihat hasilnya di blog Anda :)

Mudah-mudahan artikel ini dapat sedikit membantu Anda dalam mempromosikan blog Anda. Jika ada yang kurang dipahami, silahkan tinggalkan komentar di bawah. Terimakasih

Selamat beraktivitas dan sampai jumpa ...

2 komentar:

Berkomentarlah dengan bijak di blog ini. Share with LOVE guys :)

Kang Fiqih | Assalamu'alaikum wr.wb., bertemu lagi dengan saya Fiqih. Setelah kemarin saya memberikan tips untuk Membuat Blog Dengan benar, sekarang pada kesempatan kedua ini saya ingin memberikan tutorial mengenai cara membuat sebuah popular posts yang bagus dan menarik tentunya.

Biasanya popular posts yang diberikan otomatis oleh blogger.com hanya menampilkan sebuah judul, gambar dan tambahannya berupa cuplikan, namun dengan itu semua kadang kita merasa masih kurang menarik untuk dipandang. Nah, untuk itu saya disini akan membantu Anda sedikit mengenai hal tersebut.

Beranjak dari pengalaman yang saya alami, bahwa cara membuat widget popular posts itu banyak sekali caranya dan juga sangat banyak varian yang dapat kita pilih sesuai dengan keinginan kita masih-masing. Di sini saya mengambih salah satu contoh widget tersebut yang menurut saya sangat menarik karena membuat popular posts tersebut menjadi berwarna-warni serasa melihat sebuah pelangi... hehe

Langsung saja ke cara-cara pembuatannya:

1. Login ke blogger terebih dahulu.

2. Pilih Tata Letak --> Tambah Gadget --> Entri Populer/Popular Posts. Dipengaturan entri populer tersebut, Anda hanya dianjurkan untuk memilih judulnya saja, tidak perlu menggunakan gambar dan cuplikan. Andapun dapat memilih berapa postingan yang akan di tampilkan di popular posts nantinya, bisa satu, dua, tiga, dan sampai maksimal 10.

3. Klik Simpan

4. Sekarang Anda masuk ke Template. Klik Template --> Back Up terlebih dahulu template kamu.

5. Tetap di bagian Template, klik Edit HTML --> Lanjutkan --> Cari kode ]]></b:skin>. Salinlah kode dibawah ini dan letakkan tepat di atas kode ]]></b:skin> .

/* Rainbow Popular Post by http://kangfiqih.blogspot.com*/
#PopularPosts1 ul li a:hover{color:#fff;text-decoration:none}
#PopularPosts1 ul li a {-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; color: #333333; display: block; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; margin: 0px 40px 0px 0px; min-height: 30px; orphans: 2; padding: 0px; text-align: -webkit-auto; text-decoration: none !important; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;}
#PopularPosts1 ul li .item-thumbnail{float:left;border:0;margin-right:10px;background:transparent;padding:0;width:51px;height:51px}
#PopularPosts1 ul li:first-child:after,
#PopularPosts1 ul li:first-child + li:after,
#PopularPosts1 ul li:first-child + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{position:absolute;top:10px;right:5px;border-radius:50%;border:2px solid #ccc;background:#353535;-webkit-box-shadow:0px 0px 5px #000;-moz-box-shadow: 0px 0px 5px #000;width:30px;height:30px;line-height:1em;text-align:center;font-size:28px;color:#fff}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li {background:#DF01D7;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after{content:"8"}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li{background:#B041FF;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after{content:"9"}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li +li{background:#F52887;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{content:"10"}
#PopularPosts1 ul li:first-child + li + li + li + li +li{background:#7ee3c7;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li:after{content:"6"}
#PopularPosts1 ul li:first-child + li + li + li + li + li +li{background:#f6993d;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after{content:"7"}
#PopularPosts1 ul li:first-child + li + li + li + li{background:#33c9f7;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li:after{content:"5"}
#PopularPosts1 ul li:first-child + li + li + li{background:#c7f25f;width:90%}
#PopularPosts1 ul li:first-child + li + li + li:after{content:"4"}
#PopularPosts1 ul li:first-child + li + li{background:#ffde4c;width:90%}
#PopularPosts1 ul li:first-child + li + li:after{content:"3"}
#PopularPosts1 ul li:first-child + li{background:#ff764c; width:90%}
#PopularPosts1 ul li:first-child + li:after{content:"2"}
#PopularPosts1 ul li:first-child{background:#ff4c54 ;width:90%}
#PopularPosts1 ul li:first-child:after{content:"1"}
#PopularPosts1 ul{margin:0;padding:0px 0;list-style-type:none}
#PopularPosts1 ul li{position:relative;margin:6px 0;border-radius:25px 0px 25px 0px;border:2px solid #f7f7f7;-webkit-box-shadow:3px 3px 3px #000;-moz-box-shadow: 3px 3px 3px #000;padding:10px}
/* Rainbow Popular Post by http://kangfiqih.blogspot.com*/

6. Pratinjau terlebih dahulu sebelum menyimpannya. Hal ini bertujuan supaya jika terjadi kegagalan, kita tidak perlu mengulang dari awal.

7. Jika sudah benar, maka Klik Simpan Template.

8. Nikmati dan rasakan hasilnya di blog Anda. :)

Selamat beraktivitas dan sampai jumpa ...

Membuat Widget Popular Posts Menarik

Posted by Muhammad Fiqih No comments

Langsung saja ke cara-cara pembuatannya:

1. Login ke blogger terebih dahulu.

3. Klik Simpan

4. Sekarang Anda masuk ke Template. Klik Template --> Back Up terlebih dahulu template kamu.

5. Tetap di bagian Template, klik Edit HTML --> Lanjutkan --> Cari kode ]]></b:skin>. Salinlah kode dibawah ini dan letakkan tepat di atas kode ]]></b:skin> .

6. Pratinjau terlebih dahulu sebelum menyimpannya. Hal ini bertujuan supaya jika terjadi kegagalan, kita tidak perlu mengulang dari awal.

7. Jika sudah benar, maka Klik Simpan Template.

8. Nikmati dan rasakan hasilnya di blog Anda. :)

Selamat beraktivitas dan sampai jumpa ...

0 komentar:

Berkomentarlah dengan bijak di blog ini. Share with LOVE guys :)

Kang Fiqih | Assalamu'alaikum wr.wb., selamat malam semua. Ini adalah pertemuan pertama saya dengan sobat semua karena ini merupakan blog baru saya yang sengaja dibuat untuk keperluan pembelajaran khusus mengenai dunia teknologi dan internet. (nyambung juga sih dengan jurusan yang saya ambil di perkuliahan)

Nah, ngomong-ngomong tentang internet pasti tidak lepas dengan yang namanya blog. Benar, blog adalah singprikatan dari web log yang merupakan sebuah bentuk aplikasi web yang menyerupai tulisan-tulisan (yang dimuat sebagai postingan) pada sebuah halaman web umum. Blog ini bisa dipakai untuk keperluan individu/pribadi seperti yang dimiliki oleh saya sekarang ini, ataupun untuk keperluan organisasi.

Kembali ke topik bahasan, di pertemuan sekarang ini saya akan membahas mengenai Cara Membuat Blog Dengan Baik dan Benar. Lantas bagaimana sih caranya? Di bawah ini sedikit saya akan memberikan tips-nya agar dapat membantu Anda.

Siapkan judul dan tema blog

Sebelum kita membuat blog alangkah baiknya kita tidak buru-buru. Karena jika tidak, maka kemungkinan besar blog yang kita buat tersebut tidak akan terpakai tepat guna. Ketahuilah terlebih dahulu judul dan tema blog yang akan dibuat, sebaiknya sesuaikanlah tema blog Anda dengan materi kesukaan Anda. Misalkan, Anda sangat menyenangi dunia kesehatan, maka buatlah blog dengan tema kesehatan. Dengan begitu, itu akan membantu Anda dalam membuat sebuah postingan dengan baik karena setidaknya kita mengetahui mengenai kesehatan dan tidak akan membosankan.

Buatlah domain web yang mudah diingat

Selain kita memikirkan judul dan tema blog, yang tak kalah penting adalah domain web yang akan kita miliki nantinya. Kita harus bisa membuat domain web yang gampang diingat oleh orang lain supaya lebih memudahkan para pengunjung blog Anda untuk kembali ke sana.

Pilih desain web sesuai dengan tema blog

Tema blog sudah, domain juga sudah, selanjutnya adalah desain web yang akan dipakai nantinya. Sebaiknya sedari dini Anda memilah-milah mana saja desain web yang baik untuk blog Anda. Seleksilah desain blog yang akan digunakan dan harus disesuaikan dengan blog yang Anda miliki. Kadang, banyak orang yang memilih desain web dengan asal saja, kemudian mereka baru sadar bahwa template blog yang dipakai tidak sesuai dengan tema blognya sehingga mereka mencari lagi dan menggantinya dengan yang baru.

Friendly dalam sebuah postingan

Friendly dalam sebuah postingan? Maksudnya apa? Maksudnya adalah pada saat Anda akan mempostingsebuah artikel, pastikan bahwa postingan Anda tersebut akan menarik untuk dibaca oleh khalayak. Dan dalam sebuah postingan artikel juga kita musti bisa memasukkan diri kita di dalamnya sehingga pada saat orang lain membaca artikel kita, orang tersebut merasa ada seorang Admin yang menemani. Hal tersebut akan sangat baik untuk dilakukan.

Menggunakan bahasa yang baik dan benar

Jangan lupa, jangan hanya friendly saja yang di perhitungkan, bahasapun harus menggunakan bahasa yang baik dan benar. Biasanya seorang pemilik blog yang friendly banyak menggunakan bahasa yang tidak sesuai dengan EYD, memang susah jika mengikuti EYD, namun setidaknya kita berusaha. Bener gak? :D... Bahasa yang baikpun bisa membuat pembaca blog Anda nyaman dan betah berada di blog Anda tersebut.

Itulah beberapa tips yang bisa saya berikan untuk Anda semua. Semoga dapat membantu Anda dalam mengawali membua blog yang baik dan benar karena di sinipun saya masih belajar juga..hihi :D

Selamat beraktivitas dan sampai jumpa ...

Awali Membuat Blog Dengan Benar

Posted by Muhammad Fiqih No comments

Siapkan judul dan tema blog

Buatlah domain web yang mudah diingat

Pilih desain web sesuai dengan tema blog

Friendly dalam sebuah postingan

Menggunakan bahasa yang baik dan benar

Itulah beberapa tips yang bisa saya berikan untuk Anda semua. Semoga dapat membantu Anda dalam mengawali membua blog yang baik dan benar karena di sinipun saya masih belajar juga..hihi :D

Selamat beraktivitas dan sampai jumpa ...

0 komentar:

Berkomentarlah dengan bijak di blog ini. Share with LOVE guys :)

What's New Here?

Pengertian dan Awal Mula Jaringan Internet

0 komentar:

Membuat Laptop Menjadi Hotspot Area

0 komentar:

Membuat Author Box (Kotak Author) di Bawah Postingan Blog

3 komentar:

Membuat Scroll pada Blog Archive (Arsip Blog)

0 komentar:

Merubah Tampilan Facebook Terbaru 2013

0 komentar:

Membuat Headline News Di Blog

0 komentar:

Membuat Breadcrumbs SEO Menarik

0 komentar:

Membuat Facebook Recommendations di Blog

0 komentar:

Membuat Logo G.M. [Coreldraw]

0 komentar:

Membuat Like Box Fun Page Facebook di Blog

2 komentar:

Membuat Widget Popular Posts Menarik

0 komentar:

Awali Membuat Blog Dengan Benar

0 komentar:

SPONSOR

Popular Posts

ALWAYS ON

ARSIP BLOG

ABOUT ME

TAG

FOLLOWERS

VISITOR