• Tidak ada hasil yang ditemukan

Selama ini mungkin ANDA termasuk orang yang ingin tahu dan mencoba bagaimana cara mendapatkan lewat Google Adsense,

N/A
N/A
Protected

Academic year: 2019

Membagikan "Selama ini mungkin ANDA termasuk orang yang ingin tahu dan mencoba bagaimana cara mendapatkan lewat Google Adsense,"

Copied!
61
0
0

Teks penuh

(1)

TERBONGKAR !!!

Bagaimana Saya Mendapat $50/Day Dengan

TEKNIK ASEM BANGET

Jangan Sia-siakan Waktu ANDA yang sangat Berharga !!!

Inilah 3 Teknik Rahasia yang mengantar ANDA

mendulang $$$ dari Google adsense meski PEMULA

Bagaimana rasanya Jika ANDA punya akun ADSENSE seperti ini :

Tentu sangat menyenangkan bukan, Anda bisa berbuat banyak untuk

orang-orang yang Anda sayangi, bisa banyak sedekah dan waktu ibadah

serta bisa jalan-jalan kemana suka

….

TETAPI , ….

Selama ini mungkin ANDA termasuk orang yang ingin tahu dan

mencoba bagaimana cara mendapatkan $$$ lewat Google Adsense,

namun kebanyakani

nilah yang terjadi …..

:

1.

Berbagai cara dicoba , hasilnya NOL BESAR

2.

Capek dengan SEO yang RIBET

(2)

Semua menyebabkan rasa

MARAH, KECEWA, FRUSTASI

dan akhirnya

MENYERAH

seolah sudah tidak ada harapan lagi ……

Semua hal diatas tidak akan terjadi bila ANDA menggunakan Teknik

yang saya sebut

ASEM BANGET

(ADSENSE SOSIAL MEDIA BRUTAL DAN

TERTARGET) meski ANDA seorang NEWBIE sekalipun !!!

Teknik ASEM BANGET adalah cara yang sangat

SIMPEL

dan

POWERFULL

Teknik

yang digunakan sangat mudah untuk dilakukan bahkan bagi seorang NEWBIE

sekalipun karena hanya tinggal

COPAS

materi dan sedikit

KREATIF

. Dan yang

paling menggembirakan adalah semuanya

GRATIS

.

ANDA tidak perlu membeli tool mahal atau bermain SEO yang njelimet. Teknik

yang dilakukan hanya mengandalkan trafik dari Sosial Media yaitu

FACEBOOK

dan

pembuatan web dengan

BLOGSPOT/BLOGGER

dengan menggunakan

HIGH

PAYING KEYWORD.

Jika ditambah dengan menggunakan

VIDEOYOUTUBE

akan lebih dahsyat.

Semuanya serba

INSTANT

. Tidak perlu menunggu berbulan-bulan untuk mulai

memanen $$$ pertama ANDA dari internet.

Berapa sih harganya ?

Tunggu dulu. Tolong dijawab dengan JUJUR

1.

Berapa Harga untuk membeli Domain, Hosting, Plugin. Theme

untuk membangun Website Anda ?

2.

Berapa lama waktu Anda melakukan optimasi SEO (ON PAGE DAN

OFF PAGE) yang RIBET dan NJELIMET ?

3.

Berapa uang yang telah Anda habiskan untuk membeli Tools

berbayar untuk RISET KEYWORD, mencari ARTIKEL atau VIDEO

yang VIRAL ?

(3)

Mulai hari ini, KATAKAN TIDAK dengan cara lama, Karena saya akan

ungkap RAHASIA Bagaimana mendapat $ 50/Day dengan 3 Langkah

Mudah yang sudah TERBUKTI !!! DIJAMIN !!!

Saatnya ANDA menggunakan TEKNIK ASEM BANGET

Hanya dengan Rp. 500.000 Anda akan mendapat $$$ pertama hanya

dalam hitungan tidak sampai 7 hari, tidak perlu menunggu hitungan

bulan dan berdarah-darah.

Ya, ANDA tidak salah lihat. Cukup 500 ribu dan dalam 7 Hari. DIJAMIN !!

Apakah Teknik ini ILLEGAL ???

Tidak. Teknik ini sangat LEGAL dan bukan cara BLACKHAT.

Teknik yang dilakukan ASEM BANGET mengikuti evolusi Sosial Media

yang saat ini memang Booming. Sedikit gambaran pertama kali Google

mengenalkan Search Engine Optimization dengan SEO On Page dan Off

Page untuk urusan traffic atau mendatangkan pengunjung sehingga

menjadi Page One di search engine. Kemudian muncullah metode

berbayar yang dikenal dengan Google Adwords. Jika Anda mahir

dengan Google Adwords, maka dengan mudah tampil Page One.

Karena saat ini adalah eranya Sosial Media, maka Saya

menggunakannya sebagai

Shortcut

trafficnya. Anda tidak perlu susah

payah dengan belajar SEO atau ahli Google Adword, cukup dengan

FACEBOOK, GRATIS dan merupakan Sosial Media terbesar dengan Total

lebih dari 1,5 Milyar pengguna, Di USA 157 juta dan Indonesia 41 juta.

Sudah tahu kan alasan kenapa harus facebook ? Jika Anda lebih paham

Sosial Media lain bisa juga dicoba, siapa tau hasilnya lebih JOSS

(4)

#1. MEMBUAT AKUN FACEBOOK

Siapa yang ga tau Facebook, anak SD aja tau. Sosial media punya Marc

Zuckerberg ini gratis dan sangat user friendly. Berikut ini langkah

pertama mendulang $$$ lewat internet meski ANDA seorang NEWBIE.

1.

Membuat 50 akun facebook USA yang terlihat natural

2.

Ide

nama

Akun

Facebook

USAbisadibuat

dengan

membuka

www.fakenamegenertaor.com

3.

Ide profil wajah dapat diambil dari

www.vk.com

,

www.tagged.com

,

www.pinterest.com

4.

Gunakan Lightshoot untuk capture foto (Silakan Donlot gratis kog,

https://app.prntscr.com/en/download.html

)

5.

Profil wajah ambil wanita sexy (lebih disarankan, tapi jangan yang

vulgar/porno, karena akun kita bisa disuspend) karena lebih mudah untuk

di add friend

-

Cara Membuat Akun facebook US

1.

Siapkan 50 nomor kartu telepon

2.

Kartu Telepon ini digunakan untuk verifikasi akun

3.

Isilah Profile Akun sampai mencapai 100%, sehingga terlihat natural dan

kemungkinan lebih aman terhadap badai banned dari negara api

4.

Akun profile meliputi tempat tinggal, kota asal, pekerjaan dan

pendidikan semuanya USA

5.

Berikut ini link kota-kota besar di USA berdasar data dari Wikipedia

https://id.wikipedia.org/wiki/Daftar_kota_di_Amerika_Serikat_menurut

_jumlah_penduduk

(5)

-

Cara lain membuat Akun Facebook

1. Gunakan Smartphone Android untuk membuat akun Gmail

2. Dari akun Gmail yang sudah dibuat melalui Android, bukalah akun gmail

anda dengan PC

3. Buatlah Akun Multi Chrome untuk setiap akun Gmail yang sudah dibuat

4. Dari setiap akun Chrome buatlah akun Facebook yang sudah kita ambil

idenya dari Fake Name Generator

(6)

Perhatikanlah gambar diatas !!!

Contoh akun fb klonengan saya yang profilnya sudah diisi lengkap 100%,

maka disebelah sisi kanan (di dalam kotak merah) akan terlihat berita yang

sedang trending. Apa ga enak tuh ….

Cara Membuat Multi Akun Chrome

-

Bukalah Browser Chrome

-

Klik Pojok Kanan atas yang berupa 3 garis, Klik Setting, Klik Add Person,

Isilah profil dengan nama yang sudah kita dapat dari Fake Name Generator.

-

Lakukan sampai punya 50 akun Chrome

(7)
(8)

5.

Setelah memiliki 50 akun Facebook klonengan, maka lakukanlah postingan

berupa artikel dari Blogspot dengan Niche yang telah kita tentukan, baik di

time line sendiri maupun di grup yang kita ikuti

(9)

8.

Lakukan add friend maksimal 15 per hari, masuk ke grup hanya 1 grup per

hari, Confirm maksimal 100 perhari

9.

Agar maksimal, Setiap akun fb klonengan kita harus memiliki sedikitnya 100

teman)

10.

Agar maksimal saat add friend atau confirm pilihlah hanya teman yang dari

USA atau Eropa saja. Biasanya dari India, Arab atau Afrika sangat bernafsu,

he he ..

11.

Setelah memposting satu artikel, silakan lakukan TAGGING ke 49 akun yang

lain.

12.

Rawatlah ke 50 akun klonengan ini baik-baik, jagalah seperti akun ini adalah

akun utama kita.

13.

Cara diatas adalah dengan cara

TERTARGET

14.

Bila ingin mendapat $$$ maksimal buatlah akun klonengan lagi semampu

anda, lakukan add friend dan confirm. Serta

TAGGING

seperti diatas ke

semua friend tidak terbatas dengan 50 akun klonengan yang telah kita

buat. Lakukan dengan memakai Imacros

15.

Cara ini yang saya sebuat dengan cara

BRUTAL

16.

Dengan cara ini akun kita lebih rawan di suspend

17.

Seringkali dengan adanya perubahan algoritma dari Facebook, program

Imacros tidak berjalan atau hanya dapat tagging ke sedikit teman.

18.

Cara ini hanya tambahan saja, akan maksimal jika Anda menggunakan tools

yang bisa otomatis, tetapi biasanya berbayar. Anda bisa padukan

TheGraph

dan

Efbi Jumper

19.

Jika Anda punya Tools untuk Auto Posting tentu akan sangat efektif, tapi

tetaplah berhati-hati, karena seringkali pasukan SATPOL PP darI Facebook

ini biasanya galak banget

20.

Jika anda malas membuat sendiri Akun Facebook, sebenarnya bisa juga beli

akun Facebook yang sudah jadi. Harganya Rp. 2.000

Rp. 5.000 per akun.

Saya bukan resellernya lho ya, Tapi boleh juga sih kalau dimakelarin. He he.

(10)

#2. Konsep Rahasia HIGH PAYING KEYWORD

Saat ini kita telah memiliki 50 akun Facebook klonengan. Sebelumnya kita sempat

membahas untuk membuat blogspot dan mengisi artikel. Blogspot apakah yang

akan kita buat ? Niche apakah yang paling baik ?

Sebelum membuat Blogspot, saya akan mengenalkan sebuah tools (lagi lagi

GRATIS), silakan kunjungi

www.keywordspy.com

.Kalau anda punya uang bisa

juga gunakan SEMRUSH. Tools ini kita gunakan untuk mencari keyword apa saja

yang memiliki advertiser yang berani membayar mahal untuk setiap kata

kuncinya. Kita di sini akan berkenalan dengan Konsep High Paying Keyword.

Silakan Googling deh apa itu High Paying Keyword biar lebih pintar.

Dengan tools ini kita akan melihat Berapa Jumlah Advertiser ? Berapa yang

mencari kata kunci per bulannya ? Berapa CPC (cost per click) nya ? Bila ingin

mendapat informasi lebih maksimal, Anda bisa Upgrade. Kesalahan saya saat

pertama mulai bermain Adsense adalah hanya melihat CPC tinggi, tetapi ini

sedikit menipu. Karena ternyata ada yang CPC tinggi tetapi saat Real Time tidak

ada Advertiser yang mengiklan. Atau saat ini nilainya tidak besar lagi.Nah ..lho

(11)

Nah, jika Anda Googling dengan kata kunci High Paying Keyword biasanya akan

banyak muncul artikel yang mengulasnya kan ? Sayangnya biasanya itu tidak

Uptodate. Tool ini akan membantu kita apakah masih ada advertisernya. Sayang

kan sudah GE ER mau dapat earning tinggi, ternyata itu terjadi pas 2 bulan atau

tahun lalu.

(12)

Kembali ke laptop. Pengalaman saya saat menggunakan keywordspy ada 5 Niche

dengan nilai CPC tinggi, sekitar $ 50 - $ 100 per kliknya. Berikut adalah Niche yang

saya maksudkan

1. Mesothelioma

2. Structured Settlement

3. Donate Car

4. Personal Injury

5. Car Insurance

Silakan anda berkreasi mencari HPK yang lain, mungkin saja akan menemukan

yang lebih dahsyat

Bila kita tuliskan dengan keyword tertentu, akan terlihat keyword lainnya dengan

nilai CPC nya. Kata kunci- kata kunci itulah yang akan kita gunakan sebagai ide

pembuatan artikel lainnya.

Misalnya, pada kata kunci (keyword) jika kita tulis mesothelioma akan muncul

beberapa turunannya beserta jumlah pencariannya seperti berikut,

mesothelioma lawsuits 1,900/mo

$103.55

mesothelioma attorneys 40,500/mo $114.05

mesothelioma law firm 12,100/mo $119.32

mesothelioma attorney 49,500/mo $118.88

mesothelioma lawyers 40,500/mo $115.31

mesothelioma law

22,200/mo $119.16

mesothelioma lawsuit

5,400/mo

$107.41

Saya cuma bisa bilang

WOW … Sudah jelas kan arahnya ???

(13)

#3. Buat Web dengan NICHE sesuai HPK dengan BLOGSPOT/BLOGGER

Setelah mengenal HPK dari keywordspy , Tinggal 1 langkah lagi akan mendapat $

50/day, ga perlu nunggu hitungan bulan, tapi cukup dengan hitungan jumlah jari

tangan anda, meski Anda Newbie sekalipun. Pernah dengar Blogger/blogspot ?

Inilah kendaraan yang akan kita pakai untuk membuat blognya.

Selanjutnya kita akan membuat Artikel dari Blogspot. Kenapa saya memilih

Blogspot ? Ada 2 alasannya

1.

Dulu saya agak menyepelekan Blogspot. Tetapi sekarang sudah tobat.

Blogspot ini ini adalah fasilitas GRATIS yang diberikan oleh GOOGLE.

Bawaan Blogspot ini sudah responsive dan mobile friendly jadi ga perlu

diotak-atik lagi. Tinggal pakai aja. Enak kan ..Bagi yang newbie saya berikan

tutorial buat blogspot pada halaman bonus. Sik asik asik.

2.

Ini alasan kedua yang paling penting, Jika artikel dalam blog anda dinilai

Google melanggar TOS, maka yang akan dihapus/diBanned adalah

Blogspotnya bukan Akun Adsense nya. Apa sih yang dianggap melanggar

TOS Google ? Googling aja deh sendiri, wkwkkw.

(14)

Saya belum menjawab, apa sih hubungan HPK di keywordspy dan Blogspot.

Sssstttt, inilah rahasianya.

Masuklah Dasboard Blogger. Saya asumsikan, anda sudah bisa membuat

Blogspot. Buatlah Akun Blogspot dengan nama dan alamat sesuai Niche dangan

CPC yang tinggi yang telah kita cari di keywordspy. Misalnya, nama blogspot :

Mesothelioma, alamat : mesotheliomausa2020.blogspot.com, pilih template, lalu

create blogspot.

Dengan memilih nama blogspot sesuai HPK, alamat blogspot sesuai HPK, judul

blogspot sesuai HPK, label blogspot sesuai HPK, Video sesuai HPK, gambar sesuai

HPK dan kata kunci sesuai HPK, semuanya itu dilakukan untuk mengundang

Google untuk meletakkan iklan sesuai Blogspot. Nah jika Blogspot kita berisi HPK

maka Google juga kemungkinan besar akan meletakkan iklan dengan CPC yang

tinggi. Saya pernah mendapatkan I klik = $ 6 . Rata-rata minimal 1 klik = $ 0,5

Lumayan kan ….

Sedangkan jika niche anda local, maka CPC nya juga local berkisar

$ 0. 01

$ 0,1. Capek kan kalau bermain lokal.

Perhatikan tabel berikut !!! Silakan bandingkan !!!

(15)

Memilih Template dan Layout yang Tepat

Pilihlah template yang disekelilingnya mampu memunculkan kode adsense yang

kita buat. Biasanya sih tidak ada yang seperti ini kalau bawaan dari Blogspot. Jadi

anda harus mencarinya. Tetapi saya akan bantu berikan Template yang biasa saya

pakai. Template ini bukan saya yang buat tetapi saya sudah minta ijin sama

pemiliknya yaitu guru saya, mas Mohammad Ulun Nuha.

Template ini sangat sederhana, tetapi memberi efek yang sangat maksimal,

karena blog anda akan dikelilingi dari kiri, kanan, atas dan bawah dengan iklan,

Sehingga pengunjung akan dipaksa untuk melihat iklan. Dan selanjutnya akan

meng klik salah satu iklan yang muncul. Dan anda akan siap dibanjiri dengan $$$.

(16)

Membuat Artikel.

Bagaimana cara membuat artikel dengan Teknik ASEM BANGET. Bila Blogspot kita

memilih Niche tentang Mesothelioma misalnya, maka Googling saja dengan

menuliskan kata kunci Mesothelioma dan akan banyak website tentang

mesothelioma. Pilih saja yang Page One. Silakan Klik websitenya dan ambil 1-2

paragraf saja. Silakan Copy saja.

Kembali ke Blogspot, New Entry, silakan PASTE artikel yang kita copy tadi dan

publikasikan. Selesai. Sederhana banget kan . Artikel inilah yang akan kita posting

di time line Facebook klonengan dan grup yang diikuti. Ingat yang kita SPAM

adalah URL/alamat postingan artikel, bukan alamat blognya yang kita taruh di

facebook.

Agar lebih maksimal, maka silakan isi label di blogspot (seperti tag kalau di

wordpress). Akan lebih dahsyat lagi jika postingan tersebut kita tambahin VIDEO

YOUTUBE sesuai niche dan tambahkan gambar yang sudah dioptimasi. Isilah title ,

alt text dan add caption pada gambar sesuai kata kunci.

Bukalah video YOUTUBE sesuai dengan kata kunci yang akan kita pakai. Silakan

videonya di embed/sematkan. Ambil/Copy link HTML dan letakkan di blogspot

kita. Jangan lupa sebelumnya, pastikan blog kita dalam keadaan posisi TEXT (lihat

posisi pojok kiri atas). Setelah PASTE, link html dan ubah kembali dalam posisi

compose. Ambil juga gambarnya dengan lightshot/printscreen yang sudah kita

donlot sebelumnya. Jangan lupa sebelumnya, pastikan blog kita dalam keadaan

posisi TEXT (lihat posisi pojok kiri atas). Setelah PASTE, link html dan ubah kembali

dalam posisi compose.

(17)

Saat ini sebenarnya kita sudah selesai dengan teknik ASEM BANGET.

Bagaimana sih hitungannya sampai kita dapat $ 50 / day. Mungkin ini yang sering

menjadi pertanyaan. Inilah Rumus Rahasianya. Bermain Adsense adalah berlaku

Hukum Big Number alias Kuantitas. Artinya semakin banyak Anda lakukan SPAM

atau Bahasa halusnya semakin banyak artikel Anda terekspose, maka semakin

besar kemungkinannya untuk mendulang $$$ dari Internet.

Berikut ini adalah hitungan minimalnya :

10.000 Impression = 1 klik, 1 klik = $ 0,5.

Biasanya Artikel luar minimal $ 0,5 per kliknya

Jika mau $50 maka harus ada 10.000 impression x 100 = 1.000.000 impression.

Darimanakah kita akan mendapat 1.000.000 impression ?

Ingat kita punya 50 akun facebook klonengan.

Jika kita asumsikan setiap akun memiliki 100 teman dan setiap teman memiliki

100 teman lagi, maka sebenarnya yang berlaku saat kita melakukan TAGGING

adalah FRIEND OF FRIEND. Inilah sebenarnya manfaat EFEK VIRAL FACEBOOK.

Jadi setiap kita melakukan tagging maka akan terlihat oleh 100 x 100 = 10.000

teman.

Jika kita memiliki 50 akun, maka setiap kali kita posting 1 artikel akan terbaca oleh

50 x 100 x 100 = 500.000 teman. Jika satu hari kita melakukan 2 postingan maka

akan terbaca 1.000.000. Silakan liat hubungan dengan $ 50/day. Bagaimana jika

kita buat postingan di grup ? Tentu akan memiliki efek yang lebih hebat lagi.

(18)

PENUTUP

Cara ini mungkin ada yang menganggap BLACKHAT atau akan SATURATED, tapi

percayalah rejeki sudah ada yang mengatur. Rejeki bukan hanya sekedar uang

$$$ yang masuk kantong kita, tetapi iman, kesehatan, keselamatan, kaluarga,

anak semua adalah rejeki yang wajib disukuri. Jika Anda telah menghasilakn $$$

jangan lupa untuk sedekah. Jangan lupa investasikan ke bisnis lainnya juga.

Selamat mendulang $$$.

Catatan Akhir :

1.

Gunakan selalu browser Chrome karena relatif lebih mudah dalam

pemakaian fitur penunjangnya, misalnya pemakaian ekstension Invite

Facebook Group. Silakan diisntal. Jika ada yang memiliki pengalaman lain

dengan browser yang lain, mozila misalnya, dan merasa lebih nyaman.

Dipersilakan saja

(19)
(20)
(21)

3.

Selalu gunakan Platform Blogspot, jangan gunakan Wordpress berbayar.

Hargai Akun adsense anda.

4.

Saya menyarankan untuk masuk Grup CPA Underground yang dibuat guru

saya mas Mohammad Ulun Nuha

5.

Anda bisa juga melakukan Boost Post (Fbads) dengan biaya murah untuk

menjangkau orang tertarget, tetap perhitungkan ROI ya

6.

Adsense dengan Sosial Media kemungkinan akan mendapat Invalid Traffic

yang tinggi, rawan banned bagi yang punya akun adsense masih baru

7.

Facebook seringkali melakukan Update algoritma, sehingga terkadang link

yang kita posting tidak keluar atau Imacros tidak berjalan

(22)

HALAMAN BONUS

Themes Blogspot Responsive, Gantilah template bawaan Blogger

dengan template berikut, Silakan COPAS ke dalam NOTEPAD

<?xml version="1.0" encoding="UTF-8" ?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml'

xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>

<head>

<meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewport'/> <b:include data='blog' name='all-head-content'/>

<b:if cond='data:blog.pageType == &quot;index&quot;'> <title><data:blog.pageTitle/></title>

<b:else/>

<title><data:blog.pageName/> - <data:blog.title/></title> </b:if>

<link href='http://fonts.googleapis.com/css?family=Droid+Sans' rel='stylesheet' type='text/css'/> <b:skin><![CDATA[/*

--- Blogger Template Style

Updated by: Blogger Team

--- */

/* Variable definitions ====================

<Variable name="bgcolor" description="Page Background Color" type="color" default="#fff" value="#ffffff">

(23)

<Variable name="linkhover" description="Link Hover Color" type="color" default="#58a" value="#33aaff"> <Variable name="pagetitlecolor" description="Blog Title Color" type="color" default="#666" value="#b3b3b3">

<Variable name="descriptioncolor" description="Blog Description Color" type="color" default="#999" value="#777777">

<Variable name="titlecolor" description="Post Title Color" type="color" default="#c60" value="#b3b3b3"> <Variable name="bordercolor" description="Border Color" type="color" default="#ccc" value="#e9e9e9">

<Variable name="sidebarcolor" description="Sidebar Title Color" type="color" default="#999" value="#999999">

<Variable name="sidebartextcolor" description="Sidebar Text Color" type="color" default="#666" value="#666666">

<Variable name="visitedlinkcolor" description="Visited Link Color" type="color" default="#999" value="#2288bb">

<Variable name="bodyfont" description="Text Font"

type="font" default="normal normal 100% Georgia, Serif" value="normal normal 13px Arial, Tahoma, Helvetica, FreeSans, sans-serif">

<Variable name="headerfont" description="Sidebar Title Font" type="font"

default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif">

<Variable name="pagetitlefont" description="Blog Title Font" type="font"

default="normal normal 200% Georgia, Serif" value="normal normal 28px Georgia, Utopia, 'Palatino Linotype', Palatino, serif">

<Variable name="descriptionfont" description="Blog Description Font" type="font"

default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 13px Arial, Tahoma, Helvetica, FreeSans, sans-serif">

<Variable name="postfooterfont" description="Post Footer Font" type="font"

default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 11px Arial, Tahoma, Helvetica, FreeSans, sans-serif">

<Variable name="startSide" description="Side where text starts in blog language" type="automatic" default="left" value="left">

<Variable name="endSide" description="Side where text ends in blog language" type="automatic" default="right" value="right">

*/

/* Use this with templates/template-twocol.html */

#navbar, #navbar-iframe{display:none;height:0;visibility:hidden}

body {

background:$bgcolor; margin:0;

color:$textcolor; font:x-small Georgia Serif; font-size/* */:/**/small; font-size: /**/small; text-align: center; }

a:link {

(24)

} a:visited {

color:$visitedlinkcolor; text-decoration:none; }

a:hover { color:$linkhover; text-decoration:underline; }

a img { border-width:0; }

/* Top-Wrapper

--- */ #top-wrapper {

background: #50b7dc; width:100%; margin:0 auto; padding:0 auto; text-align:$startSide; font: $bodyfont; clear:both;

border-bottom: 1px solid #2693ba;

-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 2px -1px; -moz-box-shadow: rgba(0,0,0,0.3) 0px 2px 2px -1px; box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 2px -1px; text-align:$startSide; font: $bodyfont;

word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ }

#top1-wrapper { width: 710px; float: $startSide;

word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ }

#top2-wrapper { width: 242px; float: $endSide;

word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ }

/* Top2 Search

--- */ .top2 h2 {display:none}

(25)

#search {position: relative; width: 100%; margin: 0; padding:12px 0 0} #search-form {width:100%;margin:0;padding:0}

#search-text { background: #fff;

font:normal 12px Arial, sans-serif; color: #888;

display: inline-block; margin: 0; width:96%; padding: 5px 2%; outline: none; border:none;

-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; }

.top1 #PageList1 { width:100%; margin:0; padding:0; }

.top1 #PageList1 ul { margin:0; padding:0;

text-transform:none; list-style-type:none; }

.top1 #PageList1 li { display: inline; text-decoration:none; padding:0 18px; color:#fff; line-height:46px;

font-family:'Arial', sans-serif; font-size:11px;

font-weight:normal; text-transform:uppercase; -webkit-transition: all 0.1s ease-in; -moz-transition: all 0.1s ease-in; -o-transition: all 0.1s ease-in; transition: all 0.1s ease-in; letter-spacing: 1px; }

.top1 #PageList1 li a:visited { color:#fff;

(26)

.top1 #PageList1 li a:hover, .top1 #PageList1 li.selected a, .top1 #PageList1 li.selected a:visited { background:#2aa4cf;

}

border:0px solid $bordercolor; text-align:$startSide; font: $bodyfont; }

#header-inner {

background-position: center; margin-left: auto;

margin-right: auto; } text-align: center; color:$pagetitlecolor; } color:$pagetitlecolor; }

.header .widget {padding:15px 0 10px; color:$textcolor;}

#header h1 { margin:0; padding:5px 0 0; line-height:1.2em; text-transform:uppercase; letter-spacing:.1em; font: $pagetitlefont; }

#header a {

color:$pagetitlecolor; text-decoration:none; }

(27)

color:$pagetitlecolor; }

#header .description { margin:0;

padding:0; max-width:auto; text-transform:none; letter-spacing:.01em; line-height: 1.3em; font: $descriptionfont; color: $descriptioncolor; }

#header img {

margin-$startSide: auto; margin-$endSide: auto; }

/* Outer-Wrapper

--- */ #outer-wrapper {

background:#fff;

border: 1px solid $bordercolor; width: 962px;

margin:0 auto; padding: 10px 0 0 0; text-align:$startSide; font: $bodyfont; text-align:$startSide; font: $bodyfont; }

#crosscol-wrapper { clear:both; width: 540px;

word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ }

.crosscol {color: $sidebartextcolor;line-height: 1.5em;}

.crosscol .widget {padding:15px 20px;text-align:left; border-bottom:1px solid $bordercolor;margin:0 0 5px}

#main-wrapper {

border:1px solid $bordercolor; width: 540px;

float: $endSide;

(28)

}

#sidebar-wrapper { width: 160px; float: $startSide;

word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ }

#sidebar2-wrapper { width: 240px; float: $endSide;

word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ font:$headerfont; line-height: 1.4em; text-transform:uppercase; letter-spacing:.01em; color:$sidebarcolor; }

/* Posts

--- */

h2.date-header { text-transform:none; margin:2px 0 30px; }

.post {

margin:0 0 10px;

border-bottom:1px solid $bordercolor; padding: 15px 20px;

} .post h3 {

font-family: 'Droid Sans', sans-serif; margin:.25em 0 0;

padding:0 0 4px; font-size:26px; font-weight:normal; line-height:1.2em; color:$titlecolor; }

.post h3 a, .post h3 a:visited, .post h3 strong { display:block;

(29)

}

.post h3 strong, .post h3 a:hover { color:$textcolor;

text-decoration:underline; }

.post-body { margin:0 0 .75em; line-height:1.6em; }

.post-body blockquote { line-height:1.6em; }

.post-footer { margin: .75em 0; color:$sidebarcolor; text-transform:none; letter-spacing:.01em; font: $postfooterfont; line-height: 1.4em; }

.comment-link { margin-$startSide:.6em; }

.post img, table.tr-caption-container { padding-top:4px;

border:none; }

.tr-caption-container img { border: none;

padding: 0; }

.post blockquote { background:#f9f9f9;

border: 1px solid $bordercolor; padding: 20px;

margin:5px 0;

border-left:10px solid #2288bb; }

.post blockquote p { margin:.75em 0; }

/* Comments

--- */ .comments .avatar-image-container { max-height:36px;

width:36px; margin-top:0px; clear:none; }

(30)

width:36px; }

.comments .comments-content .comment, .comments .comments-content .comment:first-child, .comments .comments-content .comment:last-child { margin:5px 0;

padding:10px 0 0; border-top:1px dotted #ccc; }

.comments .comments-content .datetime { font-size:13px;

line-height:1; }

.comments .comments-content .datetime a { display:block;

margin:6px 0 0; color:#666; }

.comments .comments-content .comment-content { text-align:left;

margin:0 0 0 -49px; padding:10px 0; line-height: 1.5em; }

.comments .comments-content .comment-content a { border-bottom:1px solid $linkcolor;

}

.comments .comment span.comment-actions { margin-left:-49px;

}

.comments .comment .comment-actions a { margin-right:10px;

.comments .comments-content .comment-replies { margin-left:0;

margin-top:0; padding-left:36px; }

.comments .continue a { text-transform:uppercase;

(31)

text-transform:uppercase; font-weight:normal; }

.comments .comments-content .user a { color:$linkcolor;

text-decoration:none; border-bottom:1px solid #999; }

#comments {padding:0 20px}

#comments h4 {

font-family: 'Droid Sans', sans-serif; margin:5px 0;

font-size:20px; font-weight: normal; line-height: 1.2em; text-transform:none; letter-spacing:.01em; color: $sidebarcolor; }

#comments-block { margin:1em 0 1.5em; line-height:1.5em; }

#comments-block .comment-author { margin:.5em 0;

}

#comments-block .comment-body { margin:.25em 0 0;

}

#comments-block .comment-footer { margin:-.25em 0 2em;

line-height: 1.4em; text-transform:uppercase; letter-spacing:.01em; }

#comments-block .comment-body p { margin:0 0 .75em;

}

(32)

padding:7px 20px; text-align: center; }

/* Sidebar Content

--- */ .sidebar h2 {

background:#f7f7f7; margin:0;

padding:10px 20px;

border-bottom:1px solid $bordercolor; font:$headerfont;

line-height: 1.4em; text-transform:uppercase; letter-spacing:.01em; color:$sidebarcolor; }

.sidebar {

border-top:1px solid $bordercolor; color: $sidebartextcolor; line-height: 1.5em; }

.sidebar ul { list-style:none; margin:0 0 0; text-indent:0px; line-height:1.5em; }

.sidebar .widget {

border:1px solid $bordercolor; border-width:0 1px 1px 0; margin:0;

padding:0; }

.sidebar .widget-content { padding:15px 20px 15px 19px; }

/* Sidebar Label

--- */

(33)

background:#fff; margin:0; padding:10px 20px; border-bottom:none; font:$headerfont; line-height: 1.4em; text-transform:uppercase; letter-spacing:.01em; color:$sidebarcolor; }

.sidebar #Label1, .sidebar #Label2, .sidebar #Label3 { margin:0;padding:0

}

.sidebar #Label1 .widget-content, .sidebar #Label2 .widget-content, .sidebar #Label3 .widget-content { padding:0;

background:#f9f9f9}

.sidebar #Label1 ul, .sidebar #Label2 ul, .sidebar #Label3 ul { margin:0;padding:0;

}

.sidebar #Label1 ul li, .sidebar #Label2 ul li, .sidebar #Label3 ul li{ margin:0;

padding:0 20px; text-indent:0px; line-height:36px; list-style:none; display:block;

border-top:1px solid $bordercolor; }

.sidebar #Label1 li:hover, .sidebar #Label2 li:hover, .sidebar #Label3 li:hover {background:#fff283;} .sidebar #Label1 li a, .sidebar #Label2 li a, .sidebar #Label3 li a {color:#888}

.sidebar #Label1 li a:hover, .sidebar #Label2 li a:hover, .sidebar #Label3 li a:hover {color:#000;text-decoration:none;}

/* Sidebar Popular Posts

---*/ .sidebar .PopularPosts h2 { background:#fff; margin:0; padding:10px 20px; border:none; font:$headerfont; line-height: 1.4em; text-transform:uppercase; letter-spacing:.01em; color:$sidebarcolor; }

.sidebar .PopularPosts { margin:0;padding:0 }

.sidebar .PopularPosts .widget-content { padding:0;

background:#f9f9f9}

(34)

.sidebar .PopularPosts ul { margin:0;padding:0; }

.sidebar .PopularPosts ul li { margin:0;

padding:15px 20px; text-indent:0px; line-height:1.3em; list-style:none; display:block;

border-top:1px solid $bordercolor; }

.sidebar .PopularPosts li:hover {background:#eee;} .sidebar .PopularPosts li a {color:$linkcolor} .sidebar .PopularPosts li a:hover { text-decoration:none;

color:$linkhover;

-o-transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; transition: all 0.4s ease-out; }

.sidebar .PopularPosts .item-content { margin:0; padding:0;}

.sidebar .PopularPosts .item-title {font-size:13px;font-weight:normal;text-decoration:none;text-transform:uppercase} .sidebar .PopularPosts .item-snippet {font-size:12px;padding:0;margin:2px 0 0;line-height:1.4em;color:#888;}

.sidebar .PopularPosts .item-content img {background:#fff;width:98px;height:auto;padding:10px; border:1px solid $bordercolor;}

/* Sidebar2 Content

--- */ .sidebar2 h2 {

background:#f7f7f7; margin:0;

padding:10px 20px;

border-bottom:1px solid $bordercolor; font:$headerfont;

line-height: 1.4em; text-transform:uppercase; letter-spacing:.01em; color:$sidebarcolor; }

.sidebar2 {

border-top:1px solid $bordercolor; color: $sidebartextcolor; line-height: 1.5em; }

(35)

}

.sidebar2 .widget {

border:1px solid $bordercolor; border-width:0 0 1px 1px; margin:0;

padding:0; }

.sidebar2 .widget-content { padding:15px 19px 15px 20px; }

/* Sidebar2 Popular Posts

---*/ .sidebar2 .PopularPosts h2 { background:#fff; margin:0; padding:10px 20px; border:none; font:$headerfont; line-height: 1.4em; text-transform:uppercase; letter-spacing:.01em; color:$sidebarcolor; }

.sidebar2 .PopularPosts { margin:0;padding:0 }

.sidebar2 .PopularPosts .widget-content { padding:0;

background:#f9f9f9}

.sidebar2 .PopularPosts { text-transform:none; padding:0 auto; }

.sidebar2 .PopularPosts ul { margin:0;padding:0; }

.sidebar2 .PopularPosts ul li { margin:0;

padding:15px 20px; text-indent:0px; line-height:1.3em; list-style:none; display:block;

border-top:1px solid $bordercolor; }

.sidebar2 .PopularPosts li:hover {background:#eee;} .sidebar2 .PopularPosts li a {color:$linkcolor} .sidebar2 .PopularPosts li a:hover { text-decoration:none;

color:$linkhover;

(36)

transition: all 0.4s ease-out; }

.sidebar2 .PopularPosts .item-content { margin:0; padding:0;}

.sidebar2 .PopularPosts .item-title {font-size:13px;font-weight:normal;text-decoration:none;text-transform:uppercase} .sidebar2 .PopularPosts .item-snippet {font-size:12px;padding:0;margin:2px 0 0;line-height:1.4em;color:#888;} .sidebar2 .PopularPosts img {background:#fff;border:1px solid #ddd;padding:4px}

/* Sidebar2 Label Cloud

--- */ .sidebar2 .label-size {

background:#f1f1f1; margin:0 3px 5px 0; padding: 6px;

text-transform: uppercase; border: solid 1px #ccc; border-radius: 3px; float:left;

text-decoration:none; font-size:10px; color:#333; position:relative; }

.label-size:hover { background:#f0f0f0; border:1px solid #999;

text-decoration: none;-moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out;

-webkit-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out;

-webkit-box-shadow:0 1px 2px rgba(0,0,0,.25); -moz-box-shadow:0 1px 2px rgba(0,0,0,.25); box-shadow:0 1px 2px rgba(0,0,0,.25); }

.sidebar2 .label-size a { color:#666;

text-transform: uppercase; text-decoration: none; }

.label-size a:hover { color:#2288bb; text-decoration: none; } margin-$endSide: 5px; margin-bottom: 5px; margin-$startSide: 0; padding: 4px;

border: 1px solid $bordercolor; }

(37)

margin:0;

text-transform:uppercase; letter-spacing:.01em; font: $postfooterfont; color: $sidebarcolor; font-weight: bold; line-height: 1.5em; }

.profile-datablock { margin:.5em 0 .5em; }

.profile-textblock { margin: 0.5em 0; line-height: 1.5em; }

.profile-link { font: $postfooterfont; text-transform: uppercase; letter-spacing: .01em; } text-transform:none; letter-spacing:.01em; text-align: center; }

.footer .widget {margin:0;padding: 15px 0;border-top:1px solid #eee}

/* Page Navigation

--- */

#showpageArea {font:$bodyfont;margin:0;padding:0;}

.showpageArea a {font-size:14px;font-weight:bold;text-decoration:none;}

.showpageNum a {background:#eee;font-size:14px;font-weight:bold;text-decoration:none;border:1px solid #ccc;margin:0 2px;padding:6px 10px;color:#474747;-webkit-transition: all 0.3s in;-moz-transition: all 0.3s in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

.showpageNum a:hover {border:1px solid #1573A3;background-color:#2288bb;color:#fff;}

.showpagePoint {border:1px solid #1573A3;background-color:#2288bb;color:#fff;font-size:14px;font-weight:bold;text-decoration:none;margin:0 2px;padding:6px 10px;}

.showpageOf {display:none;font-size:14px;font-weight:bold;text-decoration:none;padding:6px 10px;margin: 0 2px 0 0;color: #ccc;text-transform:none;}

.showpage a {border:1px solid #1573A3;background-color:#2288bb;color:#fff;font-size:14px;font-weight:bold;text-decoration:none; padding:6px}

.showpage a:hover {border:1px solid #1573A3;background-color:#2288bb;color:#fff;text-decoration:none;} .showpageNum a:link,.showpage a:link {text-decoration:none;}

(38)

--- */

.jump-link {clear:both; margin:20px 0 5px; padding:0 auto;} .jump-link a {

padding: 10px 10px; background: #f4f4f4;

background: -moz-linear-gradient(top, #f4f4f4 0%, #f1f1f1 100%);

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(100%,#f1f1f1)); background: -webkit-linear-gradient(top, #f4f4f4 0%,#f1f1f1 100%);

background: -o-linear-gradient(top, #f4f4f4 0%,#f1f1f1 100%); background: -ms-linear-gradient(top, #f4f4f4 0%,#f1f1f1 100%); background: linear-gradient(top, #f4f4f4 0%,#f1f1f1 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#f1f1f1',GradientType=0 ); color: #2288bb;

text-decoration: none; cursor: pointer; display: inline-block; text-align: center; font-weight:normal;

font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;

text-shadow: 0px 1px 1px rgba(255,255,255,1); line-height: 1;

font-size:12px; border: solid 1px #bbb; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; }

.jump-link a:hover { color: #333; border-color: #999;

-moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2); -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); }

#credit-wrapper{background:#f9f9f9;width:962px;margin:0 auto;border: 1px solid #ddd;border-width:0 1px;clear:both;} #link-wrapper{width:962px;line-height:1.6em;text-align:center;font-family:Arial;font-size:12px;color:#666;padding:20px 0}

]]></b:skin>

<style type='text/css'>

<b:if cond='data:blog.pageType != &quot;item&quot;'> .post-footer {display:none}

h2.date-header {margin:2px 0 10px;} </b:if>

<b:if cond='data:blog.pageType == &quot;static_page&quot;'> .post-footer {display:inline}

h2.date-header {margin:2px 0 20px;} .post h3 {font-size:28px;}

</b:if>

@media only screen and (min-width:768px) and (max-width:989px) { #outer-wrapper {width:880px;margin:0 auto;margin-top:10px;border:none;} #content-wrapper {width:880px;margin:0 auto;}

(39)

#sidebar-wrapper {float:left; width:880px;margin:0 auto}

#header-wrapper, #header-inner, #header, #header h1, #header .description {width:880px;margin:0 auto} .post-body img {width:880px;margin:0 auto;height:auto}

#comments {width:880px;padding:0;margin:0 auto;height:auto;font-size:16px;}

#header2, #crosscol-wrapper, #sidebar2-wrapper, #footer-wrapper, #footer {display:none} #top-wrapper {width:auto;padding:15px 0;}

#top-inner, #top1-wrapper, #top2-wrapper {width:880px;margin:0 auto;} .post {padding:0 0 10px 0;border-bottom:5px solid #2288bb}

.post-body {font-size:18px; line-height:1.3em;} .jump-link {margin:6px 0 5px}

#blog-pager {padding:10px 0}

#sidebar-wrapper {width:880px;margin:0 auto;} .sidebar .widget-content {padding:15px 20px} .sidebar .widget {border:0}

.sidebar h2, .sidebar .PopularPosts h2 {border-top:1px solid #e9e9e9} .sidebar #Label1 h2 {border-top:none}

.top1 #PageList1 li a {padding:0 7px;line-height:26px;margin:0 4px 4px 0;font-size:14px;text-transform:none;letter-spacing:.01em} .top1 #PageList1 li a:hover, .top1 #PageList1 li.selected a, .top1 #PageList1 li.selected a:visited {background:#13799f}

#credit-wrapper {width:auto;padding:15px 0;border:none;background:#f7f7f7} #link-wrapper {width:880px;margin:0 auto;padding:0}

}

/* Media 800px

--- */ @media only screen and (max-width:800px) {

#outer-wrapper {width:730px;margin:0 auto;margin-top:10px;border:none;} #content-wrapper {width:730px;margin:0 auto;}

#main-wrapper { width:730px;margin:0 auto;border:none; } #sidebar-wrapper {float:left; width:730px;margin:0 auto}

#header-wrapper, #header-inner, #header, #header h1, #header .description {width:730px;margin:0 auto} .post-body img {width:730px;margin:0 auto;height:auto}

#comments {width:730px;padding:0;margin:0 auto;height:auto;font-size:16px;}

#header2, #crosscol-wrapper, #sidebar2-wrapper, #footer-wrapper, #footer {display:none} #top-wrapper {width:auto;padding:15px 0;}

#top-inner, #top1-wrapper, #top2-wrapper {width:730px;margin:0 auto;} .post {padding:0 0 10px 0;border-bottom:5px solid #2288bb}

.post-body {font-size:18px; line-height:1.3em;} .jump-link {margin:6px 0 5px}

#blog-pager {padding:10px 0}

#sidebar-wrapper {width:730px;margin:0 auto;} .sidebar .widget-content {padding:15px 20px} .sidebar .widget {border:0}

.sidebar h2, .sidebar .PopularPosts h2 {border-top:1px solid #e9e9e9} .sidebar #Label1 h2 {border-top:none}

.top1 #PageList1 li a {padding:0 7px;line-height:26px;margin:0 4px 4px 0;font-size:14px;text-transform:none;letter-spacing:.01em} .top1 #PageList1 li a:hover, .top1 #PageList1 li.selected a, .top1 #PageList1 li.selected a:visited {background:#13799f}

#credit-wrapper {width:auto;padding:15px 0;border:none;background:#f7f7f7} #link-wrapper {width:730px;margin:0 auto;padding:0}

}

/* Media 767px

--- */ @media only screen and (max-width:767px) {

#outer-wrapper {width:520px;margin:0 auto;margin-top:10px;border:none;} #content-wrapper {width:520px;margin:0 auto;}

(40)

#header-wrapper, #header-inner, #header, #header h1, #header .description {width:520px;margin:0 auto} .post-body img {width:520px;margin:0 auto;height:auto}

#comments {width:520px;padding:0;margin:0 auto;height:auto;font-size:16px;}

#header2, #crosscol-wrapper, #sidebar2-wrapper, #footer-wrapper, #footer {display:none} #top-wrapper {width:auto;padding:15px 0;}

#top-inner, #top1-wrapper, #top2-wrapper {width:520px;margin:0 auto;} .post {padding:0 0 10px 0;border-bottom:5px solid #2288bb}

.post-body {font-size:18px; line-height:1.3em;} .jump-link {margin:6px 0 5px}

#blog-pager {padding:10px 0}

#sidebar-wrapper {width:520px;margin:0 auto;} .sidebar .widget-content {padding:15px 20px} .sidebar .widget {border:0}

.sidebar h2, .sidebar .PopularPosts h2 {border-top:1px solid #e9e9e9} .sidebar #Label1 h2 {border-top:none}

.top1 #PageList1 li a {padding:0 7px;line-height:26px;margin:0 4px 4px 0;font-size:14px;text-transform:none;letter-spacing:.01em} .top1 #PageList1 li a:hover, .top1 #PageList1 li.selected a, .top1 #PageList1 li.selected a:visited {background:#13799f}

#credit-wrapper {width:auto;padding:15px 0;border:none;background:#f7f7f7} #link-wrapper {width:520px;margin:0 auto;padding:0}

}

/* Media 480px

--- */ @media only screen and (max-width:560px) {

#outer-wrapper {width:460px;margin:0 auto;margin-top:10px;border:none;} #content-wrapper {width:460px;margin:0 auto;}

#main-wrapper { width:460px;margin:0 auto;border:none; } #sidebar-wrapper {float:left; width:460px;margin:0 auto}

#header-wrapper, #header-inner, #header, #header h1, #header .description {width:460px;margin:0 auto} .post-body img {width:460px;margin:0 auto;height:auto}

#comments {width:460px;padding:0;margin:0 auto;height:auto;font-size:16px;}

#header2, #crosscol-wrapper, #sidebar2-wrapper, #footer-wrapper, #footer {display:none} #top-wrapper {width:auto;padding:15px 0;}

#top-inner, #top1-wrapper, #top2-wrapper {width:460px;margin:0 auto;} .post {padding:0 0 10px 0;border-bottom:5px solid #2288bb}

.post-body {font-size:18px; line-height:1.3em;} .jump-link {margin:6px 0 5px}

#blog-pager {padding:10px 0}

#sidebar-wrapper {width:460px;margin:0 auto;} .sidebar .widget-content {padding:15px 20px} .sidebar .widget {border:0}

.sidebar h2, .sidebar .PopularPosts h2 {border-top:1px solid #e9e9e9} .sidebar #Label1 h2 {border-top:none}

.top1 #PageList1 li a {padding:0 7px;line-height:26px;margin:0 4px 4px 0;font-size:14px;text-transform:none;letter-spacing:.01em} .top1 #PageList1 li a:hover, .top1 #PageList1 li.selected a, .top1 #PageList1 li.selected a:visited {background:#13799f}

#credit-wrapper {width:auto;padding:15px 0;border:none;background:#f7f7f7} #link-wrapper {width:460px;margin:0 auto;padding:0}}

/* Media Screen 240px + 320px --- */ @media only screen and (max-width:490px) {

#outer-wrapper {width:430px;margin:0 auto;margin-top:10px;border:none;} #content-wrapper {width:430px;margin:0 auto;}

#main-wrapper { width:430px;margin:0 auto;border:none; } #sidebar-wrapper {float:left; width:430px;margin:0 auto}

(41)

#comments {width:430px;padding:0;margin:0 auto;height:auto;font-size:16px;}

#header2, #crosscol-wrapper, #sidebar2-wrapper, #footer-wrapper, #footer {display:none} #top-wrapper {width:auto;padding:15px 0;}

#top-inner, #top1-wrapper, #top2-wrapper {width:430px;margin:0 auto;} .post {padding:0 0 10px 0;border-bottom:5px solid #2288bb}

.post-body {font-size:18px; line-height:1.3em;} .jump-link {margin:6px 0 5px}

#blog-pager {padding:10px 0}

#sidebar-wrapper {width:430px;margin:0 auto;} .sidebar .widget-content {padding:15px 20px} .sidebar .widget {border:0}

.sidebar h2, .sidebar .PopularPosts h2 {border-top:1px solid #e9e9e9} .sidebar #Label1 h2 {border-top:none}

.top1 #PageList1 li a {padding:0 7px;line-height:26px;margin:0 4px 4px 0;font-size:14px;text-transform:none;letter-spacing:.01em} .top1 #PageList1 li a:hover, .top1 #PageList1 li.selected a, .top1 #PageList1 li.selected a:visited {background:#13799f}

#credit-wrapper {width:auto;padding:15px 0;border:none;background:#f7f7f7} #link-wrapper {width:430px;margin:0 auto;padding:0}}

@media only screen and (max-width:479px) {

#outer-wrapper {width:300px;margin:0 auto;margin-top:10px;border:none;} #content-wrapper {width:300px;margin:0 auto;}

#main-wrapper { width:300px;margin:0 auto;border:none; } #sidebar-wrapper {float:left; width:300px;margin:0 auto}

#header-wrapper, #header-inner, #header, #header h1, #header .description {width:300px;margin:0 auto} .post-body img {width:300px;margin:0 auto;height:auto}

#comments {width:300px;padding:0;margin:0 auto;height:auto;font-size:16px;}

#header2, #crosscol-wrapper, #sidebar2-wrapper, #footer-wrapper, #footer {display:none} #top-wrapper {width:auto;padding:15px 0;}

#top-inner, #top1-wrapper, #top2-wrapper {width:300px;margin:0 auto;} .post {padding:0 0 10px 0;border-bottom:5px solid #2288bb}

.post-body {font-size:18px; line-height:1.3em;} .jump-link {margin:6px 0 5px}

#blog-pager {padding:10px 0}

#sidebar-wrapper {width:300px;margin:0 auto;} .sidebar .widget-content {padding:15px 20px} .sidebar .widget {border:0}

.sidebar h2, .sidebar .PopularPosts h2 {border-top:1px solid #e9e9e9} .sidebar #Label1 h2 {border-top:none}

.top1 #PageList1 li a {padding:0 7px;line-height:26px;margin:0 4px 4px 0;font-size:14px;text-transform:none;letter-spacing:.01em} .top1 #PageList1 li a:hover, .top1 #PageList1 li.selected a, .top1 #PageList1 li.selected a:visited {background:#13799f}

#credit-wrapper {width:auto;padding:15px 0;border:none;background:#f7f7f7} #link-wrapper {width:300px;margin:0 auto;padding:0}}

@media screen and (max-width:260px) {

#outer-wrapper {width:220px;margin:0 auto;margin-top:10px;border:none;} #content-wrapper {width:220px;margin:0 auto;}

#main-wrapper { width:220px;margin:0 auto;border:none; } #sidebar-wrapper {float:left; width:220px;margin:0 auto}

#header-wrapper, #header-inner, #header, #header h1, #header .description {width:220px;margin:0 auto} .post-body img {width:220px;margin:0 auto;height:auto}

#comments {width:220px;padding:0;margin:0 auto;height:auto;font-size:16px;}

#header2, #crosscol-wrapper, #sidebar2-wrapper, #footer-wrapper, #footer {display:none} #top-wrapper {width:auto;padding:15px 0;}

#top-inner, #top1-wrapper, #top2-wrapper {width:220px;margin:0 auto;} .post {padding:0 0 10px 0;border-bottom:5px solid #2288bb}

(42)

#blog-pager {padding:10px 0}

#sidebar-wrapper {width:220px;margin:0 auto;} .sidebar .widget-content {padding:15px 20px} .sidebar .widget {border:0}

.sidebar h2, .sidebar .PopularPosts h2 {border-top:1px solid #e9e9e9} .sidebar #Label1 h2 {border-top:none}

.top1 #PageList1 li a {padding:0 7px;line-height:26px;margin:0 4px 4px 0;font-size:14px;text-transform:none;letter-spacing:.01em} .top1 #PageList1 li a:hover, .top1 #PageList1 li.selected a, .top1 #PageList1 li.selected a:visited {background:#13799f}

#credit-wrapper {width:auto;padding:15px 0;border:none;background:#f7f7f7} #link-wrapper {width:220px;margin:0 auto;padding:0}}

</style>

</head>

<body>

<b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'> <b:widget id='Navbar1' locked='true' title='Navbar' type='Navbar'> <b:includable id='main'>&lt;script type=&quot;text/javascript&quot;&gt; function setAttributeOnload(object, attribute, val) {

if(window.addEventListener) {

window.addEventListener(&#39;load&#39;, function(){ object[attribute] = val; }, false); } else {

window.attachEvent(&#39;onload&#39;, function(){ object[attribute] = val; }); }

}

&lt;/script&gt;

&lt;div id=&quot;navbar-iframe-container&quot;&gt;&lt;/div&gt;

&lt;script type=&quot;text/javascript&quot; src=&quot;https://apis.google.com/js/plusone.js&quot;&gt;&lt;/script&gt; &lt;script type=&quot;text/javascript&quot;&gt;

gapi.load(&quot;gapi.iframes:gapi.iframes.style.bubble&quot;, function() { if (gapi.iframes &amp;&amp; gapi.iframes.getContext) {

where: document.getElementById(&quot;navbar-iframe-container&quot;), id: &quot;navbar-iframe&quot;

var script = document.createElement(&#39;script&#39;); script.type = &#39;text/javascript&#39;;

script.src = &#39;//pagead2.googlesyndication.com/pagead/js/google_top_exp.js&#39;; var head = document.getElementsByTagName(&#39;head&#39;)[0];

(43)

</b:section>

<div id='top-wrapper'> <div id='top-inner'> <div id='top1-wrapper'>

<b:section class='top1' id='top1' preferred='yes'/> </div>

<div id='top2-wrapper'>

<b:section class='top2' id='top2' preferred='yes'/> </div>

</div> </div>

<!-- skip links for text browsers --> <span id='skiplinks' style='display:none;'> <a href='#main'>skip to main </a> | <a href='#sidebar'>skip to sidebar</a> </span>

<div id='header-wrapper'>

<b:section class='header' id='header2' maxwidgets='1' showaddelement='yes'> <b:widget id='HTML1' locked='false' title='' type='HTML'>

<b:includable id='main'>

<!-- only display title if it's non-empty --> <b:if cond='data:title != &quot;&quot;'> <h2 class='title'><data:title/></h2> </b:if>

<div class='widget-content'> <data:content/>

</div>

<b:include name='quickedit'/> </b:includable>

</b:widget> </b:section>

<div style='clear:both'/> </div>

<div id='outer-wrapper'><div id='wrap2'>

<div id='content-wrapper'>

<div id='main-wrapper'>

<div id='crosscol-wrapper' style='text-align:center'> <b:section class='crosscol' id='crosscol'/>

</div>

<b:section class='main' id='main' showaddelement='no'> <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'> <b:includable id='main' var='top'>

(44)

<!-- posts -->

<div class='blog-posts hfeed'>

<b:include data='top' name='status-message'/>

<data:defaultAdStart/>

<b:loop values='data:posts' var='post'> <b:if cond='data:post.isDateStart'>

<b:if cond='data:post.isFirstPost == &quot;false&quot;'> &lt;/div&gt;&lt;/div&gt;

<b:include data='post' name='post'/>

<b:if cond='data:blog.pageType == &quot;static_page&quot;'> <b:include data='post' name='comment_picker'/>

</b:if>

<b:if cond='data:blog.pageType == &quot;item&quot;'> <b:include data='post' name='comment_picker'/> </b:if>

<b:if cond='data:numPosts != 0'> &lt;/div&gt;&lt;/div&gt; </b:if>

<data:adEnd/> </div>

<!-- navigation -->

<b:include name='nextprev'/>

<!-- feed links -->

<b:include name='feedLinks'/>

<b:if cond='data:top.showStars'>

<script src='//www.google.com/jsapi' type='text/javascript'/> <script type='text/javascript'>

(45)

google.annotations.setApplicationId(<data:top.blogspotReviews/>); google.annotations.createAll();

google.annotations.fetch(); }

google.setOnLoadCallback(initialize); </script>

<b:includable id='backlinkDeleteIcon' var='backlink'>

<span expr:class='&quot;item-control &quot; + data:backlink.adminClass'> <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'> <img src='//www.blogger.com/img/icon_delete13.gif'/>

</a> </span> </b:includable>

<b:includable id='backlinks' var='post'>

<a name='links'/><h4><data:post.backlinksLabel/></h4> <b:if cond='data:post.numBacklinks != 0'>

<dl class='comments-block' id='comments-block'> <b:loop values='data:post.backlinks' var='backlink'> <div class='collapsed-backlink backlink-control'> <dt class='comment-title'>

<span class='backlink-toggle-zippy'>&#160;</span>

<a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a> <b:include data='backlink' name='backlinkDeleteIcon'/>

</dt>

<dd class='comment-body collapseable'> <data:backlink.snippet/>

</dd>

<dd class='comment-footer collapseable'>

<span class='comment-author'><data:post.authorLabel/><data:backlink.author/></span>

<a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + &quot;_backlinks-create-link&quot;' target='_blank'><data:post.createLinkLabel/></a>

</p>

</b:includable>

<b:includable id='comment-form' var='post'> <div class='comment-form'>

(46)

<a expr:id='data:widget.instanceId + &quot;_comment-editor-toggle-link&quot;' href='javascript:void(0)'><data:postCommentMsg/></a></h4>

<p><data:blogCommentMessage/></p> <data:blogTeamBlogMessage/>

<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>

<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>

<b:else/>

<h4 id='comment-post-message'><data:postCommentMsg/></h4> <p><data:blogCommentMessage/></p>

<data:blogTeamBlogMessage/>

<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>

<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>

</b:if>

<data:post.friendConnectJs/> <data:post.cmtfpIframe/> <script type='text/javascript'>

BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;); </script>

</div> </b:includable>

<b:includable id='commentDeleteIcon' var='comment'>

<span expr:class='&quot;item-control &quot; + data:comment.adminClass'> <b:if cond='data:showCmtPopup'>

<div class='goog-toggle-button'>

<div class='goog-inline-block comment-action-icon'/> </div>

<b:else/>

<a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'> <img src='//www.blogger.com/img/icon_delete13.gif'/>

</a> </b:if> </span> </b:includable>

<b:includable id='comment_count_picker' var='post'> <b:if cond='data:post.forceIframeComments'>

<span class='cmt_count_iframe_holder' count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-url='data:post.canonicalUrl'>

</span> <b:else/>

<b:if cond='data:post.commentSource == 1'>

<span class='cmt_count_iframe_holder' count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-url='data:post.canonicalUrl'>

</span> <b:else/>

<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'> <data:post.commentLabelFull/>:

</a> </b:if> </b:if> </b:includable>

(47)

<b:else/>

<b:include data='post' name='comments'/> </b:if>

<b:else/>

<b:if cond='data:post.commentSource == 1'> <b:include data='post' name='iframe_comments'/> <b:else/>

<b:if cond='data:post.showThreadedComments'> <b:include data='post' name='threaded_comments'/> <b:else/>

<b:include data='post' name='comments'/> </b:if>

</b:if> </b:if> </b:includable>

<b:includable id='comments' var='post'>

</b:includable>

<b:includable id='feedLinks'>

<b:if cond='data:blog.pageType != &quot;item&quot;'><!-- Blog feed links --> <b:if cond='data:feedLinks'>

<div class='blog-feeds'>

<b:include data='feedLinks' name='feedLinksBody'/> </div>

</b:if>

<b:else/><!--Post feed links --> <div class='post-feeds'>

<b:loop values='data:posts' var='post'>

<b:include cond='data:post.allowComments and data:post.feedLinks' data='post.feedLinks' name='feedLinksBody'/> </b:loop>

</div> </b:if> </b:includable>

<b:includable id='feedLinksBody' var='links'> <div class='feed-links'>

<data:feedLinksMsg/>

<b:loop values='data:links' var='f'>

<a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a> </b:loop>

</div> </b:includable>

<b:includable id='iframe_comments' var='post'>

<b:if cond='data:post.allowIframeComments'>

<script expr:src='data:post.iframeCommentSrc' type='text/javascript'/> <div class='cmt_iframe_holder'/>

<b:if cond='data:post.embedCommentForm == &quot;false&quot;'>

<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a> </b:if>

</b:if> </b:includable>

(48)

<span><data:post.dateHeader/></span> </div>

</b:if>

<div class='mobile-post-outer'> <a expr:href='data:post.url'>

<h3 class='mobile-index-title entry-title' itemprop='name'> <data:post.title/>

<div style='clear: both;'/> </a>

<div class='mobile-index-comment'>

<b:include cond='data:blog.pageType != &quot;static_page&quot; and data:post.allowComments and data:post.numComments != 0' data='post' name='comment_count_picker'/>

</div> </div> </div> </b:includable>

<b:includable id='mobile-main' var='top'> <!-- posts -->

<div class='blog-posts hfeed'>

<b:include data='top' name='status-message'/>

<b:if cond='data:blog.pageType == &quot;index&quot;'> <b:loop values='data:posts' var='post'>

<b:include data='post' name='mobile-index-post'/> </b:loop>

<b:else/>

(49)

<b:if cond='data:newerPageUrl'>

<div class='mobile-link-button' id='blog-pager-newer-link'>

<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'>&amp;lsaquo;</a>

</div> </b:if>

<b:if cond='data:olderPageUrl'>

<div class='mobile-link-button' id='blog-pager-older-link'>

<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'>&amp;rsaquo;</a>

</div> </b:if>

<div class='mobile-link-button' id='blog-pager-home-link'>

<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a> </div>

<div class='mobile-desktop-link'>

<a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a> </div>

</div>

<div class='clear'/> </b:includable>

<b:includable id='mobile-post' var='post'> <div class='date-outer'>

<div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'> <b:if cond='data:post.thumbnailUrl'>

<meta expr:content='data:post.thumbnailUrl' itemprop='image_url'/> </b:if>

<meta expr:content='data:blog.blogId' itemprop='blogId'/> <meta expr:content='data:post.id' itemprop='postId'/>

<a expr:name='data:post.id'/> <b:if cond='data:post.title'>

<h3 class='post-title entry-title' itemprop='name'> <b:if cond='data:post.link'>

<a expr:href='data:post.link'><data:post.title/></a> <b:else/>

<b:if cond='data:post.url'>

(50)

</b:if>

<div class='post-header'> <div class='post-header-line-1'/> </div>

<div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'> <data:post.body/>

<div style='clear: both;'/><!-- clear for photos floats --> </div>

<div class='post-footer'>

<div class='post-footer-line post-footer-line-2'> <b:if cond='data:top.showMobileShare'>

<div class='mobile-link-button goog-inline-block' id='mobile-share-button'> <a href='javascript:void(0);'><data:shareMsg/></a>

</div> </b:if>

<b:if cond='data:top.showDummy'>

<div class='goog-inline-block dummy-container'><data:post.dummyTag/></div> </b:if>

</div>

</div>

</div>

<b:if cond='data:blog.pageType == &quot;static_page&quot;'> <b:include data='post' name='comment_picker'/>

</b:if>

<b:if cond='data:blog.pageType == &quot;item&quot;'> <b:include data='post' name='comment_picker'/> </b:if>

</div> </div> </div> </b:includable>

<b:includable id='nextprev'>

<div class='blog-pager' id='blog-pager'> <b:if cond='data:newerPageUrl'> <span id='blog-pager-newer-link'>

<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>

</span> </b:if>

<b:if cond='data:olderPageUrl'> <span id='blog-pager-older-link'>

<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>

</span> </b:if>

<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>

Referensi

Dokumen terkait

Pada proses pengujiannya dengan melakukan proses enkripsi dan deskripsi pesan singkat menghasilkan output dari proses enkripsi dan dikembalikan kebentuk aslinya melalui

Informed consent yaitu persetujuan tindakan dengan tanda tangan pada lembar persetujuan tindakan oleh bidan, klien dan suami setelah bidan memberikan informasi kepada

Berdasarkan analisis di lapangan, dalam rangka menunjang kemampuan pengajuan soal pada materi Geometri Lukis, maka diperoleh beberapa hal yang harus ada dalam modul

Hasil analisis data dengan uji Spearman dida- patkan nilai p = 0,781 (p&gt;0,05) yang berarti tidak terdapat hubungan yang bermakna antara derajat kepositifan TUBEX TF terhadap

Serta dapat memperbaiki histologi jaringan ginjal tikus diabetes melitus yang telah yang dipapar MLD-STZ yang mendapat terapi ekstrak rumput laut coklat

pembahasan di atas, dapat disimpulkan bahwa bale tumpang salu merupakan tempat (place) yang memiliki spirit of place yang penikmatan sence of place-nya dengan

Dengan adanya program Sarjana Membangun Desa (SMD) 2010 dari Departemen Pertanian melalui Direktorat Jenderal Peternakan, dimana sarjana peternakan

Pada dasarnya, penelitian mutakhir juga meyakinkan hasil penelitian terdahulu bahwa penguasaan makna kata adalah faktor penting dalam perkembangan membaca pemahaman dan