Blog sebagai sosial media

Blog (Web blog) adalah aplikasi web yang menyerupai tulisan-tulisan (di sebut posting) pada halaman web umum. blog ini biasanya dapat di akses  oleh semua pengguna internet tergantung topik dan tujuan si pegguna internet tersebut.

1. Sejarah

Justin Hall memulai website pribadinya "Justin’s Home Page" pada Januari 1994  lalu berubah namanya menjadi  "Links from the Underground",yang bisa disebut sebagai Blog pertama seperti yang kita kenal sekarang.pada tahun 1998 jumlah blog masih sangat sedikit, ini di sebabab kan karena diperlukan keahlian khusus tetang HTML, Web hosting dan website.
Hingga kemudian Pyra labs membuat Blogger.com. Blogger adalah sebuah sistem publikasi blog yang di buat oleh Pyra Labs pada tanggal 23 Agustus '99. blogger berkembang sangat pesat dan menjadi sangat populer, oleh karena itu akhirnya Pyra Labs diakuisisi oleh Google. Akuisisi yang di lakukan oleh google menyebabkan fitur premium yang sebelumnya berbayar menjadi gratis.
lalu selain gratis , google juga membuat Blogger.com menjadi sumber terbuka , sehingga perkembangannya menjadi sangat lebih pesat.

2. Konsep
Blogger memiliki konsep sebagai media jejaring sosial dimana Pengguna dapat membuat tulisan  apapun yang mereka inginkan. lalu tulisan itu di poskan di blog , yang dapat di akses oleh pengguna internet.
3. Fitur pada blogger

Pada blogger.com ada beberapa fitur yang bisa kita gunakan setelah kita mmembuat akun. berikut fitur  yang di sediakan oleh blogger .com

--Entri baru

Entri baru adalah tab pada saat kita akan menulis artikel baru yang akan di tampilkan pada blog.

--ikhtisar
adalah kumpulan informasi blog secara umum , informasi pada ikhtisar ini adalah
Komentar yang diterbitkan
Penayangan hari ini
Pos
Pengikut
--Laman
laman ini berbeda sedikit dengan postingan walaupun formatnya bisa sama. pada laman ini terdapat 2 pilihan yaitu  laman kosong atau alamat web. jika kita memilih laman kosong maka akan muncul seperti jendela seperti saat kita ingin memposkan tulisan. lalu jika memilih alamat web, kita hanya tinggal menaruh judul dan alamt url yang akan di tuju jika di klik. Laman ini biasa di gunakan untuk navigasi pada blog , yang terletak pada bagian atas tampilan blog.
--komentar
berguna untuk mengetahui orang yang komentar pada tulisan kita. di tab ini anda bisa menghapus atau membalas komentar yang di berikan oleh orang lain.
--google+
karena blogger adalah produk google juga fitur ini di gunakan untuk menyambungkan blog anda dengan akun G+.
--penghasilan
fitur ini di berikan oleh google kepada para blogger untuk memonetasi blog mereka. fitur ini terhubung dengan akun google adsense ,oleh karena itu jika ingin menggunakan produk ini maka anda harus membuat akun adsense terlebih dahulu
--Tata letak
tab ini berguna untuk mengatur tata letak widget pada blog kita tanpa harus mengedit HTML atau script pada blog.
--Tamplate
Fitur ini di gunakan mengedit script tamplate pada blog , anda di berikan kebebasan untuk membuat, mengganti dan memodiikasi tamplate bawaan dari blogger atau tamplate milik anda sendiri.
--Setelan
seperti namanya fitur ini di gunakan untuk mengatur akun , nama alamat blog, admin , format pos dan komentar, email dll secara keseluruhan.


4. Kelebihan dan Kekurangan

Kelebihan :

1. Terintegrasi dengan Akun Google
2. Proses Sign Up yang mudah, karena terintegrasi dengan akun google
3. tampilan yang sangat sederhana sehingga mudah di gunakan oleh siapa saja

5. Tersedia navigasi dalam bahasa Indonesia.

6. gratis
7. Navigasi admin sederhana, dan mudah dimengerti : posting, Pengaturan, Tata Letak
8. Bisa memiliki banyak blog dalam satu akun
9.  ga perlu repot-repot mikirin bandwith, back-up data, kapasitas harddisk, semua yang ngatur Google.
10. Cepat dan nyaman. Pengunjung yang datang ke blog kamu akan merasakan kecepatan seperti halnya blogspot atau datang ke server Google yang lain.
11. Monetize untuk ad-sense Google lebih mudah, karena sudah ada widget default dari blogger.

Kekurangan :

1. tidak ada bedanya antara blogspot.com dengan self hosting, semua fasilitas yang didapatkan sama saja.
2. Di deleted total, karena data-data blog ada di server Google jadi  Kalo Kita ngelanggar TOSnya blogspot.com , bisa di delete permanent

5. Keamanan

Pada blogger menurut saya sudah cukup aman , karena ada email pemulihan seperti gmail. hanya tinggal kita menjaga password dan username agar aman. selain itu juga blogger menyediakan auto scan spam, jadi jika ada komentar yang bersifat spam tidak akan langsung di publish pada blog.


6. Pemanfaatan dan Pengembangan masa depan

Manfaat dari blog
- dapat memberikan informasi yang kita ketahui pada orang lain yang mungkin saja berguna.
- seperti halnya sosial media lainnya manfaat blogger yaitu menambah temanerbagi
- kita dapat memonetasi blog kita, dan membuatnya sebagai bisnis online.
- melatih kita untuk dapat menulis artikel, tanpa melanggar hak cipta tentunya

Pengembangan masa depan
- Dapat di jadikan sebagai sumber informasi yang sangat luas
- memberikan pendidikan gratis pada orang lain yng mungkin kurang beruntung dan tidak dapat bersekolah.





referensi
domainindo.comid.wikipedia.com

10 Alamat website termahal yang pernah di jual

Berikut adalah 10 nama alamat website termahal yang pernah di jual

1. Insure.com

Harga alamat website : $16,000,000

Alexa Page Rank       : 77,613

Terjuak pada             : N/A

2. Sex.com

Harga alamat website : $13,000,000

Alexa Page Rank       : 2,342

Terjuak pada             : 2010

3. Porn.com

Harga alamat website : $9,500,000

Alexa Page Rank       : 671

Terjuak pada             : 2007

4. Fb.com

Harga alamat website : $8,500,000

Alexa Page Rank       : not Avaiable

Terjuak pada             : 2010

5. Business.com

Harga alamat website : $7,500,000

Alexa Page Rank       : 8,434

Terjuak pada             : 1999

6. Diamond.com

Harga alamat website : $7,500,000

Alexa Page Rank       : not avalable

Terjuak pada             : 2006

7. Beer.com

Harga alamat website : $7,500,000

Alexa Page Rank       : 850,984

Terjuak pada             : N/A

8. Israel.com

Harga alamat website : $7,500,000

Alexa Page Rank       : 1.207.424

Terjuak pada             : N/A

9. Casino.com

Harga alamat website : $5,500,000

Alexa Page Rank       : 2,235

Terjuak pada             : N/A

10 Slots.com

Harga alamat website : $5,500,000

Alexa Page Rank       : 1,999,675

Terjuak pada             : 2010

semoga suatu saat  blog ini juga mendapat  harga yang tinggi hehe.

10 Kata kunci yang paling di cari di Google tahun 2012

Berikut adalah kata kunci yang paling banyak dicari di google tahun 2012. data nya di dapat dari google trends yang di sediakan oleh google. Kata kunci ini mungkin dapat berguna bagi para blogger untuk meningkatkan pengunjung blog nya.

Ok, berikut kata kunci yang paling banyak di cari di seluruh dunia tahun 2012.
di tempat pertama masih sama dengan tahun kemarin yaitu facebook, lalu di ikuti dengan YouTube lalu Google 

Tidak hanya di dunia, google trend pun menyediakan fitur untuk mencari kata kunci terpopuler di setiap negara. dan berikut adalah kata kunci yang paling di cari di indonesia

sekian walaupun simpel tulisannya semoga ajah berguna , jika ingin lebih lengkap lagi silahkan kunjungi Google Trends nya langsung.

10 Website berpenghasilan tertinggi di tahun 2012

Bisnis online adalah salah satu cara yang  terkenal untuk menghasilkan uang. banyak pemilik web / blog yang berimpian untuk menghasilkan uang dari website mereka. berikut adalah daftar 10 website berpenghasilan tertinggi di tahun 2012.

1. Google
                                                        
Pendiri                                          : Larry page dan Sergey Brin
Pendapatan per detik                    : $607.05
Pendapatan Rata-rata per tahun    : $22,000,000,000

2. Amazon
                                             
Pendiri                                          : Jeff Bezos
Pendapatan per detik                    : $607.05
Pendapatan Rata-rata per tahun    : $19,200,000,000

3. Yahoo
                                             
Pendiri                                          : Jerry Yang dan David Filo
Pendapatan per detik                    : $228.31
Pendapatan Rata-rata per tahun    : $7,200,000,000

4. eBay
                                                  
Pendiri                                          : Piere Omidar
Pendapatan per detik                    : $199.45
Pendapatan Rata-rata per tahun    : $6,300,000,000

5. Msn/Live
                                               
Pendiri                                          : Nathan Myhvoid
Pendapatan per detik                    : $102.05
Pendapatan Rata-rata per tahun    : $3,200,000,000

6.Paypal
                                                
Pendiri                                          : Luke Nosek, Max Levchin and Peter Thiel
Pendapatan per detik                    : $71.40
Pendapatan Rata-rata per tahun    : $22,000,000,000

7. iTunes
                                                   
Pendiri                                          : Jeff Robin
Pendapatan per detik                    : $60.00
Pendapatan Rata-rata per tahun    : $1,900,000,000

8. Rueters
                                              
Pendiri                                          : Marshal Vace
Pendapatan per detik                    : $60.00
Pendapatan Rata-rata per tahun    : $1,900,000,000

9. Priceline
                                       
Pendiri                                          : Jesse Fink
Pendapatan per detik                    : $59.6
Pendapatan Rata-rata per tahun    : $1,850,000,000

10. Expedia

                                        
Pendiri                                          : Larry page dan Sergey Brin
Pendapatan per detik                    : $46.00
Pendapatan Rata-rata per tahun    : $22,000,000,000

3 website terbaik untuk mengukur kecepatan loading suatu website / blog

Kecepatan loading suatu website / blog sangat penting. oleh karena itu bagi para blogger di haruskan untuk mengetahui kecepatan website/ blog miliknya. karena kecepatan loading suatu website / blog dapat mempengaruhi pengunjung yang akan mengunjungi blog anda. pengunjung bisa berkurang jika loading blog anda lama atau berat.berikut 3 website terbaik untuk mengetahui kecepatan loading website anda.

1.Pingdom

Pingdom adalah website paling terpercaya untuk mengukur suatu website.

                 

2. web page test

ini juga salah satu yang terpercaya. disini anda dapat mengecek kecepataan di beda browser

                        

3. page speed

kalo ini buatan google selain untuk mengukur kecepatan juga memberikan saran agar website anda menjadi lebih cepat.

                        

sekian untuk postingan kali ini , semoga berguna

Membuat kotak pada postingan blog untuk kode html

Kali ini saya akan menunjukkan cara untuk membuat kotak pada postingan blog biasanya sih para blogger menggunakan kotak ini untuk tempat kode html klo mau ngansih tutorial blog.  berikut contohnya :

<script language="JavaScript"> imgr = new Array(); imgr[0] = "http://i43.tinypic.com/orpg0m.jpg"; imgr[1] = "http://i43.tinypic.com/orpg0m.jpg"; imgr[2] = "http://i43.tinypic.com/orpg0m.jpg"; imgr[3] = "http://i43.tinypic.com/orpg0m.jpg"; imgr[4] = "http://i43.tinypic.com/orpg0m.jpg"; showRandomImg = true; boxwidth = 298; cellspacing = 8; borderColor = "#ffffff"; bgTD = "#000000"; thumbwidth = 40; thumbheight = 40; fntsize = 15; acolor = "#666"; aBold = true; icon = " "; text = "comments"; showPostDate = false; summaryPost = 40; summaryFontsize = 10; summaryColor = "#666"; icon2 = " "; numposts = 6; home_page = "http://ilfen.blogspot.com/"; </script> <script src="http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js" type="text/javascript"></script>

oke untuk pemasangannya gampang tinggal copy kode berikut

<div><textarea cols="20" name="code" rows="3">your text here </textarea></div>

lalu Tempatkan pada postingan di blog anda, untuk penjelasannya :

cols = "20" itu digunakan untuk lebarnya
rows = ''3'' untuk tingginnya
dan tempatkan text anda pada tulisan your text here

sumber

http://ilfen-share.blogspot.com/2012/12/memasang-kotak-untuk-kode-html-pada.html

Memasang Kotak untuk kode HTML pada postingan

Kali ini saya akan menunjukkan cara untuk membuat kotak atau text area pada postingan blog. biasanya sih para blogger menggunakan kotak ini untuk menaruh kode html klo mau ngansih tutorial blog tapi juga bisa buat pesandari pengarang blog.  berikut contohnya :

<script language="JavaScript">imgr = new Array(); imgr[0] = "http://i43.tinypic.com/orpg0m.jpg"; imgr[1] = "http://i43.tinypic.com/orpg0m.jpg"; imgr[2] = "http://i43.tinypic.com/orpg0m.jpg"; imgr[3] = "http://i43.tinypic.com/orpg0m.jpg"; imgr[4] = "http://i43.tinypic.com/orpg0m.jpg"; showRandomImg = true; boxwidth = 298; cellspacing = 8; borderColor = "#ffffff"; bgTD = "#000000"; thumbwidth = 40; thumbheight = 40; fntsize = 15; acolor = "#666"; aBold = true; icon = " "; text = "comments"; showPostDate = false; summaryPost = 40; summaryFontsize = 10; summaryColor = "#666"; icon2 = " "; numposts = 6; home_page = "http://ilfen.blogspot.com/"; </script><script src="http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js" type="text/javascript"></script>

oke untuk pemasangannya gampang tinggal copy kode berikut

<div><textarea cols="20" name="code" rows="3">your text here </textarea></div>

lalu Tempatkan pada posisi yang anda inginkan bisa di bawah postingan sebagai pesan atau di postingan itu sendiri.
untuk penjelasannya :

cols = "20" itu digunakan untuk lebarnya
rows = ''3'' untuk tingginnya
your text here = untuk menaruh teks yang di tempatkan pada blog.

Membuat Scroll Untuk Widget Popular Post, label dan Archieve

walapun cara memasang scroll pada widget seperti label atau popular post ini memang sudah banyak yang nge-share, tapi tidak ada salahnya saya kasih tau lagi ke teman yang belum tau. berikut langkah-langkahnyaa untuk  membuat widget Populer Post , Archive , Recent post juga Label memiliki scroll caranya gampang cuma nambah script sedikit

1. Masuk / login ke blogger

2. lalu klik Edit tamplate

3. jangan lupan klik expand widget

4 lalu cari kode ini ]]></b:skin> untuk memudahkan tekan Ctrl +F 

5. lalu copy kode dibawah ini lalu paste tepat di atas kode ]]></b:skin> 

                                    #BlogArchive1 .widget-content{ height:200px; width:auto; overflow:auto; }

6. klik save tamplate

kode diatas digunakan untuk membuat scroll pada blog archive, jika ingin membuat scroll pada populer post tinggal ganti kode   #BlogArchive1 dengan #PopularPost1 jika ingin menaruh di widget lain juga bisa tinggal sesuaikan dengan nama widget itu sendiri
penjelasan

height = di gunakan untuk mengatur tinggi dari kotak nya.
#BlogArchieve = nama dari widgetnya

Memasang Widget Recent Post pada blog

kali ini saya akan membagi cara memasang recent post pada blog yang saya tahu, recent post sendiri berguna untuk memberi tahu pengunjung tentang tulisan yang baru kita buat pada blog. beda dengan recent post yang biasa, recent post ini di sertai dengan gambar di samping judul nya yang membuat lebih menarik. langsung ajah berikut caranya 

1. masuk ke blogger

2. pilih layout atau tata letak 

3. Kemudian pilih menu Layout ->> Add a gadget ->> pilih gadget type ->> HTML/Javascript.

copy kode di bawah ini :

<script language="JavaScript">imgr = new Array(); imgr[0] = "http://i43.tinypic.com/orpg0m.jpg"; imgr[1] = "http://i43.tinypic.com/orpg0m.jpg"; imgr[2] = "http://i43.tinypic.com/orpg0m.jpg"; imgr[3] = "http://i43.tinypic.com/orpg0m.jpg"; imgr[4] = "http://i43.tinypic.com/orpg0m.jpg"; showRandomImg = true; boxwidth = 298; cellspacing = 8; borderColor = "#ffffff"; bgTD = "#000000"; thumbwidth = 40; thumbheight = 40; fntsize = 15; acolor = "#666"; aBold = true; icon = " "; text = "comments"; showPostDate = false; summaryPost = 40; summaryFontsize = 10; summaryColor = "#666"; icon2 = " "; numposts = 6; home_page = "http://ilfen.blogspot.com/"; </script><script src="http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js" type="text/javascript"></script>

3. lalu ganti http://ilfen.blogspot.com/ dengan alamat blog anda 

4. klik save tamplate

Memasang Related post / artikel terkait di bawah psotingan

berikut adalah cara untuk memasang related post di bawah postingan blog. berguna untuk memberi tahu pengunjung artikel yang berkaitan dengan artikel yang sedang di baca. berikut caranya :

1. login ke blogger 
2. pilih Tamplate  --> edit html --> proceed lalu jangan lupa untuk klik expand widget tamplate 
3. lalu cari kode </head> untuk mencarinya tinggal ctrl + , lalu letakkan kode berikut tepat di atasnya

<style>#related-posts { float : left; width : 540px; margin-top:20px; margin-left : 5px; margin-bottom:20px; font : 11px Verdana; margin-bottom:10px; } #related-posts .widget { list-style-type : none; margin : 5px 0 5px 0; padding : 0; } #related-posts .widget h2, #related-posts h2 { font-size : 20px; font-weight : normal; margin : 5px 7px 0; padding : 0 0 5px; } #related-posts a { text-decoration : none; } #related-posts a:hover { text-decoration : none; } #related-posts ul { border : medium none; margin : 10px; padding : 0; } #related-posts ul li { display : block; background : url("https://sites.google.com/site/multipaste1/rss.png") no-repeat 0 0; margin : 0; padding-top : 0; padding-right : 0; padding-bottom : 1px; padding-left : 21px; margin-bottom : 5px; line-height : 2em; border-bottom:1px dotted #cccccc; } </style><script src='https://sites.google.com/site/multipaste1/Related_posts.js?attredirects=0=1' type='text/javascript'/>

4. setelah itu cari kode <data:post.body/> letakkan kode berikut tepat di bawahnya

<b:if cond='data:blog.pageType == "item"'> <div id='related-posts'> <font face='Arial' size='3'><b>Artikel Terkait :</b></font><font color='#FFFFFF'><b:loop values='data:post.labels' var='label'><b:if cond='data:label.isLast != "true"'>,</b:if><b:if cond='data:blog.pageType == "item"'> <script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=5"' type='text/javascript'/></b:if></b:loop> </font> <script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels(); </script> </div></b:if>

5. untuk kata Artikel Terkait bisa di ubah menjadi related post tergantung selera
6. terakhir save tamplate .

Memasang widget navigasi pada blog

Navigasi pada bog sangat penting agar pengunjung blog dapat dengan mudah mengeksplore blog yang sedang di kunjungi. oleh karena itu berikut cara yang saya tau untuk memasang navigasi pada blog :
1. login ke blogger
2. masuk ke menu layout lalu add gadget.
3. pilih HTML/Java Script
4. masukkan kode berikut


<style>
/*---------------------------------------------------------------------------------*/
/* CATEGORY MENU */
/*---------------------------------------------------------------------------------*/
#cat-menu { background:none; height:35px;}
/* category navigation */
.nav { background:#f5f5f5;width:100%;z-index:99; float:left; margin:5px 0 10px 0; padding:0px; list-style:none; height:35px;}
.nav a { position:relative; color:#555; display:block; z-index:100; text-decoration:none; }
.nav li { float:left; width:auto; border-right:1px solid #d9d9d9; }
.nav li a { font:bold 11px/15px Arial,serif; padding:10px 12px; text-decoration:none; text-transform:uppercase; }
.nav li a:hover{ background:#333; color:#fff; text-decoration:underline;}</style>
<div id='cat-menu'>
<ul class='sf-menu nav' id='cat-nav'>
<li><a href="Link anda"> menu 1</a></li>
<li><a href="link tujuan"> menu 2</a></li>
<li><a href="link tujuan"> menu 3</a></li>
</ul> 
</div>

4. save , lalu atur tempatnya sesuai desain tamplate, biasanya dipasang di bawah header atau di atas post tergantung tamplatenya.
5. jangan lupa ganti link tujuan sama namanya.

Memasang widget navigasi pada blog tanpa edit HTML

kali ini saya akan berbagi cara memasang navigasi pada blog, seperti yang diketahui oleh sobat blogger navigasi sangat penting untuk blog. agar mudah untuk menuntun pngunjung untuk mengeksplor blog dan mudah mencari informasi pada sebuah blog. walaupun sudah banyak tamplate yang sudah memasang langsung navigasi , tapi bagi yang belum punya atau masih kurang bisa memasang navigasi ini. cara memasangnya mudah kebanyakan untuk memasang navigasi kita harus mengedit html nya langsung tapi navigasi ini hanya tinggal memasang gadget, berikut caranya :
1. login ke blogger
2. masuk ke menu layout lalu add gadget.
3. pilih HTML/Java Script
4. masukkan kode berikut


<style>
/*---------------------------------------------------------------------------------*/
/* CATEGORY MENU */
/*---------------------------------------------------------------------------------*/
#cat-menu { background:none; height:35px;}
/* category navigation */
.nav { background:#f5f5f5;width:100%;z-index:99; float:left; margin:5px 0 10px 0; padding:0px; list-style:none; height:35px;}
.nav a { position:relative; color:#555; display:block; z-index:100; text-decoration:none; }
.nav li { float:left; width:auto; border-right:1px solid #d9d9d9; }
.nav li a { font:bold 11px/15px Arial,serif; padding:10px 12px; text-decoration:none; text-transform:uppercase; }
.nav li a:hover{ background:#333; color:#fff; text-decoration:underline;}</style>
<div id='cat-menu'>
<ul class='sf-menu nav' id='cat-nav'>
<li><a href="Link anda"> menu 1</a></li>
<li><a href="link tujuan"> menu 2</a></li>
<li><a href="link tujuan"> menu 3</a></li>
</ul> 
</div>

4. save , lalu atur tempatnya sesual desain tamplate, biasanya dipasang di bawah header atau di atas post tergantung tamplatenya.
5. jangan lupa ganti link tujuan sama namanya.

sekian tutorial blog dari saya baca juga yang lain

sumber
http://ilfen-share.blogspot.com/2012/12/memasang-widget-navigasi-pada-blog.html

Cara memasang Related post (artikel terkait) pada blog

untuk paraa blogger yang ingin memasang related post atau artikel terkait berikut caranya, sebelumnya untuk artikel terkait ini di ambil dari label yang sama jadi saat kita posting artikel terkait yag keluar merupakan artikel yang label nya sama dari postingan itu. langsung ajah untuk memasang Artikel terkait berikut caranya 
1. login ke blogger 
2. pilih Tamplate  --> edit html --> proceed lalu jangan lupa untuk klik expand widget tamplate 
3. lalu cari kode </head> untuk mencarinya tinggal ctrl + , lalu letakkan kode berikut tepat di atasnya
<style>
#related-posts { float : left; width : 540px; margin-top:20px; margin-left : 5px; margin-bottom:20px; font : 11px Verdana; margin-bottom:10px; }
#related-posts .widget { list-style-type : none; margin : 5px 0 5px 0; padding : 0; }
#related-posts .widget h2,
#related-posts h2 { font-size : 20px; font-weight : normal; margin : 5px 7px 0; padding : 0 0 5px; } #related-posts a { text-decoration : none; } #related-posts a:hover { text-decoration : none; } #related-posts ul { border : medium none; margin : 10px; padding : 0; }
#related-posts ul li { display : block; background : url("https://sites.google.com/site/multipaste1/rss.png") no-repeat 0 0; margin : 0; padding-top : 0; padding-right : 0; padding-bottom : 1px; padding-left : 21px; margin-bottom : 5px; line-height : 2em; border-bottom:1px dotted #cccccc; }
</style>
<script src='https://sites.google.com/site/multipaste1/Related_posts.js?attredirects=0=1' type='text/javascript'/> 

4. setelah itu cari kode <data:post.body/> letakkan kode berikut tepat di bawahnya

<b:if cond='data:blog.pageType == &quot;item&quot;'>
 <div id='related-posts'> <font face='Arial' size='3'><b>Artikel Terkait :</b></font><font color='#FFFFFF'><b:loop values='data:post.labels' var='label'><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if><b:if cond='data:blog.pageType == &quot;item&quot;'> <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/>
</b:if></b:loop> </font>
 <script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels(); </script>
 </div>
</b:if>

5. untuk kata Artikel Terkait bisa di ubah menjadi related post tergantung selera
6. terakhir save tamplate .

sekian dari saya, jika ada yang kurang jelas silahkan komen di bawah ini


sumber
http://ilfen-share.blogspot.com/2012/12/memasang-related-post-artikel-terkait.html

Memasang widget recent post keren pada blog

Untuk memasang widget recent post atau artikel terbaru caraya mudah dengan cara sebagaiu berikut

1. masuk ke blogger

2. pilih layout atau tata letak 

3. Kemudian pilih menu Layout ->> Add a gadget ->> pilih gadget type ->> HTML/Javascript.

copy kode di bawah ini :

<script language="JavaScript"> imgr = new Array(); imgr[0] = "http://i43.tinypic.com/orpg0m.jpg"; imgr[1] = "http://i43.tinypic.com/orpg0m.jpg"; imgr[2] = "http://i43.tinypic.com/orpg0m.jpg"; imgr[3] = "http://i43.tinypic.com/orpg0m.jpg"; imgr[4] = "http://i43.tinypic.com/orpg0m.jpg"; showRandomImg = true; boxwidth = 298; cellspacing = 8; borderColor = "#ffffff"; bgTD = "#000000"; thumbwidth = 40; thumbheight = 40; fntsize = 15; acolor = "#666"; aBold = true; icon = " "; text = "comments"; showPostDate = false; summaryPost = 40; summaryFontsize = 10; summaryColor = "#666"; icon2 = " "; numposts = 6; home_page = "http://ilfen.blogspot.com/"; </script> <script src="http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js" type="text/javascript"></script>

3. lalu ganti http://ilfen.blogspot.com/ dengan alamat blog anda 

4. klik save tamplate

sumber
http://ilfen-share.blogspot.com/2012/12/memasang-widget-recent-post-pada-blog.html

Memasang facebook like box keren pada blog

Banyak cara untuk membuat blog kita terindeks oleh google dan traffic tinggi. salah satunya dengan share ke social media, salah satunya facebook. berikut adalah cara untuk memasang kotak like facebook pada blog.kotak ini berfungsi untuk mengkoneksikan pengunjung kita dengan page yang sudah kita buat di facebook.berikut caranya :

1. masuk ke blogger

2. lalu pilih tamplate => proceed => edit html dan jangan lupa untuk centang expand widget

3. setelah itu cari kode <head> kemudian paste kode di bawah ini tepat dibawah kode <head>

<scriptsrc="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>

4. Simpan template dengan menekan tombol Save Template
5. Kemudian pilih menu Layout ->> Add a gadget ->> pilih gadget type ->> HTML/Javascript.
6. Copy kode di bawah ini, dan paste ke dalam kotak Content, gadget HTML/Javascript, tidak perlu diberi title.

<script type="text/javascript">
//<!--
$(document).ready(function() {$(".floatinglikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.floatinglikebox{background: url("https://lh4.googleusercontent.com/-zbDw9p8R20o/T8mpaxK77yI/AAAAAAAAB-Y/pDsYMYlDi5M/s136/floatingfb.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 40px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.floatinglikebox div{border:none;position:relative;display:block;}
.floatinglikebox span{bottom: 10px;font: 10px tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.floatinglikebox span a{color: #808080;text-decoration:none;}
.floatinglikebox span a:hover{text-decoration:underline;}
</style><div class="floatinglikebox" style=""><div><iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/Ilfenshare&amp;width=250&amp;height=260&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23cccccc&amp;stream=false&amp;header=false&amp;appId=339941006059696" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:260px; background:#fff;" allowtransparency="true"></iframe><span><a href="http://ilfen.blogspot.com/2012/12/memasang-facebook-like-box-fanpage-like.html" target="_blank">Blogger Widget</a></span></div></div>

7. Jangan lupa untuk mengganti kode https://www.facebook.com/Ilfenshare dengan URL Facebook Like Box anda
8. Jika ingin menyesuaikan tinggi dan lebar widget silahkan edit kode yang di bold hitam dengan angka yang anda inginkan
9. Klik tombol Save untuk menyimpan Gadget

hasilnya akan sama dengan kotak like facebook yang ada pada blog ini , bisa di liat di samping kanan.




sumber 
Multipaste.blogspot.com

Memasang facebook like box / fanpage like box pada blog

memasang kotak like untuk fanpage di blog ada banyak                       caranya, tapi saya lebih suka yang seperti pada blog ini yang terletak di kanan, selain menarik juga  menghemat space pada blog. Widget ini dipublikasikan oleh BloggerHack pada November 2011 dan saya paste kembali di blog ini untuk saling berbagi informasi, script widget menggunakan jQuery plugin yang ditanamkan pada bagian head dukumen HTML Template, serta kode widget yang di tambahkan melalui add a gadget type HTML/Javascript. langsung ajah step-stepnya sebagai berikut

1. masuk ke blogger

2. lalu pilih tamplate => proceed => edit html dan jangan lupa untuk centang expand widget

3. setelah itu cari kode <head> kemudian paste kode di bawah ini tepat dibawah kode <head>

<script src="https://ajax.googleapis.com/ajax/libs /jquery/1.6.1/jquery.min.js" type="text/javascript"></script>

4. Simpan template dengan menekan tombol Save Template
5. Kemudian pilih menu Layout ->> Add a gadget ->> pilih gadget type ->> HTML/Javascript.
6. Copy kode di bawah ini, dan paste ke dalam kotak Content, gadget HTML/Javascript, tidak perlu diberi title.

<script type="text/javascript"> //<!-- $(document).ready(function() {$(".floatinglikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);}); //--> </script> <style type="text/css"> .floatinglikebox{background: url("https://lh4.googleusercontent.com/-zbDw9p8R20o/T8mpaxK77yI/AAAAAAAAB-Y/pDsYMYlDi5M/s136/floatingfb.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 40px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;} .floatinglikebox div{border:none;position:relative;display:block;} .floatinglikebox span{bottom: 10px;font: 10px tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;} .floatinglikebox span a{color: #808080;text-decoration:none;} .floatinglikebox span a:hover{text-decoration:underline;} </style><div class="floatinglikebox" style=""> <div> <iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/Ilfenshare&width=250&height=260&colorscheme=light&show_faces=true&border_color=%23cccccc&stream=false&header=false&appId=339941006059696" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:260px; background:#fff;" allowtransparency="true"></iframe><span><a href="http://ilfen.blogspot.com/2012/12/memasang-facebook-like-box-fanpage-like.html" target="_blank">Blogger Widget</a></span></div> </div>

7. Jangan lupa untuk mengganti kode https://www.facebook.com/Ilfenshare dengan URL Facebook Like Box anda
8. Jika ingin menyesuaikan tinggi dan lebar widget silahkan edit kode yang di bold hitam dengan angka yang anda inginkan
9. Klik tombol Save untuk menyimpan Gadget

sumber 
Multipaste.blogspot.com
http://ilfen-share.blogspot.com/2012/12/memasang-facebook-like-box-pada-blog.html 

Membuat Scroll Untuk Widget Popular Post,Recent Post , Label Dan Blog Archive

Kali ini saya akan memberi tahu cara membuat widget Populer Post , Archive , Recent post juga Label memiliki scroll caranya gampang cuma nambah script sedikit

1. Masuk / login ke blogger

2. lalu klik Edit tamplate

3. jangan lupan klik expand widget

4 lalu cari kode ini ]]></b:skin> untuk memudahkan tekan Ctrl +F 

5. lalu copy kode dibawah ini lalu paste tepat di atas kode tadi 

#BlogArchive1 .widget-content{
height:200px;
width:auto;
overflow:auto;
}

6. klik save tamplate

kode diatas digunakan untuk membuat scroll pada blog archive jika ingin membuat scroll pada populer post tinggal ganti kode   #BlogArchive1 dengan #PopularPost1 

lalu untuk anda juga dapat mengatur tinggi scroll nya dengan mengubah height 

sekian dari saya, selamat mencoba 

sumber
http://ilfen-share.blogspot.com/2012/12/membuat-scroll-untuk-widget-popular.html