5 Langkah Cepat Memajukan Blog Kamu

Pada kesempatan ini NTechno akan membagikan secara khusus sebenernya bagaimana sih agar blogger kita bisa maju? ini berdasarkan kemauan kita sendiri , kalo kita mau maju pasti harus ada dulu kemauan dari kita . Untuk itu , ini tips hanya rekomendasi dari NTechno  , sebenernya blog NTechno juga gak terkenal amat sih , tapi ini sekedar tips cepat nya .
Oke , langsung saja simak yaa brow/sister :

1. Wajib Daftar Akun Google+ 
Daftar disini : https://accounts.google.com
Akun google+ sangat multifungsi bagi semua blogger , karna bisa digunakan untuk semua aplikasi dari Google Product .
Dengan adanya akun ini , kamu bisa lebih leluasa karna fitur Google+ hampir sama dengan media sosial lainnya , seperti bisa update status , unggah video , maupun +1 button .
Tips dari NTechno jika kamu ingin membuat Akun Google+ hendaknya tanggal lahir dibuat tahun 1980 kebawah , karena ini berakibat juga untuk Google Adsense yang hanya membutuhkan pendaftar nya setidaknya 18 tahun .

2. Wajib Daftar 5 Aplikasi Ini

Aplikasi yang wajib di daftar :
- Facebook Fanspage = Untuk mengembangkan dan promosi blog lewat Facebook
- Photobucket = Sebagai sarana upload foto yang bisa embed script
- Twitter = Untuk mengembangkan blog lewat Twitter
- YouTube = sebagai sarana upload video seperti tutorial ataupun iklan lainnya .
- RSS Feedburner = sebagai sarana pengunjung agar bisa berlanggan (subscribe ) di blog kamu .

Dengan adanya aplikasi diatas kamu lebih mapan dalam mengembangkan blog kamu , karena jika semua aplikasi tersebut sudah di daftar dan diaktifkan secara tepat , maka perkembangan dan trafik blog semakin ramai .


3. Tetap Kerja Keras dan Belajar

Dalam mengembangkan blogger , kita harus diliputi oleh rasa juang yang tinggi , agar bisa maju kita pun harus kerja keras , tanpa kerja keras blog tak akan maju .

4. Buatlah Post yang Berkualitas

Rekomendasi saya , kalau bisa kita membuat post dari hasil otak dan tangan kita sendiri , masalah copy-paste bisa sih bisa asalkan jangan terlalu keseringan karena membuat pengunjung menjadi tidak tertarik . Keuntungan jika kita membuat post berkualitas ialah blog ktia ramai dikunjungi dan tentunya semakin banyak yang berlangganan .

5. Optimalkan Template Blog

Berikut ini tips utama template yang harus kamu pilih sebelum membuat blog :

- Responsive DESIGN
- SocialMedia Widget READY
- Ads READY
- SEO Optimized 100%
- Valid HTML 5

Dengan ada template dengan fitur diatas maka kamu tinggal modifikasi template saja agar bisa SEO SCORE mencapai 100% sehingga mudah untuk masuk ke pencarian google teratas .

Hanya ini yang bisa NTechno sampaikan , nanti nya jika ada tips lain , akan saya update kembali .
Terima kasihh . apresiasi kan ini dengan subscribe blog ini ke RSS Feedburner .

Read More

Cara Membuat Link Anchor Lengkap tanpa Errors

Bagi seorang pemula tentu sangat sulit rasanya membuat sebuah link anchor , apakah itu Link Anchor?Link Anchor ialah direct link yaitu jika kita klik bisa dialihkan ke suata laman maupun sites tertentu .

Tertarik bagaimana cara membuatnya?
NTechno akan kupas tutorialnya :

1. Membuat Link URL dengan tujuan Sites/Halaman

Copy saja script berikut :

<a href="URL tujuan" title="BEBAS">Penjelasan Yang Akan Muncul</a> 

Berikut contoh nya jika saya membuat script ini :

<a href="www.anessilitonga.blogspot.com" title="NTechno">Newbie Techno Indonesia</a>

HASIL : Newbie Techno Indonesia

2. Membuat Link URL untuk Image

Copy saja script berikut :

<div class="separator" style="clear: both; text-align: center;">
<a href=" URL tujuan " target='_blank'><img alt='Penjelasan Gambar ' src="URL Gambar tujuan" width="100%" title=' Title OnClick Pada Gambar '/></a> </div>

Berikut contohnya jika saya mebuat script ini :

<div class="separator" style="clear: both; text-align: center;">

<a href='http://anessilitonga.blogspot.com/p/blog-page_72.html' target='_blank'><img alt='Pasang Iklan Disini ! ' src='http://i1066.photobucket.com/albums/u416/Aness_Silitonga/ss_zpszisabth7.gif' width 100%  title='Pasang Iklan Disini ! '/></a></div>

HASIL :

Read More

Download Gratis Ashampoo WinOptimizer 11

WinOptimizer11 memiliki fungsi yaitu untuk mengclean up semua issues ataupun junk dan registry yang bermasalah pada PC kamu serta mengoptimalkan kinerja PC kamu menjadi lebih baik lagi ,selain itu WinOptimizer11 akan memprotect semua data ataupun file serta serangan malware dari hackers . 

Fitur dari  WinOptimizer 11 : 

1. Fix all errors dan free space 

2. Lebih cepat menangani berbagai masalah error atapun berkurangnya dan semakin melambatnya kinerja PC . 

3. Adanya fitur Game Booster Turbo

4. Lebih efisien , dan lebih cepat
"more efficient and more faster " 

Download Gratis Ashampoo WinOptimizer seharga $40

Normal nya kamu harus membayar sebesar $40 , tapi karena ada event giveaway , maka kamu bisa mendapatkan nya secara gratis selama kesempatan masih ada . Event giveaway ini berakhir pada tanggal 10 April 2015 . 

Kunjungi dahulu link dibawah ini :

Download WinOptimizer 11

Lalu ikutin saja tutorial lengkapnya di video berikut :

1 license = 1 users 

Read More

Free Download TechLive Blogger Template

Demo
Click here



Download
Click here

TechLive ialah template khusus blogger yang membahas Technology , dengan berbagai fitur yang menawan , template ini terlihat sempurna , dengan tampilan simple dan gak ribet . Berikut ialah fitur dari TechLive blogger template :

Features

• Built in theme options page
• Responsive Design 100%
• Shortcodes + Shortcode Generator in the post editor
• Custom Page Templates
• Featured Image Ready 
• SEO Optimized
• Featured Posts Slider with Full Large 
• Contacts Page Template
• 7+ Custom Widgets
• Translation Ready
• Compatible with latest WordPress versions
• Compatible with all major browsers: Chrome, Firefox, IE, Safari
• Advertise Ready 

Untuk itu , langsung saja coba template nya . Selamat Mencoba ! 

Read More

Free Download Carzilla Blogger Template

Demo
Click here



Download
Click here

Cukup menarik bukan tampilan dari Carzila template ? dari nama nya saja kita sudah bisa tebak bahwa ini template di desain untuk showroom mobil ataupun sebenernya bisa multifungsi juga sih , selain itu template ini juga memiliki fitur - fitur yang wuss banget , langsung sajaa .

Features

• Built in theme options page
• Responsive Design
• Shortcodes + Shortcode Generator in the post editor
• Custom Page Templates
• Featured Image Ready
• SEO Optimized
• Featured Posts Slider
• WooCommerce Ready
• Contacts Page Template
• 7+ Custom Widgets
• Translation Ready
• Compatible with latest WordPress versions
• Compatible with all major browsers: Chrome, Firefox, IE, Safari

Untuk itu , langsung saja coba template nya . Selamat Mencoba ! 

Read More

Free Download TechMatters Blogger Template

Demo
Click here



Download
Click here

Pada kesempatan kali ini NTechno akan membagikan template blogger yang bernama "TechMatters" , template ini bertepatan juga dengan template yang digunakan NTechno sekarang ini . Template ini simple dan pastinya ringan atuhhh 100% . Template ini membuat blog kamu lebih modern dan asik , serta enak dilihat dan gak ribet .

Features Of TechMatters

1. WooCommerce Ready

2. Theme Options

3. Cleand Code

4. Page Templates

5. Custom Widgets

6. Responsive Design 100%

7. Localization Ready

8. SEO Optimized

9. Wordpress Compatibility

10. Featured Post with Slider

11. Social Profiles Widget Ready

Read More

Cara Membuat DEMO dan DOWNLOAD Button

Demo
Click here



Download
Click here

Button diatas merupakan contoh tombol "DEMO" dan "DOWNLOAD" yang bakal NTechno kasitau , lumayan tombol - tombol berikut bisa digunakan bukan sekedar demo dan download tapi bisa kita tujukan dengan link - link dan tujuan lainnya .

Oke langsung saja :

1. Login ke Dasboard Blogger

2. Klik " Template "

3. Edit HTML
Cari kata </style> atau ]]></b:skin> kemudian letakkan script dibawah ini tepat diatas </style>atau ]]></b:skin> itu . 

#wrap { margin:20px auto; text-align:center; }
#wrap br { display:none; }
.bie-slide,.bie-slide2 { position:relative; display:inline-block; height:50px; width:200px; line-height:50px; padding:0; border-radius:50px; background:#fdfdfd; border:2px solid #F9690E; margin:10px; transition:.5s; }
.bie-slide2 { border:2px solid #36D7B7; }
.bie-slide:hover { background-color:#F9690E; }
.bie-slide2:hover { background-color:#36D7B7; }
.bie-slide:hover span.circle,.bie-slide2:hover span.circle2 { left:100%; margin-left:-45px; background-color:#fdfdfd; color:#F9690E; }
.bie-slide2:hover span.circle2 { color:#36D7B7; }
.bie-slide:hover span.title,.bie-slide2:hover span.title2 { left:40px; opacity:0; }
.bie-slide:hover span.title-hover,.bie-slide2:hover span.title-hover2 { opacity:1; left:40px; }
.bie-slide span.circle,.bie-slide2 span.circle2 { display:block; background-color:#F9690E; color:#fff; position:absolute; float:left; margin:5px; line-height:42px; height:40px; width:40px; top:0; left:0; transition:.5s; border-radius:50%; }
.bie-slide2 span.circle2 { background-color:#36D7B7; }
.bie-slide span.title,.bie-slide span.title-hover,.bie-slide2 span.title2,.bie-slide2 span.title-hover2 { position:absolute; left:90px; text-align:center; margin:0 auto; font-size:16px; font-weight:bold; color:#F9690E; transition:.5s; }
.bie-slide2 span.title2,.bie-slide2 span.title-hover2 { color:#36D7B7; left:80px; }
.bie-slide span.title-hover,.bie-slide2 span.title-hover2 { left:80px; opacity:0; }
.bie-slide span.title-hover,.bie-slide2 span.title-hover2 { color:#fff; }

4. Kemudian lanjutkan dengan mencari kode </head> Lalu masukan script di bawah ini tepat di atas kode </head> . 

<link href='http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css' rel='stylesheet'/>

5. Klik " Simpan Template "

Jika kamu ingin membuat tombol demo dan download nya pada postingan , copy kan script dibawah ini , dan mode postingan harus HTML dahulu baru diubah ke Compose :

<div id="wrap">
<a class="bie-slide" href="http://www.anessilitonga.blogspot.com" target="_blank">
  <span class="circle"><i class="fa fa-rocket"></i></span>
  <span class="title">Demo</span>
  <span class="title-hover">Click here</span>
</a>
<a class="bie-slide2" href="http://www.anessilitonga.blogspot.com" target="_blank">
  <span class="circle2"><i class="fa fa-download"></i></span>
  <span class="title2">Download</span>
  <span class="title-hover2">Click here</span>
</a>
</div>

6. Selesai , Simpan lalu lihat hasil nya .

Read More

Cara Membuat Border Script

NTechno kembali mengupdate tutorial untuk membuat border script ataupun border tulisan link aktif . Banyak orang yang bingung bagaimana cara nya membuat script tapi pakai border , dalam artinya border itu adalah " tempat ", untuk itu pada kesempatan kali ini saya akan memberikan tips nya , simak berikut ini :

1. Login ke Dasboard Blogger 
2. Buat " Entri Baru " 
3. Mode posting dalam mode on " Compose " terlebih dahulu .
4. Lalu copy dahulu script dibawah ini : 

<div style="border: 3px #FA5858 Dashed; padding: 10px;background-color:#ffffff;
text-align: left;">
.Newbie Techno.</div>

5. Setelah itu buat mode on "HTML " pada postingan .
Setelah itu pastekan script yang tadi .

6. Setelah dipaste pada posting HTML , lalu langsung ubah saja menjadi Compose kembali .
Maka akan terbentuk border script nya .

Keterangan : 
> border: 3px = ukuran ketebalan border 
> #FA5858 = warna kotak script
> padding: 10px = panjang kotak kebawah , untuk lebarnya otomatis sampe ke ujung posting . 
> text-align: left; = posisi penulisan dari sebelah kiri
> #fffff = kode warna dalam border script 
Kode Warna lengkap bisa dilihat DISINI

> Dashed = bentuk kotak script 
model bentuk border script banyak pilihan nya , berikut ini contoh nya :

Model bentuk Double 

Model bentuk Dotted

Model bentuk Groove

Model bentuk Inset

Model bentuk Outset

Model bentuk Ridge

Model bentuk Solid 

Lebih lengkap kalo masih bingung , simak video tutorial khusus dari NTechno berikut :

Read More