Cara Membuat Forum

 
 Apa itu Forum?
Forum merupakan tempat saling berdiskusi (tukar pendapat), saling berbagi dan yang lebih utama yaitu saling menjaga persahabatan dan mempererat tali silaturahmi. Dengan membuat forum tentunya juga merupakan salah satu untuk mendongkrak / meningkatkan jumlah atau traffik pengunjung. Selain itu jika forum yang dibuat ramai dikunjungi visitor, yang pasti akan memberikan kepuasan tersendiri bagi pemilik forum, syukur-syukur kalau ada advertiser yang mau memasang iklan di forum yang kita buat tersebut, yang pasti akan semakin terkenal forum tersebut.

Pada tutorial yang saya buat kali ini adalah cara mudah membuat forum secara gratis, simpel, dan keren. Membuat forum yang saya jelaskan disini tentunya sangat mudah, Anda dapat membuat forum ini  seperti layaknya membuat sebuah blog. 


Berikut langkah-langkahnya :

1. Silahkan menju ke situs Klik Disini -> Laly klik "Create Free Forum"
2. Maka ada 3 tahapan yang harus dilakukan untuk membuat Forum, yaitu Choose Your Style, Fill in the form, dan verify your password.

3. Tahap Pertama, silahkan sobat pilih template forum sesuai keinginan sobat. Lalu klik Continue

4. Tahap Kedua, mengisi Form data forum. Isi sesuai data forum yang ingin sobat buat, kemudian Continue

5. Tahap Ketiga, verifikasikan password sobat yang sudah dibuat pada form sebelumnya. lalu Continue

6. Selanjutnya akan muncul tulisan Congratulations, menandakan bahwa forum yang sobat buat sudah jadi. Nah untuk mengedit dan masuk ke Panel Adminnya, silahkan sobat Klik link forum yang telah dibuat yang tertera seperti dibawah.

7. Lalu akan muncul form login, masukkan Username dan Password sobat lalu login. untuk Username tidak usah diganti, pasang saja default atau "Admin"
8. Setelah login maka akan ada muncul tentang forum yang sobat buat. Dan untuk membuat category dan sub category. Silahkan sobat masuk ke Panel Admin, caranya perhatikan baris paling bawah tepat di tengah-tengah. Pilih Panel Admin
9. Kemudian pilih "Admin Umum"
10. Lalu pilih "Categories and Forum". Kemudian sobat bisa buat categories maupun sub categories sesuai keinginan sobat apa-apa yang ingin ditampilkan di forum. Misalnya Software, Film, Games, dll.
11. dan Selamat, forum yang Anda buat sudah jadi. Semoga bermanfaat. ^_^
 
Sumer : http://www.gratisanterbaik.com/2013/04/tutorial-cara-membuat-forum-gratis.html

WebMag Blogger Template


WebMag Blogger TemplateTemplate Name: WebMag Blogger Template
Platform: Blogger / Blogspot
Release date : 28, May 2013
Author : www.templateism.com
License : Creative Commons Attribution 3.0
-----------------------------------------------------------------
-----------------------------------------------------------------
The WebMag Blogger Template adalah tema majalah yang kuat dan multi-tujuan untuk website Blogger diaktifkan. Hal ini sangat efisien dan memiliki beberapa fungsi yang sangat disesuaikan. Kami telah menggunakan web terbaru mengembangkan bahasa termasuk CSS3 dan HTML5. Tema ini sangat ideal untuk semua jenis situs, itu adalah template multi-niche yang dirancang khusus untuk Majalah, Teknologi, Web desain, pengembangan, dan gadget berbasis blog. Ia memiliki banyak kualitas dan fitur "out-of-ini-world" yang pasti akan mencerahkan situs Anda dengan pengembaraan kedahsyatan.
WebMag Blogger Template 
 
 
Fitur dari WebMag Blogger Template:
  • Fitur Slider: slider konten Feature menjadi kebutuhan dasar dari sebuah situs web. Oleh karena itu, kami telah memasukkan sebuah slider ringan sehingga memberikan sentuhan yang menarik ke situs Anda tanpa memperlambat menurunkannya.
  • Feature Posts: Kami juga telah menghubungkan pos fitur gadget yang akan mengambil tulisan Anda dari label tertentu, dan akan menampilkan mereka di situs Anda. Namun, pesan-pesan terbaru akan terus menampilkan di bawah mereka.
  • Mega Sticky Navigation Bar: Tema ini juga memiliki built-in navbar lengket yang mengapung bila Anda menggulir ke atas atau bawah halaman. Ini memiliki banyak pilihan Seperti Pencarian pop-out dan Sosial Media malas tombol.
  • Tombol Berbagi Sosial: Tema ini juga dilengkapi dengan tombol berbagi sosial termasuk Facebook, Twitter, Google+ dan Stumbleupon sehingga pengguna dapat bersosialisasi konten Anda dengan hanya beberapa klik.
  • SEO-Friendly: Tema ini benar-benar brilian untuk mesin pencari. Tema ini memiliki nilai optimasi mesin pencari tertinggi. Kecepatan template ini adalah 90 dari 100 menurut Kecepatan wawasan Google.
  • Posting terkait: Tema ini juga memiliki posting terkait gadget yang muncul tepat di bawah posting Anda. Ini menampilkan posting terkait dalam rangka sistematis bersama dengan thumbnail unggulan mereka.
  • Fitur Lebih:  
Magazine Style, skema warna oranye, sistem komentar berulir, 2 kolom template, 2 kolom sidebar dan banyak lagi.
Dari Meja yang Desk:
Kami berharap template ini akan membantu Anda dalam merenovasi blog blogger Anda dengan keangkeran. Kami telah mencoba untuk menggabungkan semua plugin dan gadget yang dianggap sebagai kebutuhan dasar dari sebuah blog. Namun, Anda juga dapat menyesuaikan sesuai dengan kebutuhan yang Anda inginkan. Kita harus mengatakan, ini adalah tema yang paling indah yang telah kita buat "Kata Dari => TEMPLATEISM

Download | Simple Clean Blue SEO Template

Pada Kesempatan Kali Ini Saya Mau Membagikan Template Yang Saya pakai Di Blog Ini, Yaitu Template Simple Clean Blue SEO Template 
Mungkin Template Ini Hanya Template Yang Biasa Saja :)


Nih Screen Shotnya :

Simple Clean Blue SEO Template 
Versi  Dekstop
Simple Clean Blue SEO Template
Versi Mobile
Fitur Simple Clean Blue SEO Template :
  • Ringan
  • Simple
  • Breadcrumb
  • Artikel Terkait
  • Reply Komentar
  • Spinning Social Share
  • Rating Richsnippet
  • Tersedia Versi Ponsel
  • 2 Kolom Header
  • 2 Kolom, 1 Kolom Posting, 1 Kolom Sidebar
  • 3 Kolom Footer
  • Sisanya Lihat Sendiri :)


Ingat Sobat, Sebagai Blogger Yang Baik Link Creditnya Jangan Diganti / Dihapus Ya
Template Ini Juga Tersedia Versi Ponselnya, Saya Mengambil CSS Custom Mobile Template Dari Template Mas Sugeng Dan Saya Berterimakasih Sekali Kepada Mas Sugeng Karna Sudah Memperbolehkan Saya Untuk Memakai Custom Mobile Templatenya
Untuk Cara Mengedit Templatenya Sudah Saya Sertakan 1 Paket Dengan Link Download Templatenya


Update !
Cari Kode :
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<link href='https://plus.google.com/102378255170044980225' rel='publisher'/>
</b:if>

Ganti URL Profil Google + Saya Dengan URL Profil Google+ Sobat Untuk Menampilkan Foto Sobat Di Pencarian Google.

Template Portal Blogger

Hi ..!!!
nE pesanan dari sObat saya: OKAY


Oke kali ini ane bakal share sebuah Portal Template  Blogger, penasaran? 
berikut cuplikan'a cekidot :

                                                          dOwnLoad    -- ||| --   dEmo




-------------------------------------------
Sekedar Tambahan Buat Blogspot :

--------------------------------------------




Ternyta ini gk support dengan tampilan blog sekarang jadi kita harus mengubah tampilan blog'a ke lama Cara :
caranya sobat searching aja di google ya...

jgn Lupa kOmentar'a ya....!!!

Free Ace Red Template Blogger *Keren

 
Kali ini saya akan share tentang template Blogger. Template yang kali ini saya share template nya Bertema Dark ( Hitam ). template ini keren cocok buat orang yang suka ganta-ganti template blog, untuk mencari kepuasan mata. gak usah banyak bacot kalian sedoott aja langsung...
  
Fiture :
  • Liat sendiri aja yaa ^_^
  • Sedot aja langsung sob -_- ( emang minuman pake disedot ) hahaha

Nama template : Free Ace Red Template
Gak lupa memberikan sumber nya....sebagai blogger yang baik
 
Sumber : http://altecdz.blogspot.com/2012/12/free-ace-red-template.html

Cara Mudah Membuat Widget Facebook, Twitter, Feed Melayang di Pojok Kanan Bawah Blog


Cara Mudah Membuat Widget Facebook, Twitter, Feed Melayang di Pojok Blog

Cara Mudah Membuat Widget Facebook, Twitter, Feed Melayang di Pojok Blog - Selamat pagi sahabat blogger,salam sejahtera untuk kalian semua. Kali ini mau mencoba berbagi widget untuk blog setelah beberapa hari vacum dari dunia blogging. Widget yang akan saya bahas yaitu widget facebook, twitter, serta feed melayang di pojok kanan blog. Mungkin sudah banyak sekali yang sudah membahas widget yang satu ini, tetapi saya akan mencoba membaginya untuk para sahabat-sahabat Yogagj-Share agar tidak perlu repot-repot lagi mencarinya di mesin pencari mbah Google.




Berikut adalah langkah-langkah dalam pembuatannya :
  • Login terlebih dahulu ke akun blog sahabat
  • Masuk ke menu tata letak
  • Klik tambah gadget 
  • Pilih HTML / JavaScript
 
<div style="display:scroll; position:fixed; bottom:30px; right:0px;"> <a class="linkopacity" href="http://www.facebook.com/temukananedisini" target="_blank" rel="nofollow" title="Facebook Bfc Sarif SatriaSatriaan" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg387PQmrJXuBlNgJjr281gLCD1BJ6aor0XSObSqhoZtAVxlNGtvbJ781huG1sr9Ia2YsHGF6Jjm-79_4y7lB6mqV6eu62jkFmgFFITWZ6-0A7uszyDwOpV0NZ1C2s9sBPugFWEaqpxUKq7/s800/belajarilmukomputerfacebook.png" /></a><br /> <a class="linkopacity" href="http://twitter.com/yogagj" target="_blank" rel="nofollow" title="Twitter Bfc Sarif SatriaSatriaan" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhC0e_cbpKF_A6Un1KN3SDkz8zecb4ihpEgujPyqC4jmCnfTGs1RGTA0IXK8ceSmaeUNAoxIeoz79I6TFBhYlVdx5yfCqQdQxAY71cSdy6FhH0t4T8UOQbfHWt0jYd9jWOOkGEjFlICOKpz/s800/belajarilmukomputertwitter.png" /></a><br /> <a class="linkopacity" href="http://feeds2.feedburner.com/blogspot/YPdWN" target="_blank" rel="nofollow" title="Bfc Sarif Blog Feed" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCnRgmry8iPAPziLrDAzPfIliTzROyM8vlY6kcJLrn1bc8Pq9-hM95J3CMg5MHWXeDTZ847uYC98a4v6isUPhheHL1CAX6X5t9hFlP6AfjLs5DKrO64RZkel1-DgOUw2iKvKTFDmgR04TJ/s800/belajarilmukomputerfeed.png" /></a><br /></div>

  • Silahkan edit terlebih dahulu kode diatas
Ganti warna merah diatas dengan alamat Facebook sobat
Ganti warna hijau diatas dengan alamat Twitter sobat
Ganti warna biru diatas dengan alamat Feed sobat
  • Setelah itu klik simpan/save
Bagaimana mudah bukan cara membuatnya?bagi yang tertarik silahkan langsung mencobanya saja.

Cara Mudah Klaim Blog Di Technorati

 
Kali ini saya akan sedikit berbagi info mengenai Cara Verifikasi atau Claim Blog di Technorati. Technorati merupakan sosial bookmark atau salah satu situs search engine khusus blog, dan situs ini memberikan backlink gratis. Karena selain Alexa rank dan Google pagerank, Technorati rank juga merupakan syarat penting untuk mendaftarkan Blog anda pada situs Paid Review, namun sobat harus sudah melakukan claim atas blog sobat.  

Awalnya saya bingung bagaimana cara verifikasi Claim Token blog pada Technorati. Setelah beberapa menit menelusuri Google, akhirnya saya mengerti cara melakukan verifikasi Claim Token blog pada Technorati. Setelah mendaftar blog ke Technorati, anda akan mendapatkan email untuk konfirmasi kemudian klik link konfirmasi tersebut dan login lagi pada technorati & berikut langkahnya :

1. Pertama, silahkan anda registrasi terlebih dahulu di http://technorati.com

2. Isilah data Technorati profile, sesuai dengan yang diminta.

3. Setelah proses pendaftaran selesai, lalu sign up dan sekarang bagaimana cara Claim blog di Techorati. Disini saya hanya memfokuskan cara klaim technorati saja.

4. Klik user id yang anda gunakan pada saat pendaftaran (http://technorati.com/account/)

5. Isi URL blog yang ingin anda masukan di menu My claimed blogs – Start a blog claim: URL blogs dan klik Claim.

6. Selanjutnya isi Data blog Anda, Blog title, URL, Feed URL, Site description, Site categories (pilih kategori blog anda min 3 kategori), Site tags.

7. Setelah data yang anda isi sudah benar, klik Proceed to next step.

8. Selanjutnya buka email anda karena kode klaim dikirim ke email.

9. Buat postingan Technorati Claim yang isinya kode yang dikirim ke email anda, sebagai contoh ini adalah kode Token Technorati blog saya : ZZBECQRPASM6 atau bisa juga dengan memasang meta tag pada blog kalian seperti ini dibawah <head>
<meta content='ZZBECQRPASM6' name='TechnoratiVerifyID'/>
10. Setelah anda membuat posting yang berisi kode token Technorati atau memasang meta tag, Selanjutnya silahkan kembali ke akun technorati anda lalu klik Check Klaim pada menu profil My claimed blogs lalu klik Verify Claim Token.

11. Jika langkah di atas sudah anda lakukan semua, silahkan anda tunggu email pemberitahuan yang berisi Technorati Claim Complete.

Menu Navigasi DropDown Dibawah Header

Capture 
Menubar dropdown adalah sebuah baris navigasi yang berada tepat dibawah header. Menubar ini berfungsi untuk mempermudah pengunjung dalam mengexplorasi blog kita. Untuk menubar kali ini saya akan membagikan menubar yang saya pake di blog saya. Sebenernya ada lebih dari 20 menubar yang saya ketahui. Ntar saya akan membagikannya dikesempatan berikutnya. Jika anda tertarik, ikuti step by stepnya :


1. Masuk ke Template > Edit
2. Simpan kode dibawah ini tepat diatas ]]></b:skin>

/* NAVIGATION ------------------*/

#nav {    display:inline-block;    width:1190px;    height47px;    margin: 6px 0px 0px 10px;    padding-left:4px;border-top:3px solid #eee;    background:transparent;

    /*some css3*/    -moz-border-radius:10px;    -webkit-border-radius:10px;    box-shadow:0 2px 2px rgba(0,0,0, .5);    -moz-box-shadow:0 2px 2px rgba(0,0,0, .5);    -webkit-box-shadow:0 2px 2px rgba(0,0,0, .5);}#nav li {    margin-top:2px;    margin-right:2px;    float:left;    position:relative;    list-style:none;}#nav a {    font-weight:bold;    color:#333333;    text-decoration:none;    display:block;    padding:8px 15px;    border:1px solid #eee;        /*some css3*/    -moz-border-radius:10px;    -webkit-border-radius:10px;}
/* selected menu element */    #nav .current a, #nav li:hover &gt; a {    background:#7788aa url(../images/bg.png) repeat-x 0 -20px;    color:#000;    border-top:1px solid #f8f8f8;
    box-shadow:0 2px 2px rgba(0,0,0, .7); /*some css3*/    -moz-box-shadow:0 2px 2px rgba(0,0,0, .7);    -webkit-box-shadow:0 2px 2px rgba(0,0,0, .7);    text-shadow:0 2px 2px rgba(255,255,255, 0.7);}
/* sublevels */#nav ul li:hover a, #nav li:hover li a {    background:none;    border:none;    color:#000;}#nav ul li a:hover {    background:#335599 url(../images/bg.png) repeat-x 0 -100px;    color:#fff;
    /*some css3*/    -moz-border-radius:10px;    -webkit-border-radius:10px;    text-shadow:0 2px 2px rgba(0,0,0, 0.7);}
#nav ul li:first-child &gt; a {    -moz-border-radius-topleft:10px; /*some css3*/    -moz-border-radius-topright:10px;    -webkit-border-top-left-radius:10px;    -webkit-border-top-right-radius:10px;}#nav ul li:last-child &gt; a {    -moz-border-radius-bottomleft:10px; /*some css3*/    -moz-border-radius-bottomright:10px;    -webkit-border-bottom-left-radius:10px;    -webkit-border-bottom-right-radius:10px;}
/* drop down */#nav li:hover &gt; ul {    opacity:1;    visibility:visible;}#nav ul {    opacity:0;    visibility:hidden;    padding:0;    width: 185px;    position: absolute;    background:#aabbcc url(../images/bg.png) repeat-x 0 0;    border:1px solid #444;
    border-radius:10px; /*some css3*/    -moz-border-radius:10px;    -webkit-border-radius:10px;    box-shadow:0 2px 2px rgba(0,0,0, .5);    -moz-box-shadow:0 2px 2px rgba(0,0,0, .5);    -webkit-box-shadow:0 2px 2px rgba(0,0,0, .5);
    -moz-transition:opacity .25s linear, visibility .1s linear .1s;    -webkit-transition:opacity .25s linear, visibility .1s linear .1s;    -o-transition:opacity .25s linear, visibility .1s linear .1s;    transition:opacity .25s linear, visibility .1s linear .1s;}#nav ul li {    float:none;    margin:0;}#nav ul a {    font-weight:normal;    text-shadow:0 2px 2px rgba(255,255,255, 0.7);}#nav ul ul {    left:160px;    top:0px; top:0px;}#nav ul li:first-child a:after{    content: &#39;&#39;;    position: absolute;    left: 30px;    top: -8px;    width: 0;    height: 0;    border-left: 5px solid transparent;    border-right: 5px solid transparent;    border-bottom: 8px solid #444;}
#nav ul li:first-child a:hover:after{    border-bottom-color: #0186ba;}  /* =============================Search Box============================= */#srcnt {  float:right;  margin:0;  padding-top:8px;    padding-right:13px;  width:auto;  overflow:hidden;}#search input[type=&quot;text&quot;] {  border: 1px solid #6699FF;  border-radius:3px;  color: #777;  width: 160px;  padding: 8px;  font:normal 10px Verdana, Arial;  text-transform:uppercase;  -webkit-transition: all 0.5s ease 0s;  -moz-transition: all 0.5s ease 0s;  -o-transition: all 0.5s ease 0s;  transition: all 0.5s ease 0s;}#search input[type=&quot;text&quot;]:focus {  width: 200px;}

Keterangan : (perhatikan warna bukan tulisan ya)

  • Kode berwarna merah adalah ukuran dari menu navigasi dan menu search
3.  Simpan kode dibawah ini tepat diatas <div id='content-wrapper'>

<ul id='nav'>
<li class='current-cat'><a expr:href='data:blog.homepageUrl'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvRatJXlLwmFekBlcueTtxSBq9vrPWedMndcJI-JfYVmCs9Wp2Amfj0TZe1Hate01Lzu2irntcDf90tRjhYh9ydCMLEgo8rmOsM96aZ1dR8LGMm0DR3aja954uXzMB4SFxypzhEJTu2Rk/s1600/Home.png' style='padding:0px;'/>Home</a></li>

<li><a href='LinK'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeZa-Jki_3rOM8R22HoPHNm9EZabJDvtHGDylqppZPflsxbY1gvxg1JuBLlpb4ebi94WMbyKHBQ9lOxSXf-ZkGFJ3hO-BO2gh9hTpApRL672fH3M5kZ3OkwMi6XieQzdCMIqZfAnwc29Q/s1600/PC.png' style='padding-right:3px;'/>Computer</a>

<ul>
<li><a href='http://ujangyoyo.blogspot.com/search/label/PC%20Aplication'>Aplication</a></li>
<li><a href='http://ujangyoyo.blogspot.com/search/label/Bluestacks'>Bluestacks</a></li>
<li><a href='http://ujangyoyo.blogspot.com/search/label/PC%20Game'>Games</a></li>
<li><a href='http://ujangyoyo.blogspot.com/search/label/PC%20Tricks'>Tips dan Trick</a></li>
<li class='hr'/>
</ul>
</li>
<li><a href='LinK'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsRFTmopnvWdGE35fMKEaxwfSs2vGrFkUUWRHjzJjOWuQzTaSKRiVRe0mAItWZxZn4jSFpcDGSjh0a1C195criXigc3NtztLaOU2rTJRLNrfwaXP3s4mfohEwGF0p1mb1GIzjCKzOr3xc/s1600/android.png' style='padding-right:3px;'/>Android</a>
<ul>
<li><a href='http://ujangyoyo.blogspot.com/search/label/Android%20Aplication'>Aplication</a></li>
<li><a href='http://ujangyoyo.blogspot.com/search/label/Android%20Games'>Games</a></li>
<li><a href='http://ujangyoyo.blogspot.com/search/label/Android%20Article'>Tips dan Trick</a></li>
<li class='hr'/>
</ul>
</li>
<li><a href='http://ujangyoyo.blogspot.com/search/label/Tutorial%20Blog'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidlmUu_8V23PPqPL5cxAkAipAm9NqY-FizXkj66kE0BiHU_DjbaGlIxOnUbBVL09NlGcZAmQVyx57lt-Xcx3LQZoSJTUjuhrEyxP400GFiRRTHX7aVwom4AP2sYH7kvNyoBZLSkRjRwOE/s1600/blogger.png' style='padding-right:3px;'/>Blogger</a>
<ul>
<li><a href='http://ujangyoyo.blogspot.com/search/label/Tutorial%20Blog'>Tutorial Blog</a></li>
<li><a href='http://ujangyoyo.blogspot.com/search/label/SEO'>SEO</a></li>
</ul>
</li>
<li><a href='LinK'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiEfrXVeIoD58177WE9K6h0MSVA2z3vPGadWAtijYbdSQKU1KAIZlNppWmtvsGjV9tHWPjO5zP9K4kg3klSzkHqh9jTejsrr-WCghqX-bCjrDA3Lf0-jwH5wZSKhxkY3J0w3oBUfmcIIQ/s1600/Knowledge.png' style='padding-right:3px;'/>Knowladge</a>
<ul>
<li><a href='http://ujangyoyo.blogspot.com/search/label/Bahasa%20Indonesia'>B. Indonesia</a></li>
<li><a href='http://ujangyoyo.blogspot.com/search/label/Bahasa%20Inggris'>B.Inggris</a></li>
<li><a href='http://ujangyoyo.blogspot.com/search/label/Islam'>Islam</a></li>
<li><a href='http://ujangyoyo.blogspot.com/search/label/Matematika'>Matematika</a></li>
<li><a href='http://ujangyoyo.blogspot.com/search/label/Tips%20dan%20Info'>Tips dan Info</a></li>
</ul>
</li>
<li><a href='http://ujangyoyo.blogspot.com/search/label/Make%20Money'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCiE5gnw_ocEpXxf0ZtffCVKIusapneCPTsBgI1LZIMlTUoe6x4qOzYflXJzyGYUJA-agj11P3dTANq4ENtO4xKxj-LTMJdw8hieI6qpqG0H_uUc9Jw7gcLkBxaWsHF6803jWVsPhd5fs/s1600/money.png' style='padding-right:3px;'/>Make Money</a>
</li>
<li><a href='http://ujangyoyo.blogspot.com/2013/03/sitemap-blog.html'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioST49_aloaAFd5Cmcmt2EisQ-DO01U4WtLzXp1mLFPoLRiEbuX3YFhtCD8M1CkApVw8XUE-DSQOA35CONeZ2oK9yi_zNdYcWCgzmXkB3l0n0zpoQdogKFbEmTGysxWq8nQ6nh7JbDMjo/s1600/Sitemap.png' style='padding-right:3px;'/>Daftar Isi</a>
</li>
<li><a href='http://ujangyoyo.blogspot.com/2013/03/pasang-iklan-murah-di.html'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-fGaCaZnuK-l-3RrYJ4SOJgJFx_IKCFYRMQOUpJjZDVownidKcONu2MZeHdKl-eS3iB0wHYteVZDWdsc0jGJZ73qtX1X2fio2xCJDsUkKM1XBU7oEYuXpc9gjpEJkAg4dzZxJsfmq7Ig/s1600/Iklan.png' style='padding-right:3px;'/>Pasang Iklan</a>
</li>
<li class='current-cat'><a href=LinK'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpEDTmpmdOMFye0ZEZRZAZF4ddPQuo8czAoFUOPwE_yMW3Y6k-ZXIJMKrskINXJa1LW-hx5sVWtt08kNV4xp6EzKAS4U0IYYCVSq5pJc3RMvxW6GWKLGkMh98vU0mg_cTgHSO7S_8xtZs/s1600/Help.png' style='padding-right:3px;'/>Help</a>
<ul>
<li><a href='http://ujangyoyo.blogspot.com/2012/12/about-us.html'>About Us</a></li>
<li><a href='http://ujangyoyo.blogspot.com/2012/12/announcement.html'>Anouncement</a></li>
<li><a href='http://ujangyoyo.blogspot.com/2012/12/contact-me.html'>Contact Us</a></li>
<li><a href='http://ujangyoyo.blogspot.com/2013/04/privasi-policy.html'>Privasi Policy</a></li>
</ul>
</li>
  <div id='srcnt'>
<form action='/search' id='search' method='get'>
  <input name='q' placeholder='looking for something?' size='40' type='text'/>
</form>
  </div>
</ul>


Keterangan : (perhatikan warna bukan tulisan ya)
    • Kode berwarna biru adalah alamat url gambar, anda dapat mengkreasikannya tetapi dengan syarat ukurannya harus 32x32 px
    • Kode berwarna orange adalah alamat url yang dituju (url dari menu).
    • Kode berwarna Hijau adalah nama dari menu anda.
 Lalu Pilih pratinjau, jika sudah 100% jadi
selanjutnya pilih simpan
###ENJOY....

Cara Membuat Scroll Box Dalam Postingan

Hai sobat Yogagj-Share kali ini saya akan posting Cara Membuat Scroll Box Dalam Postingan. scroll box berfungsi untuk meghemat space halaman jadi sebuah halaman kalo isi atikelnya panjang akan sangat efektif menggunakan efek ini.

scroll ini banyak di gunakan untuk memasukan kode memasukan artikel yang terlalu panjang dll.
Oke untuk caranya sendiri sangat mudah kamu hanya tinggal memasukan kode di bawah ini, dan pastikan dalam menulis kode ini dalam mode HTML
<div style="border: 1px solid #ddd; height: 40px;width: 500px;overflow: auto; padding: 10px; ">
Isi artikel dalam scroll .... </div>
Keterangan :
40 adalah tinggi scroll silahkan ganti sesuai selera
500 adalah lebar scroll silahkan ganti sesuai dengan ukuran template masing-masing

Dan Hasilnya seperti di bawah ini :

ini adalah contoh dari artikel tersebut, yang diposting oleh: http://yogagj.blogspot.com
kunjungi terus Blog saya, jangan lupa follow nya

Nah sangat Gampang sekali ya silahkan kamu praktekan di blog kamu dan semoga berhasil.

Memasang Lazy Load Script di Blog

HTML

Lazy Load Script ini merupakan script yang membuat kinerja pemuatan blog berjalan secara efektif, dengan adanya Lazy load ini blog kita akan memuat element element penting dahulu , yang membuat elemet gambar akan dimuar terakhir, memang terlihat blog kita lebih cepat dengan memakai ini tetapi menurut saya sama saja namun jika kita memakai ini blog kita akan langsung terlihat (tidak lama blanknya), ya dari pada banyak basa basi kita menunuju cara pemasangan.
  1. Masuk Ke Dasboard , Rancangan di pilih edit HTML
  2. Centang Expand Template Widget, dan tunggu
  3. setelah menunggu, copy paste kode berikut diatas kode </head> 



  4. <script charset='utf-8' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/> <script src='http://cuerosb.googlecode.com/files/cueros%20-lazyload.js' type='text/javascript'/> <script charset='utf-8' type='text/javascript'> $(function() { $(&quot;img&quot;).lazyload({placeholder : &quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjv4u2Q1ZoD4i0HZcjDJAs55MvLfXThcPh_oaElGJkqyB_lIC0wZcVYocbDdFyagWUA0Y1X33L3LuGr4Q3xEzC_o1Zw1ARa87dkmgTVyupkHGxVnx59xB5G1TzmgIcAz25tdvCsoHPpN6w/&quot;,threshold : 200}); }); </script>


  5. Simpan Template
nah bagaimana mudah bukan ??, selamat mencoba dan semoga bermanfaat

Teknik Untuk Meningkatkan Visitor Blog

        Teknik Untuk Meningkatkan Visitor Blog

         Visitor, hmm visitor mungkin bisa di anggap jantungnya blog kita, mau tidak bagaimana, visitor yang banyak adalah tujuan blog kita, namun tak mudah mendapatkan visitor itu, kita perlu bersabar dan berdoa. tetapi mungkin teknik di bawah ini dapat membantu anda.
  1. Artikel adalah Raja, jadi buatlah artikel yanang berkualitas
  2. Hindarkan Copy paste, silahkan baca artikel Akibat Copy Paste    
  3. Semakin banyak Artikel/Posting, lebih baik
  4. Terapkan lah teknik SEO
  5. Buatlah template senyaman . seindah mungkin agar visitor betah, silahkan baca artikel cara memilih template yang baik
  6. Blog harus anda selalu Up To Date
  7. Sering sering blogwalking
  8. Buat Daftar Isi blog
  9. Manfaatkan Social Network
  10. dan terakhir Berdoalah kepada Tuhan yang Maha Esa

Akibat Orang suka yang Copy Paste

Copy Paste atau diartikan menyalin artikel masih banyak dilakukan oleh para "Pemalas" . mudah mudahan dengan membaca ini anda yang "Pemalas" Dapat berhenti malasnya.Artikel Copy Paste itu menurut saya SANGAT RUGI kenapa ? karena ada banyak akibat dan ancaman diantaranya :
  • Tidak dapat Posisi 10 besar di Google
  • Yang Namanya Duplikat Google paling Benci apalagi jika artikel itu 100% Copy Paste. dan jelas ini akan menurunkan posisi SERP 
  • Terlihat Tidak Profesional
  • Ingatlah ngeblog itu artinya Manulis bukan Copy Paste
  • Kurang Disukai oleh Blogger lain
  • Jelas seorang penulis telah cape menulis artikle huruf demi huruf sedangkan ini hanya tinggal copy paste
  • Tidak Kreatif
  • Jelas kunci salah satu ngeblog ialah harus kreatif agar banyak yang berkunjung
  • Ancaman Oleh DMCA
  • nah ini dia yang palig bahaya jika kita sembarangan Copy paste di halaman uang dilindungi DMCA kita akan dapat ancaman dan jika sudah tidak wajar mungkin akun blogger anda akan terancam  
  • Tidak akan pernah dapat Site Link
  • Jelas sitelink hanya didapatkan oleh para blog yang artikelnya bermanfaat
yah itulaj kerugiannya maka dari itu mari biasakan diri untuk menulis artikel yang dibuat asli oleh kita selain kita bangga juga sangat berpengaruh pada posisi SERP. Sekian dan Semoga Berguna.

Cara Memilih Template Blog Yang Baik

mungkin banyak orang bertanya "Bagaimanasih template yang bagus itu ?" nah kali ini saya akan membahasnya.

1. Template Harus Tertata rapih
    Tentunya jika kita memiliki template acak acakan dari tataletak sampai bentuk tulisan yang kurang nyaman pengunjung akan malas berkunjung karena tidak enak dipandang. contoh tata letak yang baik ada pada gambar nomor 2. pas dari posisi header, kanan dan kiri sampai footer.

2. Posisi Widget Berada dikanan

Contoh Tata Letak Yang Baik
     Menurut saya ini cukup penting karena template yang bagus itu posisi widget ada dikanan karena saat memuat laman cara memuatnya melalui proses , proses itu bermulai dari  header, kiri, kanan sampai akhirnya footer. Lalu mengapa ? jika widget ada dikanan otomatis yang dimuat itu isinya dahulu dan ini membuat lama loadingnya lebih cepat.

3. Tidak mengutamakan template yang Banyak untuk slot Iklan
    Memang blog itu bisa dijadikan sumber penghasilan tetapi jika kita memasang iklan berlebihan kita akan merasa tidak enak dilihat, lagi pula jika terlalu banyak terlihat mencari uangnya (hehehehe...)

4. Cari Template yang Simpel
    Template yang simpel disukai pengunjung karena selain lebih cepat membuat tampilanya pun pas.

5. Carilah warna yang simple dan serasi
    yah pasti kita kurang enak jika melihat blog yang lebay dengan warna. menurut saya justru itu tidak membuat elegant, saya rekomendasikan template yang memiliki 3 warna unsur saja. kalau direkomendasikan sih yang monocrome (2 warna)

yah itulah 5 tips yang bisa membuat kita memilah dan memilih template, semoga bermanfaat !

Cara Membuat 2 Widget Berdampingan Dalam 1 Kolom

 
 Widget atau Gadget memang merupakan sebuah elemen penting yang dijadikan sebagai tempat untuk menaruh berbagai macam perangkat yang digunakan dengan susunan HTML, Javascript, Feed, jQuery dan lainnya. Nah, apabila di bagian sidebar kita hanya terdapat satu buah kolom dan ingin merubah dari satu kolom menjadi dua buah kolom tentu akan membuat kedua kolom tersebut semakin kecil dan sempit.

Untuk itu Cara yang paling ampuh untuk mengatasi masalah tersebut adalah dengan cara menggabungkan kedua widget tadi menjadi satu bagian dalam satu buah elemen Gadget. Cara Menjadikan kedua buah widget tanpa harus membagi menjadi banyak colomn di sidebar adalah seperti berikut ini :

<table><tr>

<td>Kode Widget Anda</td>

<td>Kode Widget Anda</td>

</tr>

</table>
Anda hanya tinggal merubah tulisan Kode Widget Anda dengan script elemen HTML/Javascript saja. Saya akan menjabarkan secara detail mengenai script diatas. Kode <td> adalah untuk menampilkan widget Anda satu persatu mengarah ke samping kanan, sehingga kode td ini dapat dipakai untuk menggabungkan 2 buah widget secara sejajar dan teratur. Sedangkan kode <tr> adalah elemen untuk menampilkan widget ke posisi atas dan bawah. Jadi, Anda dapat mengaturnya secara bebas tinggal memilih penggunaan td atau tr kah yang ingin Anda pakai untuk merapihkan kedua atau lebih widget Anda.

Tetapi jangan lupa, gunakan tanda slash * / * seperti yang diapit oleh tanda bintang, pada penutup td dan tr untuk setiap satu buah widget. Contohnya seperti ini </td> atau </tr>. Sedangkan kode tabel adalah untuk membuat elemen sesuatu menjadi dua atau banyak baris dan kolom.

Sumber : Sumber : http://impoint.blogspot.com/2013/01/cara-membuat-2-widget-berdampingan.html

Cara Mengetahui Kecepatan Blog

Cara mengetahui seberapa lambat blog kita
Apakah kamu pernah peduli dengan kecepatan blog anda ? Tidak ? Kecepatan Blog sangat penting karena kebanyakan zaman sekarang orang pada tidak sabaran dan ingin instan terutama indonesia :) jadi kita harus peduli dengan kecepatan blog kita , lalu gimana caranya ? Mudah, Internet sangat lengkap. Tentu Internet juga menyediakannya kan?


Membandingkan Website orang lain


Membandingkan website dengan lainnya selalu bermanfaat karena Blog akan lebih dan lebih ingin tahu dalam mengembangkan situs web yang lebih baik daripada yang lain. apa kegunaan adanya Alat yang membandingkan kecepatan dua website ? Di satu sisi, tampak menyenangkan karena Anda dapat bersaing dengan sesama blogger Anda yang yang memiliki kecepatan yang paling cepat. Sementara di sisi lain, hal ini sangat berguna untuk membandingkan waktu buka situs Anda dengan situs profesional. Cukup ikuti petunjuk berikut untuk mulai membandingkan kecepatan situs Anda.
2. Di sana anda dapat membandingkan dua website terkenal seperti Apple dengan Adobe atau anda dapat membandingkan blog anda dengan blog lain.

Mengetahui kecepatan loading blog dan memperbaikinya

Apakah kalian ingin blog/website anda diukur oleh Website terkenal seperti Google atau Yahoo ? Mereka mempunyai pendapat mereka bagaimana mengetahui apakah suatu website cepat/ lambat. Yahoo memiliki YSlow dan Google memiliki PageSpeed. 
Tetapi kalau dicek satu-satu kan kelamaan solusinya adalah GTMetrix. GTMetrix akan mengecek blog anda melalui PageRank dan Yslow bahkan GTMetrix akan memberitahu anda bagaimana cara memperbaikinya.
1. Pergi ke gtmetrix.com
2. Masukkan halaman blog anda di tempat yang disediakan
3. Tunggu sampai Gtmetrix selesai mengecek Pekerjaannya
4. Lalu anda akan mengetahui seberapa borosnya blog anda. semakin kecil persentasenya, semakin lambat blog anda
Berikut Screenshot dari blog saya ( pada tanggal 21/04/2013 )
Nilai PageRank dan Yslow dari Gtmetrix





Untuk ukuran blogger, sebenarnya ini sangat bagus. Anda tahu bahwa blogger memiliki kekurangan, jadi nilai tercepat loading blog yang memiliki artikel lebih dari 25 itu Page speednya maksimal 95 % dan Yslow nya maksimal 90 % ( untuk yang tidak punya artikel, maksimal PageSpeednya 98% dan Yslownya 95% )

Blogger Tidak mengejinkan kita

  1. Mengedit htaccess
  2. Mengatur expirenya cache
  3. Mengaktifkan Gzip di blog kita
  4. Mengaktifkan CDN
  5. dll
Jadi jangan berkecil hati jika nilainya dibawah 90%, asal mendatangkan konten yang berkualitas seperti MBT yang nilai pagespeednya hanya 60% tetapi pageranknya 5 dan alexanya 4000, kurasa pengunjung akan sabar :)
Baiklah cukup artikel hari ini, anda boleh mengshare artikel ini agar berguna dengan catatan anda menuliskan sumbernya.

Arsip Blog