Newbie Techno

Home » All posts

Tuesday 21 April 2015

Cara Membuat BlockQuote Menarik Pada Blog

22:54 Tutorial

BlockQuote memang sudah ada namun BlockQuote bawaan blogger tampilannya mungkin agak kurang menarik, sehingga bisa jadi mungkin akan di abaikan oleh pengunjung namun jika anda membuat BlockQuote yang bagus maka perhatian untuk BlockQuote akan lebih di perhatikan, bagi anda yang berniat untuk membuatnya lebih menarik, silahkan ikuti tutorialnya dari NTechno :1. Buka akun blogger anda.

2. Pilih Menu > Template >Edit Html
3. Cari kode seperti ini blockquote dan ganti script BlockQuote bawaan blogger dengan script dibawah ini.

 
blockquote{display:block;font-style:normal;color:#FFF;padding:15px 18px 15px 48px;position:relative;background-color:#1BBCE4;border-radius:4px;border-bottom:2px solid #0E7994}
blockquote:before{font-family:'fontAwesome';display:block;position:absolute;top:15px;left:16px;color:#fff;font-size:24px;line-height:1}
blockquote:before{content:"\f05a"}

Catatan :

code blockquote yang default akan tampil biasanya seperti ini tapi setiap blog memiliki code blockqoute yang berbeda

blockquote {
background: #f8f8f8;
margin-left: 2em;
margin-right: 2em;
border-left: 4px solid #ccc;
padding: 1em 1em;
font-style: italic;
}

Semua kode blockquote default blogger di ganti dengan kode yang tadi , gimana sudah paham?

4. Selanjutnya copy kode dibawah ini dan letakan tepat diatas kode <head>

 <link type="text/css" href="https://googledrive.com/host/0B6FAz9FHjnXXWXIzaXpBVXJCLWs" rel="stylesheet"/>

5. Klik Save Template dan selesai .

Cara Menggunakan BlockQoute kamu tinggal mengklik lambang "tanda kutip " yang ada di menu pos blog , setelah itu masukkan kata sesuai keinginan .

Dan lihat hasilnya , cekidot!

Cara Membuat Arsip Blog dengan Scroll

22:30 Tips and Trick, Tutorial

Arsip blog atau Archive blog adalah sebuah daftar urutan artikel yang di urutkan sesuai tanggal bulan dan tahun, biasanya arsip blog atau archive blog ini di letakan di sidebar pada sebuah blog, arsip blog ini menurut saya sangat berguna sekali jika di pasang pada sebuah blog,karena dengan widget arsip ini bisa dengan mudah menemukan artikel-artikel anda hanya dengan melihat halaman arsip .
Pada kesempatan kali ini NTechno membagikan bagaimana caranya membuat scroll pada arsip blog yang memudahkan pembaca dan tidak memakan space pada blog .

Berikut caranya :

1. Pastikan anda sudah menambahkan arsip blog ke widget blog anda.

2. Sekarang buka akun blogger anda.

3. Pilih menu template > Klik Edit Html

4. Lalu silahkan anda cari kode 'BlogArchive'

5. Jika sudah ketemu lalu letakan kode kode di bawah ini tepat di atas kode 'BlogArchive'

<div style='overflow:auto; width:ancho; height:200px;'>

6. Lalu anda geser ke bawah sedikit, maka anda akan melihat kode seperti ini <b:include name='quickedit'/> dan tambahkan kode </div> di atasnya Atau lebih jelasnya seperti di bawah ini.

<div style='overflow:auto; width:ancho; height:200px;'> <div id='BlogArchive'><div expr:id='data:widget.instanceId + "_ArchiveList"'>
<b:if cond='data:style == "HIERARCHY"'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == "FLAT"'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == "MENU"'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div>
</div><b:include name='quickedit'/> </div>
</b:includable>

Catatan : 200px adalah tinggi arsip dan silahkan sesuaikan sesuka anda.

Sekian dulu tutorial dari Ntechno , semoga bermanfaat ^^

Cara Membuat Template Default menjadi Responsive Pada Blog

22:18 Tutorial

Dalam membangun sebuah blogger kita membutuhkan reaksi cepat dari semua pelayan internet , dan untuk itu jika blog kita sudah responsive design maka sudah jelas akan lebih cepat terindex oleh si Google dan sungguh menyenangkan karena bisa dikunjungi banyak orang .

Demo
Click here

Untuk itu berikut ini NTechno bagikan caranya :

1. Pertama, matikan fitur navbar, pilih menu tata letak > klik navbar > Pilih "OFF"

2. Sekarang cari kode di bawah ini :

.post-body img, .post-body .tr-caption-container {
padding: $(image.border.large.size);
}

3. Lalu ganti kode tersebut dengan kode dibawah ini.

.post-body img, .post-body .tr-caption-container {
padding: 0;
width:auto;
max-width:100%;
height:auto;
}

4. Selanjutnya cari kode dibawah ini :

<b:if cond='data:blog.isMobile'>
<meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>
<b:else/>
<meta content='width=1100' name='viewport'/>
</b:if>

5. Lalu ganti kode tersebut dengan kode di bawah ini :

<meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>

6. Sekarang letakan kode dibawah ini tepat diatas kode </head>

<style type='text/css'>
@media screen and (max-width:1024px){
body,.content-outer, .content-fauxcolumn-outer, .region-inner {width: 100%!important;min-width:100%!important;padding:0!important}
body .navbar {height: 0!important;}
.footer-inner {padding: 30px 0px!important;}
}
@media screen and (max-width: 603px){
.main-inner .columns {padding-right: 0!important;}
.main-inner .column-right-outer {width: 100%!important;margin-right: 0!important;}
}
</style>

7. Save Template dan Selesai

Cara Setting Custom Robots.Txt 100% SEO

21:49 SEO, Tutorial

Robots.txt adalah berisi pedoman atau pengaturan untuk Robot-crawler tentang bagaimana mereka akan meng-crawler dan mengindexs situs web atau blog anda, maka dari itu, blogger menyediakan pengaturan khusus untuk mengatur beberapa pengaturan SEO yang sangat dasar dan sangat mudah dari dashboard blog anda. Salah satunya adalah menetapkan custom robots.txt untuk blog anda sesuai kebutuhan kamu .

Pada dasarnya setiap blog dari platfrom blogger memiliki robots.txt setelan default, namun dengan perubahan baru di blogger ini, anda dapat mengubahnya sesuai dengan kebutuhan, nah..untuk itu dalam posting kali ini, anda akan tahu tentang bagaimana stelan robots.txt default blogger dan cara menambahkan atau mengedit robots.txt custom untuk blog kamu .

Inilah setelan Default Robots.Txt :

User-agent: Mediapartners-Google

Disallow:
User-agent: *
Disallow: /search
Allow: /
Sitemap: http://www.anessilitonga.blogspot.com/feeds/posts/default?orderby=UPDATED

Untuk mengecek Robot.Txt yang Anda gunakan saat ini :

http://NamaBlogAnda.blogspot.com/robots.txt

Ganti settingan default pada Robot.Txt menjadi ini :

User-agent: Mediapartners-Google

Disallow:
User-agent: *
Disallow: /search
Disallow: /p/*
Disallow: /view/*
Disallow: /?m=1
Disallow: /?m=0
Disallow: /*?m=1
Disallow: /*?m=0
Allow: /
Sitemap: http://www.URL BLOG ANDA.blogspot.com/feeds/posts/default?orderby=UPDATED

User-agent: Mediapartners-Google
Disallow: Garis ini menunjukan bahawa bot crawler di perintah untuk merayapi atau meng-crawler adsense. jika anda sudah mempunyai iklan Adsense; baris ini sangat bagus untuk ,meng-crawler adsense dan untuk mengunjungi semua halaman situs anda sesuai dengan pedoman adsense, untuk garis ini lebih baik di biarkan.

User-agent: * Baris ini digunakan untuk bot meng-crawler semua situs halaman blog anda (kecuali untuk pengaturan yang terpisah di bawahnya, apakah harus di indexs atau di blok dalam penambahan kode di bawah-nya. yang di maksud dibawahnya ini adalah kode-kode yang anda terapkan.

Disallow: /search Baris ini menunjukkan bahwa setiap halaman / pencarian dalam bentuk URL tidak akan dijelajahi dan diindeks oleh bot crawler. Baris ini sangat penting untuk membuat SEO blog anda, seperti tidak akan merayapi atau tidak akan mengindeks halaman Label dan Arsip. Karena halaman tersebut bukan halaman unik atau URL yang bisa di indexs dan juga untuk menghindari duplikat konten pada blog anda.

Disallow: /p/* Garis ini berfungsi untuk memblokir robot menjelajah halaman untuk blog anda. Tetapi jika anda ingin halaman anda tetap di indeks oleh crawler , silahkan hapus baris ini.

Disallow: / view / * Garis ini berfungsi untuk menghentikan robot merayapi halaman blogger dengan tampilan link dinamis. Jika anda menggunakan tampilan dinamis di blog anda, maka anda bisa menghapus garis ini tapi jika anda tidak menggunakannya silahkan di biarkan saja.

Disallow: /?m=1
Disallow: /?m=0
Disallow: /*?m=1
Disallow: /*?m=0 Garis-garis ini berfungsi untuk menghentikan robot merayapi halaman redirect ke mobile phone atau tampilan handphone. Jika anda tidak menggunakannya, maka anda mungkin akan melihat blog dengan link dalam hasil pencarian tampilan mobile phone *?M = 1 atau *?M = 0 garis ini diperlukan untuk menghindari masalah duplikat halaman. Jika anda tidak mempunyai masalah ini atau jika anda tidak membutuhkannya, anda bisa menghapusnya.

Sekian dulu info dari Newbie Techno , semoga 100% bermanfaat .
Terima kasih

Cara Agar Artikel Cepat Terindex Google dalam 5 Detik

21:27 SEO, Tips and Trick, Tutorial

2 mins ago langsung ke index

Saya yakin setiap blogger setiap menulis artikel dan mempublish artikelnya pasti ingin sekali posting atau artikelnya agar cepat terindex google dan bisa muncul di halaman mesin pencari, kadang jika kita sesudah mempublish artikel, jika kita tanpa melakukan apapun, maka artikel akan lama sekali untuk terindex google bahkan sampai berhari-hari, padahal kita ingin sekali artikel kita muncul di google lebih cepat .

Untuk itu lah NTechno akan mengupas tutorial index cepat lewat google dalam 5 detik :

1. Dengan Menggunakan SUBMIT URL melalu Webmaster

- Pastikan kamu sudah selesai membuat postingan kamu .
- Kunjungi link : https://www.google.com/webmasters/tools/submit-url
- Di tab baru isi URL artikel anda > Isi Captcha > Submit Request
Lihat contoh gambar di bawah :

2. Seting Manual lewat Alat Webmasters

1. Buka webmaster dashboard https://www.google.com/webmasters/

2. Masuk ke Webmaster > Pilih situs blog kamu

3. Di dashboard > Crawl > Fetch as Google

4. Masukan URL artikel di mulai dari tanggal > Fetch > Submit Index

Lihat contoh gambar di bawah :

Selesai .

Demikian tutorial ini Ntechno sampaikan secara lugas , jika anda kesalahan mohon dimaafkan . jika ada kesulitan silahkan bertanya

Cara Terbaru Menambah RAM Komputer atau Laptop

00:56 Tips and Trick, Tutorial

Cara ini merupakan salah satu cara termudah yang pernah NTechno lakukan , berikut akan saya beritahu bagaimana sih cara menambah RAM pada PC atau Laptop kita , lumayan buat nambahin memory biar bisa memuat banyak data tanpa lelet .

Teknik ini bisa dilakukan dengan 3 cara , tapi kita akan bahas dari awal dahulu :

Dengan Menggunakan Upgrade RAM

1. Perhatikan tipe memory RAM yang kamu gunakan , dan mengupgrade nya kembali dengan tipe yang sama . Misalnya dari 1GB diganti dengan RAM 4GB .

2. Jika kamu sudah mengetahui dan menyediakan memori RAM yang ingin kamu upgrade , maka sekarang kamu boleh membuka case CPU atau laptop kamu . Harus berhati - hati dalam pelepasan , jika ada kesalahan teknis sedikit pun akan berakibat fatal pada perangkat - perangkat di CPU . Setelah membuka case nya langsung saja liat slot memory pada mainboard kamu lalu pasang memory yang telah sediakan ke slot memory tersebut .

3. Jika pemasangan memory pada mainboard sudah selesai , tutup lah kembali case dengan rapat .
Dan selesai lah kamu mengupgrade RAM pada komputer atau laptop kamu .

Menambah RAM dengan Virtual Memory

Cara ini sangat cocok untuk kamu yang memilik spek PC atau laptop yang rendah tetapi kamu ingin memainkan game - game berat , dan ternyata RAM kamu tidak mencukupi untuk bermain game tersebut . Inilah solusi nya , simak baik - baik

1. Masuk ke Menu Windows Explorer
2. Klik kanan pada Computer - Pilih Properties
3. Kemudian pilih "Advanced System Settings "
4. Pada tab "Advanced - Performance " klik Settings
5. Pada tab Advanced berikut nya klik Change
6. Hilangkan tanda centang pada "Automatically manage paging file size for all drivers "
7. Pilih "Custom Size " lalu pilih partisi data , contohnya DATA : D
Atur berapa banyak DATA RAM yang ingin kamu ambil dari partisi tersebut
8. Setelah itu klik OK .
9. Lalu RESTART komputer kamu .

Menambah Kapasitas RAM dengan Virtual Memory

Menambah RAM dengan Flashdisk

1. Klik kanan pada Flashdisk , pilih Properties .
2. Pilih tab " Readyboost "
3. Pilih " use this device "
4. Setelah itu atur lah kapasitas flashdisk yang ingin kamu alokasikan menjadi data virtual (penambahan RAM) pada PC kamu .
5. Lalu , klik OK .

Dengan catatan tidak semua flashdisk bisa menggunakan Readyboost , tetapi ada salah satu merk flashdisk yang bisa digunakan untuk menambah RAM yaitu merk Flashdisk Toshiba .

5 Langkah Cepat Memajukan Blog Kamu

22:47 Intermezzo, Tips and Trick, Tutorial

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 .

Cara Membuat Link Anchor Lengkap tanpa Errors

22:42 SEO, Tips and Trick, Tutorial

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 :

Berikut contohnya jika saya mebuat script ini :

HASIL :

Newbie Techno

Tuesday 21 April 2015

Cara Membuat BlockQuote Menarik Pada Blog

Cara Membuat Arsip Blog dengan Scroll

Cara Membuat Template Default menjadi Responsive Pada Blog

Cara Setting Custom Robots.Txt 100% SEO

Cara Agar Artikel Cepat Terindex Google dalam 5 Detik

Wednesday 15 April 2015

Cara Terbaru Menambah RAM Komputer atau Laptop

Wednesday 8 April 2015

5 Langkah Cepat Memajukan Blog Kamu

Cara Membuat Link Anchor Lengkap tanpa Errors

Labels

Blog Archives

Popular Post

Author Info