Maru - PC: Tutorual Blog
Home Tutorual Blog
Showing posts with label Tutorual Blog. Show all posts
Showing posts with label Tutorual Blog. Show all posts

Monday, October 6, 2014

Cara Memasang Google Custom Search Engine pada Blog

     

Mungkin tutorual kali ini sudah banyak yang tahu dan bahkan sudah tidak asing lagi bagi para blogger sekalian. Namun tidak ada salahnya bagi saya untuk berbagi ilmu kepada sesama blogger yang mungkin belum tahu menahu tentang Google Custom Search Engine ini.

Google Custom Search Engine merupakan fitur search milik google. Jadi, semua posting anda yang sudah terindex di google dapat ditemukan lewat Google Custom Search Engine ini. Gambar dari Google Custom Search Engine adalah seperti dibawah


 Langkah - Langkah :
1. Buat Laman baru di blog anda dengan judul "Google Custom Search Engine"
3. Pilih New search engine


4. Isi dengan alamat blog anda, kemudian klik Create


5. Akan muncul seperti dibawah. Klik Control Panel


6. Di sini anda dapat mengatur custom search engine anda. Pilih Look and feel


7. Pilih Two page, lalu klik Save & Get Code


8. Klik Search Results Details, kemudian isikan alamat Laman yang tadi anda buat


9. Copy kode search box lalu pasang pada HTML atau pada WIDGET blog anda
   * Pada HTML [Paste pada daerah kode <body>]
   * Pada Widget [Tata Letak > Tambahkan Gadget > Paste kode]
10. Kembali pada halaman tadi, kemudian klik Next :Get code for search results


 11. Copy kode search results


12.  Edit Laman "Google Custom Search Engine" yang telah anda buat tadi. Pilih HTML, lalu paste kode search results tadi.


13. Beginilah gambar saat saya menggunakan Google Custom Search Engine di blog saya dengan mencari "cs-pb"


Sunday, September 7, 2014

Cara Memasang Widget Sosial Media Keren di Blog

     
Dalam rangka mempercantik tampilan blog, dan juga untuk memperkaya jaringan sosial, tutorual blog kali ini mungkin cocok dipakai apalagi dengan tampilan simple yang enak dipandang oleh mata, seperti yang akan saya bagikan saat ini. Untuk preview/demonya, silahkan lihat gambar di atas, ataupun di samping kanan blog ini. Untuk memasangnya mudah saja, anda hanya perlu mengikuti beberapa prosedur berikut :

1. Login ke Blogger
2. Pilih Tata Letak > Tambahkan Gadget
3. Pilih HTML/JavaScript
4. Copy dan paste kode berikut ke dalam kolom konten lalu klik Simpan
<div class='social-box'>
 <div class='social-item-outer'>
 <a class='social-item-box facebook-box' href='http://www.facebook.com/maruzhaky'>   
   <div class='counter'>
 1020
</div>
<span class='social-title'>Fans</span>
 </a>
 </div>

 <div class='social-item-outer'>
 <a class='social-item-box twitter-box' href='http://twitter.com/marusam_48'>
   <div class='counter'>
 962
</div>
<span class='social-title'>Followers</span>
 </a>
 </div>

 <div class='social-item-outer'>
 <a class='social-item-box googleplus-box' href='https://plus.google.com/+SehatMaruSamosir'>
   <div class='counter'>
 4782
</div>
<span class='social-title'>Followers</span>
 </a>
 </div>

 <div class='social-item-outer'>
 <a class='social-item-box rss-box' href='http://marusam-pc.blogspot.com/feeds/posts/default'>
   <div class='counter'>
 265
</div>
<span class='social-title'>Subcribers</span>
 </a>
 </div>
    </div>

  • Ganti kode berwarna merah dengan link sosial media kalian.
  • Ganti kode berwarna biru dengan jumlah fans, followers, atau subscribers kalian.


5. Buka Template > Edit Template
6. Copy dan paste kode berikut di atas kode </style> lalu klik Simpan
 /* SOCIAL WIDGET */
.social-box{width:280px;padding:10px 9px;margin:0;overflow:hidden;background-color:#f2f2f2;border:1px solid #f2f2f2;text-align:center;}a.social-item-box{display:block;color:#4b4b4b;float:left;width:64px;overflow:hidden;margin:0;padding:4px 0;background-image:url(&quot;http://4.bp.blogspot.com/-BijS0OXNqUM/Ub9XA_RlZLI/AAAAAAAACCM/c19K_XX4R30/s1600/csg-51bf56d8dd195.png&quot;);background-repeat:no-repeat;}.social-item-outer{background:#f8f8f8;margin:0 0 0 8px;overflow:hidden;float:left;display:inline-block;}.social-item-outer:hover{background:#fff;}.social-item-outer:nth-child(1):hover{box-shadow:0px -2px 0px #E50700 inset;}.social-item-outer:nth-child(2):hover{box-shadow:0px -2px 0px #0084C5 inset}.social-item-outer:nth-child(3):hover{box-shadow:0px -2px 0px #6CAC00 inset;}.social-item-outer:nth-child(4):hover{box-shadow:0px -2px 0px #00C3B7 inset;}.social-item-outer:hover{box-shadow:0px -2px 0px #FF8168 inset;}.social-item-outer:first-child{margin-left:0px;}.facebook-box{background-position:7px 4px;}.rss-box{background-position:-73px 4px;}.twitter-box{background-position:-153px 4px;}.googleplus-box{background-position:-233px 4px;}.counter{margin:60px 0 0 0;font-family:&#39;Oswald&#39;,Verdana,Sans-serif;line-height:1.2em;font-size:16px;font-weight:500;}.social-title{color:#888;font-size:11px;}


7. Pemasangan widget telah selesai

Sekian tutorual kali ini, semoga dapat membantu para blogger sekalian, terima kasih.

Friday, September 5, 2014

Cara Meningkatkan Popularitas Blog

     
Dulu saya pernah membuat artikel tentang penyebab blog sepi pengunjung dimana pada blog saya juga sudah terkena dampak sepi pengunjung ini. Untuk memperbaiki situasi, saya melakukan perbaharuan-perbaharuan untuk blog ini.

Setiap blogger, tentu ingin blog dan websitenya terkenal karena posting yang dimasukkan dapat memberikan manfaat bagi banyak orang. Termasuk yang saya lakukan : bekerja keras membuat postingan yang original. Tujuannya agar blog terkenal, naik ranking dalam Alexa, dan terindeks dalam mesin pencari dengan cepat.

Memang mengucapkan tidak semudah dibayangkan. Saya sudah berusaha berbulan-bulan agar blog saya makin ramai pengunjung. Saking gilanya, saya selalu posting setiap hari selama 1 bulan full. Memang ada perkembangan pengunjung. Meskipun tidak fantastis, tetapi cukup membuat saya lega, dengan rata-rata pengunjung yang meningkat dari waktu ke waktu.

Semakin populer blog yang kita buat, tentu semakin membuat kita bangga. Untuk itu diperlukan beberapa hal untuk mencapainya. Salah satu adalah dengan mendaftarkan pada mesin pencari karena semua orang mendapatkan informasi melalui mesin pencari.

Saat ini ada ribuan mesin pencari yang ada di internet. Beberapa yang terkenal, antara lain google.com, yahoo.com, dan msn.com.

Kali ini saya akan berbagi cara mendaftarkan blog ke dalam 3 mesin pencari tersebut sehingga website dan content yang ada di blog kita dapat dikenalinya.

1. Mendaftar di GOOGLE


Untuk mendaftar ke dalam mesin pencari, salah satu syarat yang harus dipenuhi adalah memiliki akun pada website yang bersangkutan. Saya yakin, jika anda memiliki blog, pasti memiliki akun. Untuk mendaftarkan blog anda pada mesin pencari Google, caranya adalah sebagai berikut :

1. Buka www.google.com/addurl
2. Ketik nama URL website/blog anda, misal : http://www.marusam-pc.blogpsot.com
3. Klik tombol Submit Request


4. Sekarang, blog anda sudah terdaftar di google.com 

 2. Mendaftar di YAHOO


Untuk mendaftarkan website/blog anda pada mesin pencari Yahoo, caranya adalah sebagai berikut :

1. Login ke dalam yahoo.com
2. Buka http://siteexplorer.search.yahoo.com/submit 
3. Masukkan alamat website/blog anda, misal : http://www.marusam-pc.blogpsot.com, lalu klik Submit

3. Mendaftar di MSN


Untuk mendaftarkan website/blog anda pada mesin pencari MSN, caranya adalah sebagai berikut :

1. Buka http://www.bing.com/webmaster/SubmitSitePage.aspx
2. Masukkan kode yang ada dan alamat lengkap website/ blog anda, misal : http://www.marusam-pc.blogpsot.com
3. Klik Submit


3. Website anda akan di-update ke dalam MSN setiap saat.


4. Mendaftar di 70+ MESIN PENCARI

Jika hanya mendaftar ke 3 mesin pencari, tentunya kurang efektif. Oleh karena itu, daftarkan sebanyak-banyaknya blog anda secara langsung menggunakan jasa website. Salah satunya adalah http://www.submitexpress.com. Caranya :

 1. Buka http://www.submitexpress.com
2. Pilih Free Website Submission



3. Isi data yang diperlukan, lalu klik Submit Now


4. Website/blog anda sudah terdaftar di berbagai mesin pencari

 Sekian tips blog untuk kali ini, semoga dapat membantu para blogger sekalian yang mungkin frustasi dan ingin meningkatkan pengunjungnya. Jika ada yang kurang silahkan berikan komentar dibawah, terima kasih.

Monday, August 25, 2014

Cara Agar Artikel Terindex di Google

     
Sebelumnya saya pernah membagikan salah satu artikel mengapa blog menjadi sepi pengunjung dimana blog ini juga mengalami dimana pengunjung yang dulunya sudah mulai ramai kini mulai menyusut sedikit demi sedikit dan sekarang hanya sedikit artikel yang dibuka setiap harinya.

Mungkin ini tidak lepas dari jarangnya saya membuat artikel baru untuk memperbaharui blog ini dikarenakan saya sibuk dengan urusan sekolah dan juga karena masalah modem.

Biasanya google secara otomatis akan mengindex dan mencantumkan artikel yang anda bagikan di google search engine. Namun tak dapat dipungkiri google sekarang sudah mulai memilah segala artikel yang telah di posing oleh para blogger untuk dipilih berdasarkan kualitas artikel yang ditulis dan kesanggupan blog dalam menangani masalah yang sedang dibahas di artikel tersebut.

Dalam tutorual kali ini, saya akan membagikan salah satu cara agar artikel yang sudah kita bagi terindex di google, namun dengan cara manual. Cara ini terbilang sederhana namun cukup ampuh bagi para blogger.

Langsung saja simak caranya :

1. Login ke Blogger dan masuk ke Webmaster Tools.
2. Jika anda sebelumnya sudah pernah mendaftarkan blog anda pilihlah blog anda yang ingin diindex artikelnya, namun jika anda belum pernah mendaftarkannya, pilih Add A Site, kemudian masukkan alamat blog anda.


3. Kemudian pilih menu Crawl, lalu klik Fetch as Google.


4. Copy link artikel yang akan diindex, mis : http://marusam-pc.blogspot.com/2014/08/cara-agar-artikel-terindex-di-google.html
5. Hapus alamat blog anda, link nya menjadi 2014/08/cara-agar-artikel-terindex-di-google.html
6. Copy dan paste link tadi di kolom yang ada.


5. Klik FETCH AND RENDER.
6. Tunggu beberapa saat hingga muncul gambar seperti berikut.


 7. Untuk mengecek apakah artikel tadi sudah terindex, search link artikel tadi di google. Selesai


Jangan lupa untuk meninggalkan jejak komentar di bawah untuk menunjang peningkatan dari blog ini, terima kasih

Cara Membuat Popular Post Simple di Blog

     

Sebelumnya saya pernah membagikan sebuah tutorual yang bertemakan cara membuat recent post yang merupakan salah satu widget yang sampai saat ini masih saya pakai untuk mendukung blog ini. Widget seperti ini sangat penting dalam mengembangkan pengunjung untuk memasuki atau membaca artikel-artikel yang anda baru saja bagikan ataupun yang tidak begitu ramai dikunjungi para pembaca maupun blogger yang sedang mencari informsi di blog anda.

Pada kesempatan kali ini, saya memutuskan untuk membagikan salah satu tutorual yang juga tidak kalah penting dalam dunia blogger yaitu cara membuat popular posts simple di blog. Widget ini mempunyai peran yang juga penting untuk membantu mengembangkan artikel yang sedahulunya sudah anda tulis.

Widget yang saya bagikan ini tidaklah memberatkan blog dikarenakan designnya yang cukup simle dan enak untuk dipandang mata. Untuk lebih jelasnya anda dapat melihat demonya di blog ini, tepatnya di samping kanan blog ini.

Untuk pemasangan, anda hanya perlu mengikuti tutorual berikut :

1. Login ke Blogger dan masuk ke blog anda, kemudian pilih Tata Letak dan kemudian klik Tambahkan Gadget.
2. Akan muncul menu pop-up, pilih Entri Terpopuler. Atur widget yang akan anda pasang.


3. Cari kode </style> atau ]]></b:skin>, kemudian paste kode berikut diatas kode </style> atau ]]></b:skin> tadi.
#PopularPosts1 li:nth-child(odd) {background: #F9F9F9;}
#PopularPosts1 li:nth-child(even) {background: #FFF;}
#PopularPosts1 li:first-child {border-top: 1px solid #f1f1f1;}
#PopularPosts1 li {padding-right: 1em !important;padding-left: 1em !important;}
#PopularPosts1 ul li:before {content: counters(trackit,&quot;.&quot;);padding: 0 .1em 0 0;font-size: 20px;font-weight: bold;color: #D8D8D8;float: left;}
.PopularPosts .item-thumbnail,.PopularPosts .item-snippet {display: none;}
#PopularPosts1 a:hover {text-decoration: underline;}
#PopularPosts1 a {color: #3F3F3F;font-size: .9rem;}
.PopularPosts .item-title {padding: 0 0 .2em 1.5em;}
4. Terakhir, simpan template dan lihat hasilnya.

Jangan lupa meninggalkan jejak di kolom komentar dibawah, jika anda mempunyai tips buat dibagikan kepada sahabat blogger lain, anda bisa membagikannya di kolom komentar, terima kasih.

Wednesday, July 16, 2014

Cara Membuat Widget Timeline Twitter di Blog

     

Caranya cukup mudah. Anda hanya perlu ketelitian dan secangkir kopi hangat untuk membantu proses pekerjaan anda. Langsung saja simak caranya :

1. Login keTwitter. Kemudian buka tanda gerigi di pojok kanan atas dan pilih Settings.


 2. Pilih menu Widgets dan klik Create new.


 3. Atur konfigurasi widget timeline anda di kolom berwarna merah, dan lihat previewnya di kolom berwarna biru. Setelah selesai, klik Create widget.
 

4. Copy kode yang diberikan dan selanjutnya anda tinggal memasangnya di blog anda.

Thursday, May 15, 2014

Cara Menambahkan Recent Comment Pada Blog

     

Tutorual kali ini saya buat untuk memudahkan para admin blog untuk dapat memantau komentar yang masuk ke blog. Langsung saja kita mulai.

1. Buka Blogger, masuk ke Tata Letak > Tambahkan Gadget

2. Akan muncul menu pop-up. Pilih HTML/JavaScript.

3. Masukkan kode berikut :
<div style="overflow:auto;width:300px;">
<style type="text/css">
ul.w2b_recent_comments{list-style:none;margin:0;padding:0;}
.w2b_recent_comments li{background:none !important;margin:0 0 6px !important;padding:0 0 6px 0 !important;display:block;clear:both;overflow:hidden;list-style:none;}
.w2b_recent_comments li .avatarImage{padding:3px;background:#fefefe;-webkit-box-shadow:0 1px 1px #ccc;-moz-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px #ccc;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}
.avatarRound{-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;}
.w2b_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}
.w2b_recent_comments li span{margin-top:4px;color: #666;display: block;font-size: 12px;font-style: none;line-height: 1.4;}
</style>
<script type="text/javascript">
//<![CDATA[
// Recent Comments Settings
var
numComments = 5,
showAvatar = true,
avatarSize = 40,
roundAvatar = true,
characters = 160,
defaultAvatar = "",
hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="https://lavixtastar-code.googlecode.com/files/Recent_Comments_SEO_lavixtastar.js"></script>
<script type="text/javascript" src="http://marusam-pc.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=9999"></script>
</div>
Keterangan :
  • 300 : lebar widget, dapat disesuaikan ke blog anda
  • 5 : jumlah komentar yang akan ditampilkan di widget
  • true : menampilkan avatar (gambar/foto) yang memberi komentar
  • 40 : ukuran avatar (gambar/foto) yang akan ditampilkan
  • 160 : jumlah karakter yang akan ditampilkan
  • http://marusam-pc.blogspot.com : ganti dengan url blog anda
4. Klik Simpan

Preview

Wednesday, May 14, 2014

Cara Memasang Energy Saver Pada Blog

     

Ini bukan merupakan menyimpan energi seperti namanya melainkan hanya gaya saja. Mungkin dengan ini, kita dapat menunjukkan bahwa kita blogger yang save energi. Langsung saja caranya :

1. Buka Blogger. Masuk ke Template > Edit HTML

2. Cari kode </head>. Letakkan kode berikut di atas kode </head> tadi :
<script language='javascript' src='https://sites.google.com/site/unwanted86/javascript/savetheenvironment.js' type='text/javascript'/>

3. Klik Simpan template

Perview

Friday, January 31, 2014

Cara Menambahkan Admin/Penulis di Blog

     

Apakah waktu anda tidak cukup untuk membuat posting minimal 1 kali dalam 1 hari? Atau anda ingin membuat blog dengan bekerja sama bersama teman anda? Semua itu dapat dilakukan dengan menambah admin/penulis di blog anda. Caranya gampang, tinggal mengikuti tutorual yang saya berikan di bawah ini.

1. Login ke Blogger
2. Masuk ke menu Setelan kemudian ke Dasar. Pada menu tersebut, klik +Tambahkan penulis



3. Kemudian masukkan alamat e-mail yang akan dijadikan admin/penulis. Kemudian klik Undang Penulis


4. Tunggu persetujuan dari pemilik e-mail tadi untuk dijadikan admin/penulis

Thursday, January 30, 2014

Cara Menambahkan Badged Google+ di Blog

     

1. Login ke Blogger
2. Masuk ke menu Tata Letak, kemudian klik Tambahkan Gadget
 

 3. Menu pop-up akan muncul, klik Lencana Google+
 

 4. Setting semua seperti gambar di bawah


5. Preview akan menjadi seperti gambar di bawah


6. Klik Simpan
7. Buka blog anda dan lihat badged yang telah dibuat tadi