Saturday 13 September 2014

Blogger: Terstruktur, Masif dan Sistematis

Blogger: Terstruktur, Masif dan Sistematis
Istilah Terstruktur, Masif dan Sistematis atau biasa disingkat TSM yang di luncurkan oleh Prabowo Subiyanto ahir-ahir ini lagi nge-trend di medsos. Istilah ini cukup menarik perhatian saya sebagai Blogger untuk menuliskanya (dalam perspektif lain), bahwa ahir-ahir ini saya kurang vaksin TSM dalam aktifitas ngeblog, entah karena apa, yang jelas banyak hal yang mempengaruhinya, dari kemalasan nulis sampai kesibukan Ramadhan dan persiapan Mudik lebaran.
Rencana saya untuk selalu TSM dalam ngeblog ternyata tersendat oleh hal-hal yang sesungguhnya tak perlu saya ladeni, ternyata malah kebalikannya, untuk menulis inipun rasanya berat sekali, padahal ini adalah catatan yang harus saya susun dengan TSM.
TSM dalam ngeblog adalah ketekunan dan Keihlasan.

Blogger: Terstruktur, Masif dan Sistematis

1. Ketekunan

karena tak ada apapun di dunia ini yang bisa menjadikan ketekunan (TSM)-bakat sekalipun. Begitu banyak orang yang tidak berhasil, bahkan jenius yang tidak mendapatkan penghargaan sudah menjadi warna sejarah di negeri ini. Pendidikanpun tidak bisa menjamin ketekunan-bahkan dunia ini dipenuhi gelandangan berpendidikan.
Ketekunan dan kebulatan tekad yang diciptakan dengan cara TSM-lah kekuatan yang amat dasyat yang sering saya lupakan. Dengan slogan maju, terus bisa dan akan selalu bisa yang akan menyelesaikan masalah kita.
-karena hidup akan merampas seluruh waktu-

2. Mental

Yah, mental. Revolusi Mental bukanlah hanya slogan politik semata, sama halnya dengan TSM. Bukan Hanya milik pasangan Jokowi-JK atau lawannya, Revolusi Mental adalah awal dari kita untuk memliki ketekunan dalam kesuksesan dengan cara TSM. “Kalau Anda tidak dapat mengurus sikap mental sendiri, apakah Anda mengira akan dapat mengurus orang lain, apalagi pekerjaan Anda?

3. TSM

TSM adalah salah satu strategi yang dapat Anda gunakan dalam meraih kesuksesan. Karena pada dasarnya kesuksesan menuntut Anda untuk berpindah dari kegagalan TSM ke TSM yang lain tanpa kehilangan Antusiasme.
-Kesuksesan dan kegagalan sama-sama sulit untuk bertahan-
Keihlasan adalah berlian yang sesungguhnya kita inginkan.

Thursday 4 September 2014

Info Kontes SEO Terbaru PROTON WRITING COMPETITION 2014

Periode Lomba 13 Agustus’ 2014 (00.01) – 13 November’ 2014 (12.00)

Hadiah Utama

Pemenang 1
Uang Tunai
Rp. 3.000.000
+
Merchandise

Pemenang 2
Uang Tunai
Rp. 2.000.000
+
Merchandise

Pemenang 3
Uang Tunai
Rp. 1.000.000
+
Merchandise

10 Hadiah Hiburan
A. 5 Pemenang untuk tulisan terbaik mendapatkan Pulsa @ Rp. 100.000 + Merchandise
B. 5 Pemenang untuk foto blog terbaik mendapatkan Pulsa @ Rp. 100.000 + Merchandise

Tema atau Kata Kunci:
Wajib Memposting/Menulis Artikel Dengan Tema “MENGAPA SAYA MEMILIH PROTON SEBAGAI MOBILKU” Dan Kata Kunci “REVIEW MOBIL PROTON INDONESIA TERBAIK”

Info Selengkapnya: hxxp://protonwritingcompetition.com/

Sunday 31 August 2014

Deanara16.com Tempat Download Software Terupdate 2014 -

Deanara16.com Tempat Download Software Terupdate 2014
Deanara16.com Tempat Download Software Terupdate 2014 - Download Software Gratis Di Deanara16.com memang Sangat Lengkap dan terpercaya sekali . Di Deanara16.com banyak berbagai macam software dan bisa di download dengan gratis . Siapa yang tidak mengenal Deanara16.com ? . Pasti Sudah mengenal semua karena Deanara16.com adalah tempatnya download software gratis dan terpercaya dan tentunya aman dan nomor 1 di indonesia dan pasti nya di pencarian google .
Di Deanara16.com Memang sangat lengkap sekali software-software nya . Banyak sekali blog blog yang membuat blognya dengan artikel tentang download software . tetapi banyak juga yang link nya rusak . misalnya kita mencari kata kunci di google "download Photoshop cs3"  dan banyak sekali artikel artikel yang muncul di pencarian SERP google yang kata kuncinya tersebut, tetapi waktu dilihat link download nya Juga banyak yang rusak , Dan itu membuat Kesal . TETAPI di Deanara16.com ini Di jamin Link rusak itu Langka atau Jarang , Bila ada link rusak Anda Bisa Melaporkan langsung ke Laporkan link rusak di Deanara16.com . Dan Dijamin Laporan tersebut akan di proses langsung oleh admin Deanara16.com

Pengalaman Saya Yang selalu mencari software Di Deanara16.com


Sudah Berkali kali saya Terus mencari software software update di Deanara16.com selain lengkap dan aman , Deanara16.com software nya juga full version dan pada saat download selalu di sediakan crack nya . Di Deanara16.com Juga ada Download game gratis . Pengalaman saya adalah waktu pertama kali download IDM di Deanara16.com . Semua artikel di pencarian google saya lihat link nya selalu rusak tetapi di Deanara16.com tidak sama sekali dan saya berhasil download software nya Dan Saya waktu itu sangat menyukai sekali yang namanya Deanara16.com karena Terpercaya sekali . Di bandingkan blog lain Deanara16.com memang rajanya untuk download software Terbaru ,aman , terpercaya . Dan semoga anda Sebagai pembaca blog ini berbondong bondong memburu jutaan software terbaru di Deanara16.com di jamin anda tidak kebingungan dan tidak kesal . Dan dijamin anda puas . Deanara16.com , Tempatnya Download Software Terbaru 2014.

 

Ada Sofware Apa saja Di Deanara16.com ?


Di Deanara16.com Ada Berbagai macam Software silahkan kunjungi Deanara16.com untuk melihat lebih detail

Bagaimana Mencari Artikel Di Deanara16.com

Terkadang Kita mencari artikel yang kita inginkan dan terkadang kita susah untuk menemukan nya di google.com tetapi lain lagi di Deanara16.com anda hanya mencari di kolom pencarian seperti ini:
 
Deanara16.com Tempat Download Software Terupdate 2014

Anda Tinggal Tulis Yang anda cari di kolom pencarian itu lalu pada  saat klik telusuri hasilnya Ada berbagai macam artikel yang mucul dan bentuk dari pencarian nya memang sangat lebar dan bagus ,itu untuk memudahkan anda untuk mencari artikel di Deanara16.com dan pastinya hasil dari pencarian nya sangat mudah .

Perbandingan Website Download software Deanara16.com Di banding  Website Download software lainya

Perbandingan Website download software gratis di Deanara16.com dan website lainya adalah :

di Deanara16.com:

1. Software lengkap . Software di Deanara16.com memang terkenal lengkap , untuk itu banyak sekali pengunjung yang menyukai Deanara16.com

2. Website Tidak Mengandung Virus . terkadang kita mengunjungi website dan tiba tiba antivirus mendeteksi bahwa web itu mengandung virus . tetapi di Deanara16.com tidak dan itu yang dikatakan aman.

3. Link download terpercaya . Link download di Deanara16.com terpercaya. maksudnya terpercaya adalah link download nya tidak rusak dan link download di Deanara16.com menggunakan situs yang menyediakan layanan hosting file yang aman dan terpercaya seperti : indowebster, mediafire,dan lainnya

4. Admin yang sangat baik dengan pengunjung . terkadang anda sering bertanya jika ada masalah dan lama sekali menunggu jawabannya ataupun tidak di jawab sama sekali. tetapi berbeda di Deanara16.com di Deanara16.com bila ada masalah seperti belum mengerti seperti cara install dan lain lain , jawaban dari pertanyaan tersebut pastinya akan di jawab oleh admin admin nya . 

5. Selain Download Anda Juga tahu soal tips dan info . Ini sungguh bagus sekali , selain anda dapat download software anda juga dapat di beri banyak tips tips seputar aplikasi android anda dan tips tips soal teknologi lainya (programs,games,dll) . 
 
6. Anda tidak salah dengan tampilan software yang anda inginkan , terkadang bila kita akan download software setelah download software itu selesai dan kita install program nya ( software nya ) , lalu hasilnya lain dengan yang kita ingin kan . seperti contohnya anda mencari software Adobe photoshop tetapi anda tidak tahu CS nya ntah itu cs 3 atau cs 4 tetapi anda hanya tahu sekilas saja tentang screenshot halaman layar nya saja (tampilan awal) . tetapi bila anda download di Deanara16.com suatu artikel tentang download software selalu ada screenshot nya , gunanya adalah agar konsumen atau orang yang mendownload tidak salah dengan tampilan software yang diinginkan nya 

Ditempat lain :

1. terkadang Link download mengalami kerusakan / error / hilang
2. Banyak Iklan yang buat loading lambat
3. Tampilan postingan blog Susah untuk di baca  
4. Blog mengandung virus
5. Kurang lengkap
6. Artikel copas
7. Anda tertipu dengan link downloadnya , terkadang link download nya bukan itu yang dimaksud
8. Anda kebingungan instalasi karena tidak di berikan caranya 

Intinya adalah download software di Deanara16.com tidak susah (mudah) dan Deanara16.commemberikan artikel postingan dengan informasi informasi yang Jelas dan sangat lengkap seperti memberikan screenshot pada software. tujuanya adalah agar konsumen tidak kecewa dengan apa yang diberikan oleh Deanara16.com .

Sunday 6 April 2014

Video Security System Installation

Video Security System Installation

As a home owner, knowing that your home is physically secure from harm will bring you peace of mind. Aside from the basic security measures installed on your home like locks, motion sensors and fire alarms, it will be a great help to have a video security system installed as well.

You can be free to do other things while checking on your baby or seeing who is on your front door through security monitors. You can even monitor your home while you are away on a trip by accessing your video home security system from the Internet.

To have a video home security system installed, first, you need to decide on the areas of your home that you would like to monitor. The logical spots are the front and back doors, as well as any area in your house that is unnoticeable, where intruders are likely to go.

When deciding where to install the cameras, also consider the rooms within the house. Install one on the rooms of your youngest children. If you have elder or disabled people in the house, you can also monitor their rooms.

When considering the equipments for the video security system that you want to install, here are some tips to remember: Choose a weatherproof camera with specialized lens that you can use at night. You can install this at areas outside the house, and it is very important that they can be used at night and during any weather. There are cameras that you can remotely control. You can use this to monitor a larger area outside the house. It is important that they can be tilted to view any angle. Images transmitted from these cameras may be viewed using the monitor or your choice. You can also link them with your television set to make it easier to access.

With the advancement in technology, you can look for every feature imaginable so that they can be included with the installation of your home video security system.

Thursday 3 April 2014

5 Qualities For Affiliate Marketing

5 Qualities For Affiliate Marketing

More and more people these days are turning to one of the most popular businesses around - the business of affiliate marketing. In this business, there are no bosses, deadlines to meet, or piles of work that have to be finished by the end of the day.  In order to succeed, you only need the necessary tools.

There are basically five things you can't do without if you want to make it in the business of affiliate marketing.  Below, you'll find each quality you'll need.

1.  Desire to learn

The first quality you must possess is the desire to learn, coupled with the willingness to be trained.  Treading through unfamiliar territory is tough indeed, especially if your lacking the right knowledge. This is a combination of the right frame of mind, coupled with a strong work ethic. When starting out, you'll need to be willing to keep your eyes and ears open, using the experience of others to learn more as you go.

2.  Invest time and effort
The second quality you must have is the willingness to invest time and effort in helping your business grow, even if you don't see immediate results.  Even though weeks may pass without hearing good news, it's very important for anyone who wants to get their foot in the business world.

3.  Determination

The third quality you'll need is determination.  If you want to make it in the world of affiliate marketing, you must possess to push yourself forward.  The ability to push yourself to greater heights will determine what type of future you have.

4.  Discipline
The fourth quality is self discipline.  If you teach yourself to work everyday with all of your heart and soul, you'll be that much closer to reaching your goals and making your dreams come true.

5.  Optimisme
The last quality you must have is optimism.  Bad attitudes should never discourage an affiliate marketer from pursuing their dreams in order to make life better for themselves or anyone around them.

The attitude you have towards the business should always be good, because you'll have to realize that you're the captain of your ship and your the one steering it towards destiny.

If you put the above tips to good use, you'll go farther than you ever thought possible in the world of affiliate marketing.  You'll need these qualities to succeed, as affiliate marketing can be a cutting edge career.  With the above qualities, you'll do just fine in the industry.

Wednesday 2 April 2014

Afiliasi Pemasaran dan Blogging

Afiliasi Pemasaran dan Blogging
Afiliasi pemasaran adalah salah satu cara di mana blogger memanfaatkan blog mereka untuk menghasilkan pendapatan . Jumlah pendapatan yang dihasilkan oleh sebuah blog yang menampilkan link afiliasi pemasaran dapat bervariasi tergantung pada jumlah lalu lintas blog menerima serta kompensasi yang ditawarkan untuk pemasaran afiliasi signifikan . Afiliasi pemasaran pada dasarnya memerlukan membuat link di blog ke website perusahaan lain . Perusahaan lain kemudian mengkompensasi pemilik blog sesuai dengan yang sebelumnya disepakati kontrak . Kompensasi ini dapat diberikan dalam berbagai cara yang berbeda . Pemilik blog dapat dikompensasikan setiap kali iklan yang disajikan , setiap kali klik pengunjung website yang unik melalui iklan atau setiap kali pengunjung blog melakukan tindakan yang diinginkan seperti melakukan pembelian atau mendaftar dengan situs web. Artikel ini akan membahas beberapa aspek pemasaran afiliasi yang blogger harus memahami termasuk memilih peluang hati-hati , memaksimalkan potensi penghasilan peluang ini dan memahami persyaratan yang terkait dengan peluang pemasaran afiliasi .

Memilih Peluang Pemasaran Afiliasi
Ada berbagai peluang pemasaran afiliasi yang tersedia . Banyak perusahaan yang berbeda dan situs menawarkan peluang pemasaran afiliasi . Dalam kebanyakan kasus pemilik blog hanya perlu mengirimkan alamat situs blog-nya bersama dengan beberapa informasi dasar lainnya untuk disetujui . Dalam kebanyakan kasus perusahaan tidak mungkin untuk menolak aplikasi kecuali isi website dianggap pantas atau dalam konflik kepentingan dengan tujuan perusahaan . Namun, meskipun mendapatkan disetujui untuk menampilkan link afiliasi pada website Anda adalah proses yang agak sederhana , ini tidak berarti pemilik blog harus memilih peluang pemasaran afiliasi tanpa kebijaksanaan . Ini adalah ide yang jauh lebih baik untuk hati-hati memilih peluang pemasaran afiliasi dengan perusahaan yang menarik bagi target audiens blog .
Sebuah blog baik fokus yaitu mencapai target pemirsa tertentu harus berusaha untuk menampilkan link pemasaran mengarahkan lalu lintas situs web untuk perusahaan yang melengkapi blog tanpa bertindak sebagai kompetisi langsung ke blog . Hal ini membantu untuk memastikan para pengunjung blog tidak hanya akan tertarik pada link afiliasi pemasaran dan karena itu lebih cenderung mengklik link tetapi juga akan membantu untuk memastikan para pengunjung blog tidak menemukan link afiliasi pemasaran untuk menjadi mengganggu .

Memaksimalkan Peluang Pemasaran Afiliasi
Setelah pemilik blog memilih peluang pemasaran afiliasi sekarang saatnya untuk mempertimbangkan bagaimana mereka dapat memaksimalkan laba yang dihasilkan oleh link tersebut. Ada beberapa faktor penting yang pemilik blog harus hati-hati mempertimbangkan untuk membantu memaksimalkan keuntungan mereka dari pemasaran afiliasi . Ini termasuk secara teratur mengevaluasi efektivitas dari link afiliasi dan mempromosikan blog untuk memaksimalkan lalu lintas.
Pemilik blog yang menggabungkan pemasaran afiliasi ke blog mereka harus secara teratur mengevaluasi efektivitas dari link afiliasi . Hal ini dapat dilakukan dengan membandingkan persentase pengunjung blog yang mengklik link afiliasi untuk lalu lintas blog secara keseluruhan . Sebuah blog yang memiliki lalu lintas tinggi tetapi persentase yang relatif kecil dari pengunjung yang mengklik link afiliasi harus mempertimbangkan untuk membuat perubahan untuk mencoba untuk menarik pengunjung blog lebih untuk mengklik pada link . Perubahan ini dapat melibatkan estetika , ukuran atau lokasi iklan . Hanya membuat satu perubahan pada suatu waktu dianjurkan karena membuat lebih mudah bagi pemilik blog untuk mengevaluasi perubahan yang paling menguntungkan .
Pemilik blog juga dapat membantu untuk memaksimalkan keuntungan dari peluang pemasaran afiliasi mereka dengan melakukan promosi diri untuk mendorong situs tambahan untuk blog . Ini kemungkinan akan bermanfaat karena lalu lintas situs Web yang lebih tinggi umumnya akan menerjemahkan untuk keuntungan yang lebih besar dari afiliasi pemasaran . Selain itu , pemilik blog mungkin ingin sesekali menyebutkan perusahaan tempat mereka adalah afiliasi untuk membangkitkan minat dalam iklan di website .
Memahami Persyaratan Afiliasi Pemasaran
Akhirnya , pemilik blog harus memperhatikan berhati-hati untuk perjanjian pemasaran afiliasi mereka masuk . Hal ini penting karena beberapa perusahaan dapat menempatkan pembatasan pada penggunaan link ke situs web mereka . Ini mungkin termasuk pembatasan seperti menghindari konten yang dilarang , tidak termasuk link atau iklan untuk pesaing langsung atau pembatasan pada penampilan link afiliasi . Kegagalan untuk mematuhi panduan ini dapat mengakibatkan hak afiliasi blog kalah dan pemilik blog ditolak kompensasi .

Saturday 14 December 2013

Dua Modifikasi Threaded Comments Menarik Dan Keren

بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ الرَّحِيم

Modifikasi Threaded Comment Cantik Tutorial kali ini, insyaAllah saya akan kembali membagikan kode CSS untuk dua modifikasi threaded comment blogger. Modifikasi berikut terhitung sebagai versi ke-3 dan ke-4 threaded comment yang pernah saya posting diblog ini.
Saya sematkan kata menarik dan keren pada modifikasi threaded comment kali ini bukan tak beralasan, sebab modifikasi ini telah memikat hati saya dan mungkin hal yang sama akan berlaku bagi anda pecinta warna. Ya karena letak dominan modifikasi kali ini pada permainan CSS background color dan CSS border.
Tertarik untuk mengganti threaded comment default blogger diblog anda dengan modifikasi threaded comment colored style ini? Silahkan ikuti langkah-langkah berikut:
Tutorial berikut hanya untuk blog yang telah mengaktifkan sistem threaded comment blogger. Jika anda belum mengaktifkan sistem threaded comment diblog anda, silahkan ikuti terlebih dahulu tutorial panduannya disini

Cara menambahkan kode CSS modifikasi threaded comment

  • Setelah login ke akun blogger anda
  • Pada dasbor klik Template --> edit HTML
  • Klikk Ctrl+F dan cari kode ]]></b:skin>
  • Tambahkan kode CSS berikut diatas kode ]]></b:skin>

Kode CSS Threaded Comment Menarik Versi 3

Modifikasi Threaded Comment Menarik
#comments {
padding:10px;
}
#comments h4{display:inline;padding:10px;line-height:40px}
#comments h4,.comments .comment-header,.comments .comment-thread.inline-thread .comment{position:relative}
#comments h4{background:#1aa1e2;}
#comments h4,.comments .user a,.comments .continue a{font-size:16px}
#comments h4,.comments .continue a{font-weight:normal;color:#fff}
#comments h4:after{content:"";position:absolute;bottom:-10px;left:10px;border-top:10px solid #1aa1e2;border-right:20px solid transparent;width:0;height:0;line-height:0}
h4#comment-post-message {
display:none;
}
#comments-block {
margin:1em 0 1.5em;
line-height:1.6em;
}
#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:.1em;
}
#comments-block .comment-body p {
margin:0 0 .75em;
}
.comment .avatar-image-container {
border:1px solid #B6B6B6;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
max-height:60px;
margin-top:-10px;
width:60px;
position:relative;
z-index:70;
border:4px double #1aa1e2;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
box-shadow:0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);
-moz-box-shadow:0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);
-webkit-box-shadow:0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);
box-shadow:0 2px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);
}

.comments .comments-content {
padding:5px;
font-size:11px;
}
.comment .comment-block {
margin-left:75px !important;
min-height:84px;
text-align:left;
}
.comment .comment-header {
background:none repeat scroll 0 0 #5D974C;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
color:#333;
font-size:12px;
font-weight:normal;
margin-left:60px;
}
.comment .comment-header a {
color:#fff !important;
text-decoration:none;
}
.comment .comment-content {
background:none repeat scroll 0 0 #FEFFF9;
border-bottom:2px solid #1aa1e2;
font-size:12px;
margin:0 0 30px;
padding:5px 5px 10px 10px;
text-align:left;
}
.comment .comment-actions a {
color:#860000;
display:inline-block;
line-height:1;
margin:0 3px;
padding:3px 6px !important;
text-decoration:none;
}
.comment-header cite {
background:none repeat scroll 0 0 #FD7000;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
color:#fff;border: 2px solid white;
padding:2px 5px;
position:relative;
z-index:99;
margin-left:-20px;
}
cite.blog-author {
background:none repeat scroll 0 0 #490077 !important;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}
.icon.blog-author {
display:none !important;
background:url("") no-repeat scroll 0 0;
margin-left:90px;
width:60px !important;
height:60px !important;
position:absolute;
right:5px;
bottom:5px;
top:10px;
}
.comment .comment-header {
color:#333;
font-size:12px;
font-weight:bold;
}
.comment .avatar-image-container img {
border:medium none !important;
height:60px !important;
width:60px !important;
max-height:60px !important;
max-width:60px !important;
}
.comment .comment-actions a {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
background:none repeat scroll 0 0 #1aa1e2 !important;
color:#FFF !important;
display:inline-block !important;
line-height:1 !important;
margin-top:-10px !important;
margin-right:2px !important;
padding:3px 6px !important;
text-decoration:none !important;
font-size:14px;
}
.comment .comment-actions a:hover {
background:#860000 !important;
text-decoration:none !important;
}
.comments {
font-size:1em;
color:#000;
}
.comments .continue a {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
background:none repeat scroll 0 0 #04B404 !important;
color:#FFF !important;
display:inline !important;
line-height:1 !important;
margin-top:10px !important;
margin-right:2px !important;
padding:3px 6px !important;
font-size:13px;
}
.comments .continue a:hover {
background:#860000 !important;
color:#FFF;
text-decoration:none;
}
.item-control {
display:inline-block;
}
.comments .continue {
border-top:2px solid transparent !important;
}
#comment-editor {
width:103% !important;
}
.comment-form {
width:100%;
max-width:100%;
}
.comments .thread-toggle {
margin-bottom:10px;
}
.comments .comment-thread.inline-thread .comment {
margin:0 0 5px 15%;
}


Kode CSS Threaded Comment Keren Versi 4


Modifikasi Threaded Comment Keren

#comments {
padding:10px;
}
#comments h4{display:inline;padding:10px;line-height:40px}
#comments h4,.comments .comment-header,.comments .comment-thread.inline-thread .comment{position:relative}
#comments h4{background:#1aa1e2;}
#comments h4,.comments .user a,.comments .continue a{font-size:16px}
#comments h4,.comments .continue a{font-weight:normal;color:#fff}
#comments h4:after{content:"";position:absolute;bottom:-10px;left:10px;border-top:10px solid #1aa1e2;border-right:20px solid transparent;width:0;height:0;line-height:0}
h4#comment-post-message {
display:none;
}
#comments-block {
margin:1em 0 1.5em;
line-height:1.6em;
}
#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:.1em;
}
#comments-block .comment-body p {
margin:0 0 .75em;
}
.comment .avatar-image-container {
border:1px solid #B6B6B6;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
max-height:60px;
margin-top:-10px;
width:60px;
position:relative;
z-index:70;
border:4px double #1aa1e2;- webkit-border-radius:100px;
-moz-border-radius: 100px; border-radius: 100px;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4); 
box-shadow: 0 1px 3px rgba(0, 0, 0, .4); 
} 
.comments .comments-content {
padding:5px;
font-size:11px;
}
.comment .comment-block {
margin-left:75px !important;
min-height:84px;
text-align:left;
}
.comment .comment-header {
background:none repeat scroll 0 0 #5D974C;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
color:#333;
font-size:12px;
font-weight:normal;
margin-left:60px;
}
.comment .comment-header a {
color:#fff !important;
text-decoration:none;
}
.comment .comment-content {
background:none repeat scroll 0 0 #FEFFF9;
border-bottom:2px solid #1aa1e2;
font-size:12px;
margin:0 0 30px;
padding:5px 5px 10px 10px;
text-align:left;
}
.comment .comment-actions a {
color:#860000;
display:inline-block;
line-height:1;
margin:0 3px;
padding:3px 6px !important;
text-decoration:none;
}
.comment-header cite {
background:none repeat scroll 0 0 #FD7000;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
color:#fff;border: 2px solid white;
padding:2px 5px;
position:relative;
z-index:99;
margin-left:-20px;
}
cite.blog-author {
background:none repeat scroll 0 0 #490077 !important;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}
.icon.blog-author {
display:none !important;
background:url("") no-repeat scroll 0 0;
margin-left:90px;
width:60px !important;
height:60px !important;
position:absolute;
right:5px;
bottom:5px;
top:10px;
}
.comment .comment-header {
color:#333;
font-size:12px;
font-weight:bold;
}
.comment .avatar-image-container img {
border:medium none !important;
height:60px !important;
width:60px !important;
max-height:60px !important;
max-width:60px !important;
}
.comment .comment-actions a {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
background:none repeat scroll 0 0 #1aa1e2 !important;
color:#FFF !important;
display:inline-block !important;
line-height:1 !important;
margin-top:-10px !important;
margin-right:2px !important;
padding:3px 6px !important;
text-decoration:none !important;
font-size:14px;
}
.comment .comment-actions a:hover {
background:#860000 !important;
text-decoration:none !important;
}
.comments {
font-size:1em;
color:#000;
}
.comments .continue a {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
background:none repeat scroll 0 0 #04B404 !important;
color:#FFF !important;
display:inline !important;
line-height:1 !important;
margin-top:10px !important;
margin-right:2px !important;
padding:3px 6px !important;
font-size:13px;
}
.comments .continue a:hover {
background:#860000 !important;
color:#FFF;
text-decoration:none;
}
.item-control {
display:inline-block;
}
.comments .continue {
border-top:2px solid transparent !important;
}
#comment-editor {
width:103% !important;
}
.comment-form {
width:100%;
max-width:100%;
}
.comments .thread-toggle {
margin-bottom:10px;
}
.comments .comment-thread.inline-thread .comment {
margin:0 0 5px 15%;
}

Untuk demo bisa lihat pada blog personal saya disini. Demikian tutorial modifikasi threaded comment menarik dan keren versi 3 dan 4 kali ini. Semoga bermanfaat.

ٱلْحَمْدُ لِلَّهِ رَبِّ ٱلْعَٰلَمِين
 
 
Copyright © 2013 Tekhnologi Dan Informasi - All Rights Reserved
Design By Luhur Fatah - Powered By Blogger